*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0e17;--surface: #13162080;--surface-alt: #1a1e2e;--border: #ffffff14;--text: #e2e5f0;--text-muted: #7a82a0;--accent: #6366f1;--accent-hover:#818cf8;--danger: #ef4444;--danger-hover:#f87171;--success: #22c55e;--radius: 10px;--radius-sm: 6px;--shadow: 0 8px 32px #00000040;--font: "Inter", system-ui, sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% -20%,#6366f118 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,#8b5cf618 0%,transparent 60%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100vh}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:860px;width:100%;margin:0 auto;padding:32px 24px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;border-bottom:1px solid var(--border);background:#0c0e17c0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-brand{display:flex;align-items:center;gap:10px}.logo-sm{font-size:20px}.brand-name{font-weight:600;font-size:15px;letter-spacing:-.02em}.topbar-user{display:flex;align-items:center;gap:10px}.user-name{color:var(--text-muted);font-size:13px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow)}.access-denied{max-width:420px;text-align:center;gap:16px;display:flex;flex-direction:column;align-items:center}.form-card{margin-bottom:20px}.table-card{padding:0;overflow:hidden}.meta-card{margin-bottom:20px}.logo{font-size:48px}.product-name{font-size:24px;font-weight:700;letter-spacing:-.03em}.subtitle{color:var(--text-muted);font-size:13px;margin-top:-8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)40}.btn-danger:hover{background:var(--danger)18;border-color:var(--danger)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--surface-alt)}.btn-sm{padding:6px 12px;font-size:12px}.btn-google{background:#fff;color:#1f2328;font-size:14px;padding:11px 24px;width:100%;justify-content:center;border-radius:var(--radius-sm);font-weight:500;box-shadow:0 1px 4px #00000030}.btn-google:hover{background:#f0f0f0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:20px;font-weight:700;letter-spacing:-.02em}.breadcrumb{display:flex;align-items:center;gap:8px}.breadcrumb-sep{color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:12px 20px;color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.data-table td{padding:14px 20px;border-bottom:1px solid var(--border)60}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff04}.empty-row{color:var(--text-muted);font-style:italic}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.form-grid input{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:13px;padding:9px 12px;outline:none;transition:border-color .15s}.form-grid input:focus{border-color:var(--accent)}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.form-full{grid-column:1 / -1}.form-hint{margin-top:12px;font-size:12px;color:var(--text-muted);font-style:italic}.meta-grid{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;font-size:13px}.meta-grid dt{color:var(--text-muted)}.meta-card h2{font-size:15px;font-weight:600;margin-bottom:16px}.keys-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.keys-header h2{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.keys-list{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.key-row{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)80;background:var(--surface-alt);transition:border-color .15s}.key-row:hover{border-color:var(--border)}code,.project-id,.key-masked{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;color:#a5b4fc;background:#6366f114;padding:2px 7px;border-radius:4px}.project-name{display:block;font-weight:500;font-size:13px;color:var(--text);margin-bottom:3px}.project-id-sm{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:10px;color:var(--text-muted);background:transparent;padding:0;letter-spacing:.02em}.badge{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:500;padding:1px 7px;border-radius:20px}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.avatar-fallback{background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px}.error-text{color:var(--danger);font-size:13px;min-height:20px}.hidden{display:none!important}.status-text{font-size:12px;margin-top:10px;min-height:20px;color:var(--text-muted);transition:color .2s}.status-ok{color:var(--success)}.status-error{color:var(--danger)}.card-sub{font-size:12px;color:var(--text-muted);margin-top:6px}.secrets-card{margin-bottom:20px}.secrets-card h2{font-size:15px;font-weight:600;margin-bottom:4px}.github-card{margin-bottom:20px;overflow:hidden}.llmstxt-card{margin-bottom:20px}.llmstxt-card h2{font-size:15px;font-weight:600;margin-bottom:4px}.form-grid textarea{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;padding:9px 12px;outline:none;resize:vertical;transition:border-color .15s}.form-grid textarea:focus{border-color:var(--accent)}.field-required{color:var(--danger);margin-left:2px}
