@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090811;--panel:rgba(24,20,39,.78);--panel2:#171329;--line:rgba(190,164,255,.15);--text:#f5f1ff;--muted:#aaa2c4;--purple:#9b6bff;--purple2:#7540e8;--good:#4bd6a4;--danger:#ff7d96;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% -10%,#261344 0,transparent 42%),radial-gradient(ellipse at 100% 10%,#17113a 0,transparent 38%),var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif;min-height:100vh}a{color:#c5a9ff;text-decoration:none}a:hover{color:#fff}.topbar{min-height:76px;padding:14px clamp(18px,4vw,60px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(9,8,17,.76);backdrop-filter:blur(20px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;font:700 17px 'Space Grotesk',sans-serif;white-space:nowrap}.brand small{display:block;color:var(--muted);font:500 10px 'DM Sans',sans-serif;letter-spacing:.04em}.brand-mark,.icon-box{display:grid;place-items:center;background:linear-gradient(145deg,#b58aff,#7540e8);box-shadow:0 8px 28px #8048e444;border-radius:12px;width:40px;height:40px;font-weight:800}.topbar nav{display:flex;align-items:center;gap:18px;flex:1;flex-wrap:wrap}.topbar nav a{color:#c6bfdc;font-size:13px}.topbar nav a:hover{color:#fff}.user-menu{display:flex;align-items:center;gap:12px;color:#d8d1eb;font-size:13px}.container{width:min(1380px,calc(100% - 36px));margin:38px auto 72px;min-height:65vh}footer{text-align:center;color:#756e91;padding:24px;border-top:1px solid var(--line);font-size:12px}.hero{padding:clamp(36px,7vw,88px) clamp(22px,6vw,80px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(38,25,65,.86),rgba(17,14,30,.78));box-shadow:0 28px 100px #0003;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#8b55ff20;filter:blur(8px);right:-120px;top:-150px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#bda0ff;margin-bottom:12px}.hero h1,.page-heading h1,.auth-card h1{font:700 clamp(32px,5vw,54px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 18px}.hero h1 span{color:#bda0ff}.hero p,.page-heading p{color:var(--muted);line-height:1.7;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,#a77aff,#7843e8);color:white;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 8px 25px #8245ec2c}.button:hover{filter:brightness(1.12);color:white}.button.secondary{background:rgba(255,255,255,.05);border:1px solid var(--line);box-shadow:none}.button.small{padding:8px 11px;font-size:12px}.button.block{width:100%;margin-top:8px}.grid{display:grid;gap:18px;margin-top:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.stat-card{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(14px);border-radius:var(--radius);padding:24px;min-width:0;box-shadow:0 18px 60px #0002}.panel h2{font:600 19px 'Space Grotesk',sans-serif;margin:0 0 18px}.panel h3{font:600 16px 'Space Grotesk',sans-serif}.panel p{color:var(--muted);line-height:1.6}.icon-box{width:44px;height:44px;margin-bottom:20px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 26px}.page-heading h1{font-size:clamp(30px,4vw,42px);margin-bottom:8px}.page-heading p{margin:0}.stat-card{display:flex;flex-direction:column;gap:12px;color:var(--text);transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-3px);border-color:#9b6bff66;color:white}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font:700 32px 'Space Grotesk',sans-serif}.stat-card small{color:#b99aff}.auth-card{width:min(480px,100%);margin:50px auto;padding:clamp(24px,5vw,40px);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 25px 100px #0004}.auth-card h1{font-size:32px}.auth-card p{color:var(--muted);line-height:1.6}.auth-card>a{display:inline-block;margin-top:12px;font-size:13px}.muted{color:var(--muted)!important;font-size:13px}.flash{padding:13px 16px;border:1px solid #4bd6a455;background:#4bd6a40d;color:#a4f2d7;border-radius:12px;margin-bottom:18px}.flash.error{border-color:#ff7d9655;background:#ff7d960d;color:#ffb3c0}form{display:grid;gap:13px}label{display:grid;gap:7px;font-size:12px;color:#c9c1df}input,select,textarea{width:100%;background:#0e0c19;color:var(--text);border:1px solid #39304f;border-radius:10px;padding:11px 12px;font:14px 'DM Sans',sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#a77aff;box-shadow:0 0 0 3px #9b6bff18}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#968caf;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}td,th{padding:13px 11px;border-bottom:1px solid rgba(190,164,255,.1);vertical-align:top}td strong,td small{display:block}td small{color:var(--muted);margin-top:5px}tr:last-child td{border-bottom:0}.pill,.count{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:100px;background:#a77aff12;padding:5px 9px;color:#d7c6ff;font-size:11px;white-space:nowrap}.count{margin-left:6px}.activity{padding:12px 0;border-bottom:1px solid var(--line);display:grid;gap:5px}.activity:last-child{border-bottom:0}.activity span,.activity small{font-size:12px;color:var(--muted)}.details{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:13px}.details dt{color:var(--muted)}.details dd{margin:0;line-height:1.6}details summary{cursor:pointer;color:#c7abff}details form{min-width:240px;padding:14px 0}.compact-form{max-width:360px}@media(max-width:1050px){.topbar{flex-wrap:wrap;gap:12px}.topbar nav{order:3;flex-basis:100%;gap:14px}.user-menu{margin-left:auto}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.container{width:calc(100% - 24px);margin:20px auto 44px}.topbar{position:static;padding:14px}.topbar nav{gap:10px 14px}.topbar nav a{font-size:12px}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel{padding:18px}.page-heading{display:block}.page-heading>.pill{margin-top:12px}.user-menu span{display:none}.hero{padding:34px 22px}.details{grid-template-columns:100px 1fr}}