@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07131d;--panel:#0b1925;--panel2:#0e202e;--line:#1c3342;--text:#f4f7fa;--muted:#9caab7;--green:#25e58b;--green2:#0d9f5a;--blue:#3db6ff;--yellow:#ffbb09;--purple:#d260ff;--danger:#ff7272}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 22% 80%,#003725 0,transparent 24%),var(--bg);color:var(--text);font:14px Inter,Arial,sans-serif}.layout{display:flex;min-height:100vh}.side{width:260px;flex:none;padding:28px 16px 18px;border-right:1px solid #17313b;background:linear-gradient(180deg,#06151d,#06131b);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px;margin:0 8px 35px}.brand-mark{width:42px;height:42px;border:2px solid var(--green);border-radius:15px;color:var(--green);font-size:25px;display:grid;place-items:center;box-shadow:0 0 20px #00d87344}.brand b{font-size:19px}.brand small{color:var(--muted);display:block;margin-top:3px}.nav{display:grid;gap:9px}.nav a{color:#e9eef1;text-decoration:none;padding:15px 16px;border-radius:11px;font-size:16px;display:flex;align-items:center;gap:16px}.nav a:hover,.nav a.active{background:linear-gradient(90deg,#087743,#063a2c);border:1px solid #139b5d;padding:14px 15px}.nav i{font-style:normal;font-size:21px;width:23px;text-align:center}.profile{border:1px solid var(--line);padding:13px;border-radius:12px;margin-top:auto;display:flex;align-items:center;gap:10px}.avatar{background:linear-gradient(135deg,#075834,#102719);color:#baff8f;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.profile b{display:block}.profile span{font-size:12px;color:var(--muted)}.logout{border:1px solid var(--line);margin-top:10px;border-radius:11px;padding:14px;text-decoration:none;color:#dce4e9;display:block;font-size:15px}.main{min-width:0;flex:1;padding:27px 26px}.top{height:48px;display:flex;align-items:center;gap:24px;margin-bottom:26px}.hamb{font-size:27px;color:#d8e1e6}.title h1{font-size:25px;margin:0}.title p{margin:5px 0 0;color:var(--muted)}.spacer{flex:1}.search{width:268px;border:1px solid var(--line);border-radius:9px;background:#0a1722;color:#9eabb7;padding:13px 15px}.top-user{display:flex;gap:10px;align-items:center}.top-user small{display:block;color:var(--muted)}.notice{color:white;font-size:23px;position:relative}.notice:after{content:'3';font-size:10px;background:#16c975;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;position:absolute;top:-9px;right:-9px}.cards{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:18px;margin-bottom:18px}.cards.lower{grid-template-columns:repeat(3,minmax(220px,1fr));max-width:1015px}.stat{min-height:149px;border:1px solid var(--line);border-radius:13px;padding:18px;background:linear-gradient(140deg,#0b1e26,#0a1924);position:relative;overflow:hidden}.stat.green{border-color:#17583c;background:linear-gradient(135deg,#0a261f,#08221d)}.stat.blue{border-color:#174c79;background:linear-gradient(135deg,#0a2337,#091a2a)}.stat.yellow{border-color:#704b10;background:linear-gradient(135deg,#2b200c,#191611)}.stat.purple{border-color:#553665;background:linear-gradient(135deg,#21142d,#131429)}.stat-head{display:flex;align-items:center;gap:15px}.stat-icon{width:62px;height:62px;border-radius:18px;background:#075e38;color:#aaff93;border:1px solid #188454;box-shadow:inset 0 0 18px #00fa8855;display:grid;place-items:center;font-size:29px}.blue .stat-icon{background:#113e67;color:#70d6ff;border-color:#2e78ae}.yellow .stat-icon{background:#5d4004;color:#ffca26;border-color:#997208}.purple .stat-icon{background:#602b75;color:#ff9aff;border-color:#914bad}.stat-label{font-size:14px}.stat-value{font-size:26px;font-weight:800;margin:10px 0 0}.stat-change{color:var(--green);font-weight:600;margin-top:9px}.yellow .stat-change,.purple .stat-change{color:var(--yellow)}.spark{position:absolute;right:18px;bottom:15px;color:var(--green);font-size:27px;letter-spacing:-7px;transform:skew(-14deg)}.blue .spark{color:var(--blue)}.purple .spark{color:var(--purple)}.yellow .spark{color:var(--yellow)}.table-card,.form-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(140deg,#0c1b26,#0a1720);padding:14px 16px;margin-top:22px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;font-size:17px;font-weight:700}.card-head a,.button{background:#0c1c27;border:1px solid #25404f;border-radius:9px;color:#fff;padding:10px 13px;text-decoration:none;font-size:13px}.table-wrap{overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;border:1px solid #172d3b;border-radius:10px;overflow:hidden}th{text-align:left;color:#b4bdc7;font-weight:500;background:#101e29;padding:13px 16px}td{padding:10px 16px;border-top:1px solid #172936}tr:hover td{background:#0e1d27}.usercell{display:flex;align-items:center;gap:11px}.initial{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#237a3e,#0d4429);display:grid;place-items:center;font-size:12px;font-weight:700}.badge{border-radius:5px;border:1px solid #126241;background:#062d20;color:#35ee9a;padding:6px 9px;font-size:12px;display:inline-block}.badge.pending{border-color:#82600b;background:#2a2109;color:#ffc628}.badge.failed{border-color:#793033;background:#301517;color:#ff9898}.view{color:#acdad3;border:1px solid #0b5b43;padding:5px 8px;border-radius:5px;text-decoration:none}.page-title{font-size:25px;margin:5px 0 5px}.page-desc{color:var(--muted);margin:0 0 20px}.form-card{max-width:920px;padding:24px}.form-card h2{font-size:18px;margin:0 0 5px}.form-card p{color:var(--muted);margin:0 0 21px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fields.one{grid-template-columns:1fr}.field label{color:#cdd6dd;font-size:13px;display:block;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #294252;border-radius:8px;background:#07141e;color:#eef4f6;padding:12px;font:14px Inter}.field textarea{min-height:100px;resize:vertical}.help{font-size:12px;color:var(--muted);margin-top:5px}.save{background:linear-gradient(135deg,#0bb669,#078145);border:1px solid #38d68c;color:#fff;border-radius:9px;padding:12px 18px;font-weight:700;font:14px Inter;margin-top:20px;cursor:pointer}.alert{border:1px solid #1c8b59;background:#07331f;color:#96f8bd;padding:12px 14px;border-radius:8px;margin-bottom:16px}.check{display:flex;align-items:center;gap:8px;margin:5px 0 0}.check input{accent-color:#14b96e;width:16px;height:16px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media{border:1px dashed #2a5163;border-radius:10px;padding:15px;background:#091720}.media img,.media video{width:100%;height:130px;object-fit:cover;border-radius:7px;background:#000;margin-bottom:10px}.media b{display:block;margin-bottom:9px}.media input[type=file]{font-size:12px;padding:8px}.gateway-warning{padding:13px;border-left:3px solid var(--yellow);background:#2b210e;color:#f5d991;border-radius:5px;margin-bottom:18px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.cards.lower{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.side{width:67px;padding:15px 8px}.brand{margin:0 0 26px;justify-content:center}.brand>div{display:none}.nav a{padding:13px;justify-content:center}.nav a span,.profile>div,.logout span{display:none}.profile{padding:7px;justify-content:center}.main{padding:18px 12px}.search,.top-user>div,.notice{display:none}.cards,.cards.lower,.fields,.media-grid{grid-template-columns:1fr}.top{gap:12px}.stat{min-height:132px}}