:root{--bg: #0f1419;--bg-elevated: #1a2129;--bg-overlay: rgba(15, 20, 25, .85);--border: #2a3441;--text: #e6e6e6;--text-muted: #8a96a3;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--success: #22c55e;--shell-pad-mobile: 16px;--shell-pad-desktop: 24px;--tap-target: 44px;--header-height-mobile: 56px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 16px;min-height:var(--tap-target);-webkit-text-size-adjust:100%}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}button.icon{min-width:var(--tap-target);padding:8px;display:inline-flex;align-items:center;justify-content:center}input,textarea,select{font:inherit;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px 12px;width:100%;font-size:16px}textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100px}.app-shell{max-width:1100px;margin:0 auto;padding:var(--shell-pad-mobile)}.app-shell header.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px;gap:12px;min-height:var(--header-height-mobile)}.app-shell .brand{font-weight:700;white-space:nowrap}.app-shell .nav-desktop,.app-shell .header-end{display:none}.app-shell .menu-trigger{background:transparent;border:1px solid var(--border);padding:0;min-width:var(--tap-target)}.app-shell .menu-trigger:hover{background:var(--bg-elevated)}.app-shell .menu-trigger span{display:block;width:18px;height:2px;background:var(--text);margin:4px auto;border-radius:2px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:100}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(80vw,320px);background:var(--bg-elevated);border-left:1px solid var(--border);padding:24px 16px;z-index:101;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.drawer-panel .drawer-close{align-self:flex-end}.drawer-panel .drawer-email{color:var(--text-muted);font-size:14px;word-break:break-all;padding:8px 0;border-bottom:1px solid var(--border)}.drawer-panel nav{display:flex;flex-direction:column;gap:4px}.drawer-panel nav a{display:block;padding:12px 8px;border-radius:6px;min-height:var(--tap-target);color:var(--text)}.drawer-panel nav a.active{background:var(--bg);color:var(--accent);font-weight:600}.drawer-panel nav a:hover{background:var(--bg);text-decoration:none}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{color:var(--text-muted);font-size:13px}.field .hint{color:var(--text-muted);font-size:12px}.field .error{color:var(--danger);font-size:12px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-direction:column;gap:12px;align-items:stretch}.row.row-inline{flex-direction:row;align-items:center}.section-header{display:flex;flex-direction:column;gap:12px;align-items:stretch}.section-header h2{margin:0}.section-header .actions{display:flex;gap:8px}.section-header .actions button{width:100%}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-size:12px;text-transform:uppercase}.table-wrap{display:none}.list-cards{display:flex;flex-direction:column;gap:12px}.list-cards .list-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.list-cards .list-card-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.list-cards .list-card-row .label{color:var(--text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.04em}.list-cards .list-card-actions{display:flex;gap:8px;flex-wrap:wrap}.list-cards .list-card-actions button,.list-cards .list-card-actions a{flex:1}.list-cards .list-card-actions button{min-width:0}.center{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--shell-pad-mobile)}.login-card{width:100%;max-width:420px}.alert{border-radius:8px;padding:10px 14px;font-size:14px}.alert.success{background:#22c55e1a;color:var(--success)}.alert.danger{background:#ef44441a;color:var(--danger)}.alert.muted{background:var(--bg-elevated);color:var(--text-muted)}@media (min-width: 640px){.app-shell{padding:var(--shell-pad-desktop)}.app-shell header.top{padding-bottom:16px;margin-bottom:24px;gap:24px;min-height:auto}.app-shell .nav-desktop{display:flex;gap:16px;align-items:center}.app-shell .nav-desktop a.active{color:var(--text);font-weight:600}.app-shell .nav-desktop a{padding:6px 4px}.app-shell .menu-trigger{display:none}.app-shell .header-end{display:flex;gap:16px;align-items:center}.app-shell .header-end .email{color:var(--text-muted);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{padding:20px}.row{flex-direction:row;align-items:center}.section-header{flex-direction:row;justify-content:space-between;align-items:center}.section-header .actions button{width:auto}.table-wrap{display:block;overflow-x:auto}.list-cards{display:none}}