.root{--bg:#f5f7fa;--surface:#ffffff;--muted:#6b7280;--text:#0f1724;--accent:#0b63d6;--accent-2:#094a9a;--border:#d9e2ef}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;margin:12px;padding:8px 12px;background:#000;color:#fff;border-radius:6px;z-index:1000}*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}header.app-header{display:flex;align-items:center;gap:16px;padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 6px 18px #1018280a}header.app-header h1{margin:0;font-family:Inter,system-ui;font-weight:700;font-size:20px;color:var(--text)}nav.app-nav{margin-left:auto;display:flex;gap:12px}nav.app-nav a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px;transition:background .12s,color .12s}nav.app-nav a:hover,nav.app-nav a:focus{background:var(--bg);color:var(--accent);outline:none}nav.app-nav a.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}:focus{outline:3px solid rgba(11,99,214,.18);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.auth-controls{display:flex;gap:10px;align-items:center;margin-left:12px}.auth-controls a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}.auth-controls a.secondary{background:transparent;color:var(--text);border:1px solid var(--border);padding:8px 10px}.auth-controls a.secondary:hover{background:var(--bg);color:var(--accent)}.layout{display:flex;gap:24px;padding:28px}.sidebar{width:260px;background:var(--surface);border-radius:8px;padding:16px;box-shadow:0 6px 18px #1018280a;border:1px solid rgba(16,24,40,.03)}.main{flex:1}.card{background:var(--surface);padding:16px;border-radius:8px;box-shadow:0 8px 28px #10182808;margin-bottom:16px;border:1px solid rgba(16,24,40,.03)}.muted{color:var(--muted)}.clients-list{display:flex;flex-direction:column;gap:12px}.client{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;background:transparent;border:1px solid rgba(16,24,40,.03)}.client .meta{display:flex;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--text);font-weight:700;border:1px solid rgba(16,24,40,.03)}.form-row{display:flex;gap:12px;align-items:center}input,textarea,select{padding:10px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:14px}textarea{min-height:80px}button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button:focus{box-shadow:0 0 0 3px #0b63d62e}.auth-controls a.secondary{border-color:#0b63d61f}@media (max-width:900px){.layout{flex-direction:column;padding:16px}.sidebar{width:100%}}.update-banner{position:fixed;right:20px;bottom:20px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:12px 14px;border-radius:8px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px #1018281f;z-index:10000}.update-banner button{background:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-weight:700;color:var(--accent)}