@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unna:wght@400;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;background-color:#f6f6f6;color:#0b0b0b;--surface: #ffffff;--ink: #0b0b0b;--muted: #5f5f5f;--line: #0b0b0b;--accent: #000000}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,#f5f5f5,#efefef 35%,#e8e8e8 70%),linear-gradient(135deg,#fff,#f1f1f1)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 6vw;border-bottom:1px solid #141414;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:16px;align-items:center}.brand-mark{width:46px;height:46px;border-radius:12px;background:#000;color:#fff;font-weight:700;display:grid;place-items:center}.brand-title{margin:0;font-weight:700;font-size:1.1rem}.brand-subtitle{margin:0;color:var(--muted);font-size:.9rem}.role-switch{display:flex;gap:10px;background:#000;padding:6px;border-radius:999px}.role-switch button{border:none;background:transparent;color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600}.role-switch .active{background:#fff;color:#000}.auth-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content{flex:1;padding:32px 6vw 56px}.hero{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;margin-bottom:32px}.hero h1{font-family:Unna,serif;font-size:clamp(2.4rem,3vw,3.2rem);margin:0 0 12px}.hero p{max-width:480px;color:var(--muted);margin:0}.hero-card{background:var(--surface);border:1px solid #000;padding:20px;border-radius:18px;min-width:260px;display:grid;gap:18px;box-shadow:8px 8px #000}.hero-card select{width:100%}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.panel{background:var(--surface);border:1px solid #000;border-radius:18px;padding:20px;box-shadow:8px 8px #000;display:flex;flex-direction:column;gap:16px}.panel.compact{padding:16px;gap:12px}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-header h2{margin:0;font-size:1.1rem}.pill{border:1px solid #000;border-radius:999px;padding:4px 10px;font-size:.75rem;text-transform:uppercase}.list{display:grid;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #000;border-radius:12px;padding:10px 12px;background:#fff;font-size:.9rem}.card{border:1px solid #000;border-radius:14px;padding:14px;background:#fff}.card-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.subject{font-weight:600;color:#000}.date{font-family:Unna,serif}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags .ghost{padding:6px 12px;font-size:.8rem}.tag{background:#000;color:#fff;padding:4px 8px;border-radius:999px;font-size:.7rem}.tag.link{text-decoration:none;display:inline-flex;align-items:center;gap:6px}.form{display:grid;gap:12px}.form.compact{gap:8px}.form-row{display:flex;gap:10px;flex-wrap:wrap}label{display:grid;gap:6px;font-weight:600;font-size:.9rem}input,select,textarea{padding:10px 12px;border:1px solid #000;border-radius:10px;font:inherit;background:#fff}.compact input,.compact select,.compact textarea{padding:8px 10px}button{font:inherit}.primary{background:#000;color:#fff;border:1px solid #000;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600}.ghost{background:transparent;color:#000;border:1px solid #000;border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:600}.helper{color:var(--muted);font-size:.8rem;margin:0}.stack{display:grid;gap:10px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-wrap{display:grid;gap:24px}.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width: 980px){.admin-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}}.footer{border-top:1px solid #000;padding:20px 6vw 30px;font-size:.85rem;color:var(--muted)}@media (max-width: 720px){.top-bar{flex-direction:column;align-items:flex-start;gap:12px}.role-switch{width:100%;justify-content:space-between}}