:root{--teal:#1a8f9e;--teal-dark:#0a5f6c;--teal-50:#c8eaee;--bg:#fff;--surface:#f5f5f5;--divider:#ebebeb;--text:#0d1f22;--subtext:#7a8c8e;--error:#e74c3c;--sidebar-width:220px;--topbar-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--surface);min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}h1{margin-bottom:8px;font-size:22px;line-height:1.3}p+p{margin-top:8px}.muted{color:var(--subtext)}.error{color:var(--error);font-size:14px}.loading{text-align:center;padding:32px 16px}.card{background:var(--bg);border:1px solid var(--divider);border-radius:12px;padding:24px}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--teal);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:600}button.primary:hover:not(:disabled){background:var(--teal-dark)}button.link{color:var(--teal-dark);background:0 0;border:none;padding:8px;font-weight:600}label{flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--divider);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px;font-weight:400}input:focus{outline:2px solid var(--teal-50);border-color:var(--teal)}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.login-card h1{margin-bottom:0}.login-logo{align-self:center}.topbar{z-index:10;height:var(--topbar-height);background:var(--bg);border-bottom:1px solid var(--divider);align-items:center;gap:10px;padding:0 16px;display:flex;position:sticky;top:0}.brand{font-weight:700}.spacer{flex:1}.user{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.menu-toggle{color:var(--text);background:0 0;border:none;padding:4px 8px;font-size:22px;display:none}.sidebar{top:var(--topbar-height);width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--divider);flex-direction:column;gap:4px;padding:16px 8px;display:flex;position:fixed;bottom:0;left:0}.sidebar a{color:var(--text);border-radius:8px;padding:10px 12px;font-weight:500;text-decoration:none}.sidebar a.active{background:var(--teal-50);color:var(--teal-dark);font-weight:700}.content{margin-left:var(--sidebar-width);max-width:1100px;padding:24px}@media (width<=767px){.menu-toggle{display:block}.user{display:none}.sidebar{border-right:none;border-bottom:1px solid var(--divider);width:100%;display:none;bottom:auto;box-shadow:0 8px 16px #0d1f2214}.sidebar.open{display:flex}.content{margin-left:0;padding:16px}.card{padding:16px}}