:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-muted: #64748b;--color-border: #e2e8f0;--header-height: 56px;--nav-width: 240px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{height:var(--header-height);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--color-primary);color:#fff;position:sticky;top:0;z-index:20}.app-title{font-weight:700;font-size:1.1rem}.header-spacer{flex:1}.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.3rem;cursor:pointer}.user-trigger{background:#ffffff26;color:#fff;border:0;padding:6px 14px;border-radius:999px;cursor:pointer;font:inherit}.app-body{display:flex;flex:1;min-height:0}.app-nav{width:var(--nav-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:4px}.nav-link{padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--color-text);font-weight:500}.nav-link:hover{background:var(--color-bg)}.nav-link.active{background:var(--color-primary);color:#fff}.app-content{flex:1;padding:24px;overflow:auto}.app-content h1{margin-top:0}.muted{color:var(--color-muted)}.status{display:inline-block;padding:4px 10px;border-radius:6px;background:#e2e8f0;font-size:.9rem}.status.ok{background:#d1fae5;color:#065f46}.status.err{background:#fee2e2;color:#991b1b}.search-box{width:100%;max-width:640px;padding:12px 16px;font-size:1rem;border:1px solid var(--color-border);border-radius:10px}.user-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:6px;min-width:200px;box-shadow:0 8px 24px #0000001f}.user-menu-label{font-size:.75rem;color:var(--color-muted);padding:6px 8px;text-transform:uppercase}.user-menu-item{padding:6px 8px;border-radius:6px;font-size:.9rem;outline:none}.user-menu-sep{height:1px;background:var(--color-border);margin:4px 0}@media(max-width:768px){.nav-toggle{display:block}.app-nav{position:fixed;top:var(--header-height);bottom:0;left:0;z-index:15;transform:translate(-100%);transition:transform .2s ease}.app-nav.open{transform:translate(0)}}