:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--bg: #0f1115;--surface: #171a21;--surface-2: #1f2430;--border: #2a2f3a;--text: #e6e8eb;--muted: #93a0af;--accent: #5b8dff;--danger: #e5484d;--warning: #e5a04d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--accent);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}input,textarea,select{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;width:100%}.centered-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;width:100%;max-width:420px;max-height:100%;overflow-y:auto}.card h1{font-size:1.25rem;margin-top:0}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.error-text{color:var(--danger);font-size:.85rem;margin-top:.5rem}.hint-text{color:var(--muted);font-size:.85rem}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-item{padding:.5rem .6rem;border-radius:6px;color:var(--text);cursor:pointer;background:transparent;border:none;text-align:left;width:100%}.sidebar-item.active{background:var(--surface-2)}.main-panel{padding:1.5rem;max-width:720px}.topbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.login-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.login-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.login-item-title{font-weight:600}.login-item-meta{color:var(--muted);font-size:.85rem}.row{display:flex;gap:.5rem}.recovery-code{font-family:ui-monospace,monospace;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:1.1rem;letter-spacing:.05em;word-break:break-all;margin:1rem 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end}.panel{width:100%;max-width:480px;height:100%;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:panel-slide-in .2s ease-out}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{flex-shrink:0;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.panel-header h1{font-size:1.25rem;margin:0}.panel-body{flex:1 1 auto;overflow-y:auto;padding:1.5rem}.panel-footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:.75rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.checkbox-row input{width:auto}