:root{--bg:#f5f7fb;--card:#fff;--ink:#10203d;--muted:#6b7892;--line:#e6eaf2;--primary:#6a5cff;--secondary:#00b894;--dark:#0c1638;--danger:#e74c3c;--shadow:0 16px 40px rgba(19,29,58,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0b1533,#111d44 70%,#0a1230);color:#dfe6ff;padding:18px 14px;overflow:auto}.brand{display:flex;gap:11px;align-items:center;padding:7px 9px 20px}.brand strong{display:block;font-size:15px;color:#fff}.brand span{display:block;font-size:11px;color:#94a2c7;margin-top:3px}.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6a5cff,#00b894);font-weight:800;color:white}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:11px;color:#bac5e4;font-size:13px}.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-section{font-size:10px;letter-spacing:.15em;color:#6f7ea6;margin:18px 10px 4px}.side-bottom{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.logout{display:block;padding:12px;color:#ffb4b4;font-size:13px}.main{min-width:0}.topbar{height:86px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.topbar h1{font-size:21px;margin:2px 0 0}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.04em}.top-actions{display:flex;align-items:center;gap:13px}.wallet-pill{background:#eef0ff;color:#5147d7;padding:9px 12px;border-radius:20px;font-size:12px;font-weight:700}.avatar{width:38px;height:38px;border-radius:12px;background:#0f1b42;color:#fff;display:grid;place-items:center;font-weight:800}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.content{padding:26px 30px 35px;max-width:1500px;margin:auto}.flash{padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:13px}.flash.success{background:#e7f8f2;color:#12795b}.flash.error{background:#fdebea;color:#aa2e27}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.stat{padding:17px 18px}.stat .kpi{font-size:28px;font-weight:800;margin:7px 0}.stat .label{font-size:12px;color:var(--muted)}.stat .hint{font-size:11px;color:#4e5b73}.section-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-head h2{font-size:16px;margin:0}.section-head .tools{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn.primary{background:var(--primary);color:#fff}.btn.success{background:var(--secondary);color:#fff}.btn.ghost{background:#f2f4fa;color:#243453;border:1px solid var(--line)}.btn.danger{background:#fff0ef;color:#ba3a32;border:1px solid #ffd1ce}.btn.full{width:100%;justify-content:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;font-weight:700;color:#44516b}.field input,.field select,.field textarea{width:100%;border:1px solid #dde2ec;border-radius:11px;background:#fff;padding:11px 12px;font:inherit;font-size:13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8e85ff;box-shadow:0 0 0 3px #6a5cff12}.field textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{background:#f8f9fc;color:#526078;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.badge-status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800}.s-completed{background:#e8f8f1;color:#15775b}.s-pending,.s-in-progress{background:#fff4db;color:#8d6700}.s-cancelled,.s-failed{background:#ffe9e7;color:#a6342e}.s-partial{background:#efeaff;color:#5b45b9}.service-card{display:flex;flex-direction:column;gap:10px}.service-card .svc-top{display:flex;justify-content:space-between;gap:10px}.service-name{font-weight:800}.service-cat{font-size:11px;color:var(--muted)}.rate{font-size:16px;font-weight:800}.muted{color:var(--muted);font-size:12px}.notice{padding:13px 14px;background:#f7f7ff;border-left:4px solid var(--primary);border-radius:12px;font-size:12px}.danger-text{color:#b93a32}.success-text{color:#13805e}.footer{border-top:1px solid var(--line);padding:18px 30px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:#71809c}.wa{color:#1a8f6d;font-weight:700}.promo-float{position:fixed;right:22px;bottom:22px;z-index:25}.promo-float a{background:#111d44;color:#fff;padding:11px 15px;border-radius:999px;box-shadow:0 10px 30px #0b143d2c;font-size:11px;font-weight:800}.modal{display:none;position:fixed;inset:0;background:rgba(8,17,44,.55);z-index:50;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{max-width:420px;width:100%;background:#fff;border-radius:22px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.22);position:relative}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#f1f3f8;border-radius:50%;width:30px;height:30px;font-size:18px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#ecebff;color:#5449dc;font-size:10px;font-weight:900}.modal-card h3{font-size:22px;line-height:1.2;margin:14px 0 10px}.modal-card p{color:var(--muted);font-size:13px;line-height:1.6}.modal-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.ai-bot{position:fixed;right:22px;bottom:75px;z-index:40}.ai-btn{width:48px;height:48px;border-radius:16px;border:0;background:linear-gradient(135deg,#6a5cff,#00b894);color:#fff;font-weight:900;box-shadow:0 14px 36px #10204d30}.ai-panel{display:none;width:320px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px rgba(9,20,51,.18);overflow:hidden;position:absolute;right:0;bottom:60px}.ai-panel.open{display:block}.ai-head{padding:13px 15px;background:#0e1a40;color:#fff}.ai-head strong{display:block}.ai-head span{font-size:10px;color:#9eadd1}.ai-body{padding:14px;min-height:165px}.ai-reply{background:#f3f5fa;padding:10px;border-radius:11px;font-size:12px;line-height:1.5}.ai-input{display:flex;padding:10px;border-top:1px solid var(--line);gap:8px}.ai-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:12px}.ai-input button{border:0;background:var(--primary);color:#fff;border-radius:10px;padding:8px 12px}.auth-bg{min-height:100vh;background:radial-gradient(circle at 15% 20%,#6a5cff20,transparent 30%),radial-gradient(circle at 90% 0,#00b89422,transparent 30%),#f5f7fb;display:grid;place-items:center;padding:20px}.auth-card{max-width:950px;width:100%;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 25px 80px rgba(17,29,64,.12)}.auth-hero{padding:42px;background:linear-gradient(160deg,#101b44,#1f2c66);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-hero h1{font-size:39px;line-height:1.05;margin:14px 0}.auth-hero p{color:#b9c5e9;line-height:1.7}.auth-form{padding:36px}.auth-form h2{margin:0 0 7px}.auth-form .muted{margin-bottom:20px}.check{display:flex;gap:8px;align-items:center;font-size:12px}.empty{padding:35px;text-align:center;color:var(--muted);font-size:13px}.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:10px}.code-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#0e1838;color:#dff7ef;padding:13px;border-radius:10px}.searchbox{display:flex;gap:8px;max-width:500px}.searchbox input{flex:1;padding:11px;border:1px solid var(--line);border-radius:11px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;z-index:40;transition:.2s}.nav-open .sidebar{left:0}.menu-btn{display:block}.topbar{padding:0 16px}.content{padding:18px 16px}.footer{padding:18px 16px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card{grid-template-columns:1fr}.auth-hero{display:none}}
@media(max-width:650px){.top-actions .wallet-pill{display:none}.g4,.g3,.g2,.form-grid{grid-template-columns:1fr}.service-card{min-height:0}.ai-bot{right:13px}.promo-float{right:13px}.topbar h1{font-size:18px}.card{padding:15px}.auth-form{padding:24px}}

@media print{.sidebar,.topbar,.promo-float,.ai-bot,.footer,.form-actions{display:none!important}.main{margin:0}.content{padding:0}.card{box-shadow:none;border:0}}