@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#06101d;--bg2:#091827;--panel:#0b1d30;--panel2:#102740;--line:rgba(157,190,218,.14);--text:#eff8ff;--muted:#86a0b8;--accent:#22e2a4;--accent2:#5bb8ff;--danger:#ff6584;--warn:#ffcf66;--shadow:0 24px 80px rgba(0,0,0,.38);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(900px 550px at 10% -10%,rgba(34,226,164,.16),transparent 60%),radial-gradient(850px 500px at 100% 0,rgba(91,184,255,.14),transparent 58%),linear-gradient(180deg,#07111f 0%,#05101c 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
a{text-decoration:none;color:inherit}.wrap{max-width:1480px;margin:0 auto;padding:24px 26px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:8px 2px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:-.02em}.brandmark{position:relative;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 12px 35px rgba(34,226,164,.22),inset 0 1px 0 rgba(255,255,255,.55)}.brandmark:after{content:"AI";position:absolute;inset:0;display:grid;place-items:center;color:#04131b;font-size:14px;font-weight:900}.brandname{font-size:16px}.sub{font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}.glass,.panel,.card{position:relative;background:linear-gradient(180deg,rgba(16,39,64,.92),rgba(8,25,43,.94));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.panel{padding:22px}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.05),transparent 30%)}
.tabs{display:flex;align-items:center;gap:7px;padding:7px;background:rgba(6,17,31,.66);border:1px solid var(--line);border-radius:17px;margin-bottom:20px;overflow-x:auto}.tab{white-space:nowrap;padding:10px 14px;border-radius:12px;color:#8da8c0;font-size:13px;font-weight:700}.tab:hover{background:rgba(255,255,255,.04);color:#dcefff}.tab.active{color:#052018;background:linear-gradient(135deg,var(--accent),#8dffdc);box-shadow:0 9px 24px rgba(34,226,164,.17)}.tab .count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:5px;border-radius:20px;background:rgba(255,255,255,.17);font-size:10px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:12px}.stat{padding:20px;overflow:hidden}.stat:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-36px;top:-42px;background:radial-gradient(circle,rgba(34,226,164,.13),transparent 66%)}.stat .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7794ad;font-weight:800}.stat b{display:block;font-size:30px;line-height:1;margin:12px 0 7px;letter-spacing:-.04em}.stat small{color:var(--muted)}
h1,h2,h3{margin:0 0 10px;letter-spacing:-.025em}h1{font-size:29px}h2{font-size:21px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hr{height:1px;background:var(--line);margin:18px 0}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:8px}.hero{padding:28px;background:linear-gradient(135deg,rgba(34,226,164,.075),rgba(91,184,255,.055)),linear-gradient(180deg,rgba(16,39,64,.94),rgba(8,25,43,.95))}.hero h1{max-width:800px}.hero p{max-width:760px;line-height:1.65}
label{display:block;font-size:12px;font-weight:800;color:#a9c3da;margin:0 0 7px}.field{margin-bottom:14px}.input,select,textarea{width:100%;min-height:44px;padding:11px 13px;border-radius:13px;border:1px solid rgba(137,173,203,.2);background:rgba(3,14,26,.58);color:var(--text);outline:none;font:inherit;transition:.18s ease}.input:focus,select:focus,textarea:focus{border-color:rgba(91,184,255,.72);box-shadow:0 0 0 4px rgba(91,184,255,.09),0 10px 30px rgba(0,0,0,.13)}textarea{min-height:96px;resize:vertical}select option{background:#0b1d30;color:#fff}input[type=file]{width:100%;color:#adc3d6}.input-group{display:flex;align-items:stretch}.input-prefix{display:grid;place-items:center;min-width:44px;border:1px solid rgba(137,173,203,.2);border-right:0;border-radius:13px 0 0 13px;background:#0b1b2e;font-weight:900;color:#76baff}.input-group .input{border-radius:0 13px 13px 0}
.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:12px;background:#172d46;color:#eef8ff;font-weight:800;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.primary{color:#042017;background:linear-gradient(135deg,var(--accent),#80f8d2);box-shadow:0 10px 28px rgba(34,226,164,.17)}.btn.blue{color:#041725;background:linear-gradient(135deg,var(--accent2),#88d6ff)}.btn.warn{color:#fff1bf;background:rgba(255,207,102,.12);border:1px solid rgba(255,207,102,.23)}.btn.danger{color:#ffafbd;background:rgba(255,101,132,.11);border:1px solid rgba(255,101,132,.22)}.btn.ghost{background:rgba(255,255,255,.035);border:1px solid var(--line)}.btn.sm{min-height:32px;padding:7px 10px;font-size:11px}
.alert{padding:13px 15px;border:1px solid;border-radius:14px;margin-bottom:16px;font-size:13px}.alert.ok{color:#9bf6d8;background:rgba(34,226,164,.08);border-color:rgba(34,226,164,.22)}.alert.err{color:#ffacbc;background:rgba(255,101,132,.08);border-color:rgba(255,101,132,.22)}.alert.info{color:#a9d8ff;background:rgba(91,184,255,.08);border-color:rgba(91,184,255,.22)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.03em}.green{background:rgba(34,226,164,.11);color:#76f0c6}.blueb{background:rgba(91,184,255,.11);color:#92d0ff}.yellow{background:rgba(255,207,102,.11);color:#ffe099}.red{background:rgba(255,101,132,.11);color:#ff9bb0}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor}
.tablewrap{position:relative;overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(2,12,22,.3)}table{width:100%;border-collapse:separate;border-spacing:0;min-width:960px}th,td{padding:11px 11px;border-bottom:1px solid rgba(148,180,207,.1);text-align:left;font-size:12px;vertical-align:middle}th{position:sticky;top:0;z-index:3;background:#0d2238;color:#8eabc2;font-size:10px;text-transform:uppercase;letter-spacing:.065em}tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(91,184,255,.025)}td .input,td select{min-width:120px;min-height:38px;padding:8px 9px;font-size:12px}.username{font-weight:800;color:#f6fbff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px;padding:12px 14px;background:linear-gradient(90deg,rgba(34,226,164,.08),rgba(91,184,255,.02));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px}.section-title h3{margin:0}
.login{max-width:470px;margin:7vh auto}.login .panel{padding:30px}.login .brand-login{display:flex;justify-content:center;margin-bottom:20px}.login .brandmark{width:58px;height:58px;border-radius:18px}.login .brandmark:after{font-size:17px}.login h1{text-align:center;font-size:28px}.login p{text-align:center;line-height:1.6}.login-note{margin-top:17px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);font-size:11px;color:var(--muted)}
.filebox{padding:14px 15px;border:1px dashed rgba(128,166,197,.28);border-radius:14px;background:rgba(255,255,255,.018);margin-bottom:10px}.filebox:hover{border-color:rgba(34,226,164,.38);background:rgba(34,226,164,.025)}.month-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))}.profile-head{display:flex;gap:16px;align-items:center}.avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#163b5e,#0d2a43);border:1px solid rgba(91,184,255,.18);font-weight:900;font-size:18px;color:#7fd2ff}.report-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.report-card:hover{border-color:rgba(91,184,255,.23);background:rgba(91,184,255,.025)}.progress{height:6px;background:#0a1726;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.copybox{display:flex;gap:8px}.copybox .input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.contact-toggle{display:flex;gap:5px}.contact-toggle input{display:none}.contact-toggle label{margin:0;cursor:pointer;min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#0a192a;color:#7895ad;font-size:9px;letter-spacing:.02em}.contact-toggle input:checked+label{color:#062019;border-color:transparent;background:linear-gradient(135deg,var(--accent),#83f8d3);box-shadow:0 7px 20px rgba(34,226,164,.12)}.social-wrap{display:flex;align-items:center;gap:7px}.fb-icon{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1877f2;color:#fff;font-weight:900;font-family:Arial;font-size:17px;box-shadow:0 8px 20px rgba(24,119,242,.16)}.footer{text-align:center;padding:28px 10px 8px;color:#69859e;font-size:11px}.empty{padding:38px;text-align:center;color:var(--muted)}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.notice-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,207,102,.11);color:var(--warn);font-weight:900}
@media(max-width:980px){.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}.wrap{padding:14px}.topbar{align-items:flex-start}.panel{padding:17px}.stat b{font-size:26px}.hero{padding:21px}.copybox{flex-direction:column}.tabs{border-radius:14px}.contact-toggle{min-width:130px}}
@media print{body{background:#fff!important;color:#111}.no-print,.tabs,.topbar{display:none!important}.wrap{max-width:none;padding:0}.panel,.report-card,.glass{box-shadow:none!important;background:#fff!important;border-color:#d9e0e5!important}.tablewrap{overflow:visible;border-color:#ccd5dc}th{position:static;background:#e9eef2!important;color:#263748!important}td{color:#111}.footer{color:#555}.input,select{border:0;background:transparent;color:#111;padding:0}.section-title{background:#f4f7f9!important;color:#111}}