@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg: #f1f5f9;--muted: #64748b;--text: #0f172a;--border: #e2e8f0;font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}a{color:inherit}p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;color:#f2f5fb}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#f8fafc;padding:24px;position:sticky;top:0;height:100vh}.brand{align-items:center;color:var(--text);display:flex;gap:12px;text-decoration:none}.brand-mark{align-items:center;aspect-ratio:1;background:#111827;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;width:44px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.category-nav{display:grid;gap:6px;margin-top:32px}.category-nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#334155;cursor:pointer;display:flex;font:inherit;justify-content:space-between;min-height:42px;padding:8px 10px;text-align:left}.category-nav button:hover,.category-nav button.active{background:#fff;border-color:var(--border);color:var(--text)}.category-nav span{color:var(--muted);font-size:12px}.sidebar-tools{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.admin-link{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:8px 12px;text-decoration:none;width:100%}.main{padding:28px clamp(18px,3vw,40px) 56px}.topbar{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}h1{font-size:32px;letter-spacing:0}.search{background:#fff;border:1px solid var(--border);border-radius:8px;display:grid;gap:4px;min-width:min(420px,100%);padding:10px 12px}.search span{color:var(--muted);font-size:12px;font-weight:700}.search input{border:0;color:var(--text);font:inherit;outline:0;width:100%}.admin-auth{display:flex;gap:8px;min-width:min(480px,100%)}.admin-auth input,.admin-fields input,.admin-fields select{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;min-height:42px;outline:0;padding:8px 10px}.admin-auth input{flex:1}.admin-auth button,.toolbar-actions button{background:#111827;border:1px solid #111827;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:800;min-height:42px;padding:8px 14px}.admin-auth button:disabled,.toolbar-actions button:disabled{cursor:not-allowed;opacity:.5}.hero-panel{align-items:end;background:linear-gradient(135deg,#111827,#1f2937 55%,#0f766e);border-radius:8px;color:#fff;display:flex;gap:28px;justify-content:space-between;margin:28px 0;min-height:220px;overflow:hidden;padding:28px;position:relative}.hero-panel:after{background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:30px 30px;content:"";inset:0;opacity:.22;position:absolute}.hero-copy,.stats{position:relative;z-index:1}.hero-copy{max-width:620px}.hero-copy .eyebrow{color:#ffffffb8}.hero-copy h2{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:0}.stats{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(86px,1fr))}.stats div{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:14px}.stats strong,.stats span{display:block}.stats strong{font-size:28px;line-height:1}.stats span{color:#ffffffb8;font-size:12px;margin-top:6px}.site-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.admin-toolbar{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin:28px 0 14px;padding:16px}.admin-toolbar strong,.admin-toolbar span{display:block}.admin-toolbar span{color:var(--muted);font-size:13px;margin-top:4px}.toolbar-actions{display:flex;gap:8px}.admin-table{display:grid;gap:10px}.admin-row{align-items:start;background:#fff;border:1px solid var(--border);border-radius:8px;display:grid;gap:14px;grid-template-columns:90px minmax(0,1fr) 260px;padding:14px}.admin-row.enabled{border-color:#94a3b8}.switch{display:grid;gap:8px;justify-items:start}.switch input{height:20px;width:20px}.switch span{color:var(--muted);font-size:13px;font-weight:800}.admin-fields{display:grid;gap:8px;grid-template-columns:1fr 2fr 140px 90px}.admin-meta{display:grid;gap:6px}.admin-meta a{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;text-decoration:none}.admin-meta span{color:var(--muted);font-size:12px}.site-card{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);display:grid;gap:14px;min-height:190px;overflow:hidden;padding:18px;position:relative;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.site-card:hover{border-color:#94a3b8;box-shadow:0 18px 44px #0f172a14;transform:translateY(-2px)}.accent{border-radius:999px;height:5px;left:18px;position:absolute;right:18px;top:0}.site-head{align-items:start;display:flex;gap:12px;justify-content:space-between;padding-top:4px}.site-head strong,.site-head small{display:block}.site-head strong{font-size:18px}.site-head small,.description,.domain{color:var(--muted)}.site-head small{font-size:12px;margin-top:3px}.site-head em{background:#f1f5f9;border-radius:999px;color:#334155;font-size:11px;font-style:normal;font-weight:800;padding:5px 8px}.description{font-size:14px}.domain{align-self:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;padding:8px 10px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.category-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.topbar,.hero-panel,.admin-auth,.admin-toolbar,.toolbar-actions{align-items:stretch;flex-direction:column}.admin-row,.admin-fields{grid-template-columns:1fr}.search{min-width:0}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.main,.sidebar{padding:18px}.category-nav{grid-template-columns:1fr}.hero-panel{padding:20px}.stats,.site-grid{grid-template-columns:1fr}}