:root{--bg:#070e18;--surface:#111a29;--surface2:#0b1420;--sidebar:#080f19;--border:#26344a;--text:#f5f6fe;--muted:#a4b7d5;--accent:#0047AB;--accent2:#003B8E;--accentHighlight:#2D6CDF;--accentSoft:rgba(0,71,171,.16);--green:#20cf91;--cyan:#35aaff;--pink:#f4449f;--orange:#f49e21;--shadow:0 15px 35px rgba(0,0,0,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg)}body{font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}input,textarea,select{color:var(--text);outline:none}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{display:inline-block;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accentHighlight);outline-offset:2px}::selection{background:var(--accent);color:white}
.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--border);background:linear-gradient(145deg,var(--sidebar),#060d16 60%);padding:0 15px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:15}.side-brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 18px;margin-bottom:9px}.brand-glyph{display:grid;place-items:center;background:linear-gradient(140deg,#7fb2ff 6%,#0F52BA 55%,#003B8E 100%);width:36px;height:36px;transform:rotate(-40deg);border-radius:10px;font-size:23px;box-shadow:inset 0 0 8px #a8c8ff45;color:#0e1024}.brand-glyph span{transform:rotate(40deg)}.brand-name{font-size:24px;letter-spacing:1.6px;font-weight:650;line-height:1}.brand-small{font-size:10px;letter-spacing:2.6px;color:#d1d5e8;margin-top:3px}.side-collapse{margin-left:auto;background:#172234;border:1px solid #19283f;color:#d9e0f3;border-radius:20px;width:30px;height:30px;display:grid;place-items:center}.nav-block{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;width:100%;gap:17px;align-items:center;text-align:left;border:none;background:transparent;color:var(--muted);padding:11px 15px;border-radius:9px;min-height:41px;font-size:13.5px}.nav-link:hover{background:#ffffff09;color:var(--text)}.nav-link.active{background:linear-gradient(100deg,var(--accentSoft),rgba(15,82,186,.22));color:#e8f2ff;border-left:2px solid var(--accentHighlight)}.nav-link.active svg{color:#8bb7ff}.nav-link.danger{color:#ff3c6c}.nav-link .end{margin-left:auto;font-size:11px}.side-section{border-top:1px solid #ffffff0b;margin:9px 7px 5px;padding:15px 5px 6px;color:#b1c3dc;font-size:10px;letter-spacing:.5px}.appearance-box{margin-top:auto;padding:14px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,#142136,#0d1723);box-shadow:var(--shadow)}.appearance-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;margin-bottom:10px}.close-mini{background:none;border:0;color:var(--muted);padding:2px}.palette-label{color:#cad8ed;font-size:12px;margin:10px 0 7px}.dots{display:flex;gap:8px;flex-wrap:wrap}.dot{width:23px;height:23px;border-radius:50%;border:2px solid transparent;padding:0}.dot.selected{outline:2px solid #b59dfc;outline-offset:2px}.switch-line{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px}.toggle{width:35px;height:20px;background:var(--accent);border:0;border-radius:20px;position:relative}.toggle::after{content:'';background:white;position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:100%}.toggle.off{background:#6c7c98}.toggle.off::after{left:3px;right:auto}.appearance-box .btn{width:100%;margin-top:8px}
.main-area{min-width:0}.topbar{height:68px;border-bottom:1px solid #172439;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:22px;background:linear-gradient(90deg,#0b1220,#0a111e);position:sticky;top:0;z-index:10}.top-search{display:flex;align-items:center;gap:12px;background:#152032;border-radius:13px;width:335px;max-width:40%;padding:10px 14px;color:#a3b8d8}.top-search input{border:0;background:transparent;width:100%;font-size:13px}.top-search input::placeholder{color:#8f9fbb}.shortcut{padding:3px 7px;background:#1b283a;border-radius:6px;font-size:11px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:17px}.balance-top{border:1px solid #34455f;border-radius:12px;padding:5px 5px 5px 13px;display:flex;align-items:center;gap:13px;font-size:13px;white-space:nowrap}.iconbtn{border:0;background:transparent;color:var(--text);padding:5px;position:relative;display:grid;place-items:center}.ping{position:absolute;right:2px;top:1px;height:9px;width:9px;background:#ff2675;border-radius:50%}.user-top{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;color:var(--text);border-left:1px solid #1b2c44;padding-left:15px}.avatar{background:linear-gradient(145deg,#003B8E,#0F52BA);display:grid;place-items:center;border-radius:50%;width:52px;height:52px;font-size:28px;color:white;flex-shrink:0}.avatar.sm{width:35px;height:35px;font-size:17px}.top-user-name{font-size:12px}.top-user-role{font-size:11px;color:var(--muted);margin-top:3px}.content{padding:17px 24px 32px;max-width:1700px;margin:auto}.greeting{display:flex;align-items:center;gap:19px;margin-bottom:16px}.greeting h1{margin:0 0 6px;font-size:21px;letter-spacing:-.5px}.greeting p{font-size:15px;color:var(--muted);margin:0}.date{margin-left:auto;text-align:right;align-self:center;color:var(--muted);font-size:12px;line-height:1.9}.date b{font-weight:400;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{display:flex;align-items:center;gap:22px;padding:16px 18px;border:1px solid var(--border);border-radius:11px;min-height:107px;background:linear-gradient(120deg,#101826,#121c2b)}.metric-icon{width:60px;height:60px;border:1px solid #234165;border-radius:11px;background:linear-gradient(150deg,#102a43,#12243b);color:#47aaff;display:grid;place-items:center}.metric-icon.green{background:linear-gradient(140deg,#103c35,#0e302e);color:#63f9b2;border-color:#1a5947}.metric-title{color:var(--muted);font-size:13px;white-space:nowrap}.metric-value{font-size:22px;font-weight:650;margin:6px 0}.metric-bottom{font-size:12px;color:#3ca7ff}.metric-bottom.green{color:#2ce7a5}.metric-bottom.orange{color:#ffae35}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 217px 280px;gap:16px;align-items:start}.primary-column{min-width:0}.hero{min-height:236px;border:1px solid #0F52BA;border-radius:10px;overflow:hidden;position:relative;padding:21px 25px;display:flex;align-items:center;background:radial-gradient(ellipse at 51% 95%,rgba(0,71,171,.35) 0%,transparent 55%),linear-gradient(125deg,#0f1a2f,#0b1220 70%);box-shadow:inset 0 0 50px rgba(15,82,186,.22)}.hero-copy{position:relative;z-index:1;width:58%}.tiny-badge{background:linear-gradient(160deg,#1F6FD8,#003B8E);border-radius:6px;display:inline-block;padding:6px 10px;font-weight:650;font-size:11px}.hero h2{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:10px 0 8px}.hero p{color:#b1bde0;line-height:1.6;margin:0 0 13px}.hero-art{position:absolute;right:0;bottom:-5px;height:100%;width:46%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,black 20%);opacity:.94}.hero .btn{margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 9px}.section-heading h2{font-size:18px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-card{border:1px solid #304768;border-radius:11px;background:linear-gradient(135deg,#0d1623,#111925);padding:16px 14px 17px;min-width:0}.service-card.teal{background:linear-gradient(135deg,#0b1a24,#0b2027);border-color:#1a5357}.service-card.pink{background:linear-gradient(135deg,#191522,#121622);border-color:#584264}.service-top{display:flex;gap:13px;align-items:center}.service-icon{width:65px;height:65px;border-radius:11px;display:grid;place-items:center;color:#2988fc;background:linear-gradient(135deg,#0d3456,#132745);border:1px solid #234165}.service-icon.teal{background:linear-gradient(135deg,#0a4948,#103637);color:#2fe7d8;border-color:#16756f}.service-icon.pink{background:linear-gradient(135deg,#531738,#29152a);color:#fa49af;border-color:#813359}.service-name{font-size:13px;font-weight:650}.service-slug{color:var(--muted);margin:4px 0 7px}.use-chip{display:inline-block;border:1px solid #06b996;background:#063d37;color:#22e4b4;padding:6px 15px;border-radius:25px;font-weight:650;font-size:13px}.service-card.pink .use-chip{border-color:#a72e76;background:#3b1732;color:#fc5dba}.service-price{color:#b5f6fc;font-weight:650;margin:11px 0 8px;font-size:14px}.service-card .btn{width:100%}.orders-section{margin-top:18px}.table-wrap{overflow:auto;border:1px solid #1d2b3e;border-radius:12px;background:var(--surface2)}table{border-collapse:collapse;width:100%;font-size:12px;min-width:620px}th{font-weight:450;text-align:left;background:#152334;color:#bad0ef;padding:11px 13px;white-space:nowrap}td{padding:10px 13px;border-top:1px solid #192638;white-space:nowrap;color:#bccbea}td:first-child{color:var(--text);font-weight:550}.status{padding:6px 11px;border-radius:20px;display:inline-flex;align-items:center;gap:7px;font-size:11px}.status::before{content:'';width:9px;height:9px;border-radius:50%;background:currentColor}.status.completed,.status.approved{background:#0d3b31;color:#35dfa7}.status.pending{background:#37301f;color:#ffb23d}.status.in_progress{background:#16384f;color:#52b5ff}.status.rejected,.status.failed{background:#3c1b2a;color:#ff658c}.center-column,.right-column{display:flex;flex-direction:column;gap:16px}.panel{background:linear-gradient(140deg,#121a27,#101926);border:1px solid var(--border);border-radius:11px;padding:18px 19px}.panel h3{font-size:14px;margin:0 0 10px}.panel strong.total{font-size:21px;display:block;margin:7px 0 17px}.panel .btn{width:100%;margin-bottom:10px}.panel p{color:var(--muted);line-height:1.6}.live{display:inline-flex;align-items:center;gap:9px;border-radius:25px;padding:4px 7px;background:#092b27;color:#21db9a}.live::before{content:'';display:inline-block;width:11px;height:11px;background:#28c591;border-radius:50%}.live-icon{color:#11dba0;font-size:33px;float:right}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head h3{margin:0}.activity{position:relative;margin-top:22px}.activity-item{position:relative;padding:0 0 23px 27px;min-height:60px;border-left:2px solid #215d61;margin-left:3px}.activity-item:last-child{border-left-color:transparent;padding-bottom:0}.activity-item:before{content:'';position:absolute;top:0;left:-7px;width:11px;height:11px;border-radius:50%;background:#26ca9f}.activity-item.order:before{background:#844bff}.activity-item.deposit:before{background:#238ffe}.activity-item.balance:before{background:#fe9b1b}.activity-line{display:flex;justify-content:space-between;gap:3px}.activity-name{font-size:11px;font-weight:700}.activity-time{font-size:10px;color:var(--muted);white-space:nowrap}.activity-detail{font-size:11px;color:var(--muted);margin-top:5px;word-break:break-word}.support-icon{width:56px;height:56px;border-radius:50%;background:#183767;color:#5d9cfa;display:grid;place-items:center}.support-row{display:flex;align-items:center;gap:10px}.support-row h3{margin:0 0 5px}.support-row p{margin:0;font-size:12px}.support-blue{background:linear-gradient(120deg,#0F52BA,#0047AB)!important;border-color:#0F52BA!important}.empty{border:1px dashed #3c4d67;border-radius:13px;padding:33px;text-align:center;color:var(--muted)}.empty svg{display:block;margin:0 auto 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #0F52BA;border-radius:8px;padding:10px 14px;font-weight:600;font-size:12px;color:#fff;background:linear-gradient(115deg,var(--accent),var(--accent2));min-height:36px;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.16);transform:translateY(-1px)}.btn.outline{background:transparent;color:#5B8FF9;border:1px solid #1F6FD8}.btn.ghost{background:transparent;border-color:#465875;color:#d8e7fc}.btn.slate{background:#1a2840;border-color:#344a66}.btn.danger{background:#4d1830;border-color:#95385b}.btn.small{min-height:29px;padding:5px 11px;font-size:11px}.btn.square{padding:6px;min-width:26px;min-height:26px}.btn.primary-square{padding:4px;width:29px;height:29px}.subtle{color:var(--muted)}.clickable{cursor:pointer}.linkbtn{background:none;border:0;color:#5B8FF9;font-size:12px;padding:5px}.linkbtn:hover{text-decoration:underline}.page-title{margin:6px 0 20px}.page-title h1{font-size:23px;margin:0 0 7px}.page-title p{color:var(--muted);margin:0}.stack{display:flex;flex-direction:column;gap:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.wide{grid-column:1/-1}.field label{color:#bfd0eb;font-size:12px;font-weight:550}.field input,.field select,.field textarea,.search-field{background:#0b1422;border:1px solid #35445d;border-radius:9px;padding:11px 12px;width:100%;min-height:41px;color:var(--text)}.field textarea{min-height:100px;resize:vertical}.field small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}.muted-box{padding:12px 16px;border:1px solid #384761;background:#111d2c;border-radius:10px;color:#c1d0e6;line-height:1.7}.notice{border:1px solid #866821;background:#3429194d;padding:12px 15px;border-radius:9px;color:#ffcb78;margin:13px 0}.green-text{color:var(--green)}.small{font-size:12px}.spaced{display:flex;justify-content:space-between;align-items:center;gap:12px}.filterline{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filterline input,.filterline select{width:auto;min-width:180px}.timeline-list{display:flex;flex-direction:column;gap:9px}.ledger-row{display:flex;justify-content:space-between;gap:10px;padding:11px;border-bottom:1px solid var(--border)}.ledger-row:last-child{border:0}.amount-positive{color:#31dfaa}.amount-negative{color:#ffb454}.avatar-inline{display:flex;align-items:center;gap:9px}.cardicon{border-radius:10px;width:45px;height:45px;display:grid;place-items:center;background:#172a45;color:#50a9ff}
.overlay{position:fixed;inset:0;background:#040815c9;backdrop-filter:blur(8px);z-index:90;display:flex;align-items:center;justify-content:center;padding:15px}.modal{background:linear-gradient(145deg,#152136,#0c1420);border:1px solid #364762;border-radius:16px;box-shadow:0 30px 100px #0009;width:min(520px,100%);max-height:92vh;overflow:auto;padding:22px}.modal.big{width:min(720px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h2{font-size:19px;margin:0}.modal .close{background:#1a2840;color:#d1ddf0;border:1px solid #40536c;display:grid;place-items:center;border-radius:7px;width:32px;height:32px}.modal .form-actions{margin-top:20px}.modal .tiny-badge{margin-bottom:5px}.modal-sum{font-size:27px;font-weight:750;color:white}.modal-qr{width:180px;max-width:100%;border-radius:10px;margin:auto;display:block;background:white;padding:8px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 25% 20%,#0F52BA,#080e1b 60%)}.auth-promo{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8%;position:relative;overflow:hidden}.auth-promo:before{content:'';width:410px;height:410px;position:absolute;border:1px solid #0F52BA;border-radius:50%;box-shadow:0 0 0 65px rgba(15,82,186,.08),0 0 0 140px rgba(15,82,186,.08)}.auth-promo-inner{z-index:1;text-align:center;max-width:470px}.auth-promo h1{font-size:48px;line-height:1.1;margin:22px 0}.auth-promo p{color:#b5c4e0;line-height:1.9;font-size:16px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:15px}.auth-logo strong{letter-spacing:2px;font-size:24px}.auth-form-side{display:grid;place-items:center;padding:30px;background:linear-gradient(160deg,#0d1522,#080e18)}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:28px;margin:0 0 8px}.auth-card p{color:var(--muted);line-height:1.6}.auth-card .field{margin-bottom:15px}.auth-card .btn{width:100%;font-size:14px;padding:14px}.auth-tabs{display:flex;background:#141f31;border-radius:10px;padding:5px;margin:26px 0}.auth-tabs button{border:0;flex:1;padding:11px;background:none;color:#a4b5d0;border-radius:8px}.auth-tabs button.selected{background:var(--accent);color:white}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.boot .brand-glyph{font-size:28px}.boot p{color:var(--muted)}.toast-area,#toast-area{position:fixed;z-index:120;bottom:18px;right:18px;max-width:min(440px,90%);display:flex;flex-direction:column;gap:8px}.toast{padding:13px 16px;background:#162a3b;border:1px solid #2f746c;border-radius:9px;box-shadow:var(--shadow);line-height:1.4}.toast.error{border-color:#ae455f;background:#3c1d2b}.mobile-menu{display:none}.search-results{position:absolute;top:58px;left:304px;background:#152239;border:1px solid #3b4c69;border-radius:10px;padding:6px;width:335px;box-shadow:var(--shadow);z-index:20}.search-results button{display:block;text-align:left;width:100%;color:#d9e8f7;background:none;border:0;border-radius:6px;padding:10px}.search-results button:hover{background:#283853}.floating-menu{position:absolute;right:25px;top:60px;border:1px solid #374d67;background:#162337;padding:8px;border-radius:10px;z-index:50;width:200px;box-shadow:var(--shadow)}.floating-menu button{display:flex;width:100%;align-items:center;gap:10px;background:none;border:0;color:#deeafa;padding:10px;border-radius:6px}.floating-menu button:hover{background:#2b3a52}.user-menu{right:25px}.notif-menu{right:160px;width:290px}.notif-item{border-bottom:1px solid #2c3d55;padding:10px;font-size:12px}.notif-item:last-child{border:0}
body.light{--bg:#f1f5fb;--surface:#fff;--surface2:#fff;--sidebar:#ecf0f8;--border:#ccd6e5;--text:#15233b;--muted:#64768f;--accentSoft:#d6e6ff;background:var(--bg)}body.light .sidebar{background:#eaf0f9}body.light .topbar{background:#fff;border-color:#d3deec}body.light .panel,body.light .metric,body.light .service-card{background:#fff}body.light .top-search,body.light .field input,body.light .field textarea,body.light .field select,body.light .search-field{background:#f7f9fe;color:#14233b}body.light .hero{color:#fff}body.light .nav-link{color:#43556d}body.light .nav-link.active{color:#0F52BA}body.light .panel h3,body.light .service-name,body.light .metric-title,body.light .section-heading h2,body.light .page-title h1{color:#18283d}body.light .appearance-box{background:#f9faff}body.light .palette-label,body.light .field label,body.light .appearance-title{color:#33425a}body.light .date{color:#64768f}body.light th{background:#e5edfb;color:#3c5069}body.light td{color:#364865;border-color:#e3e9f1}body.light .modal{background:#fff}body.light .modal-sum{color:#18283d}body.light .auth-form-side{background:#fff}body.light .auth-promo{color:#fff}body.light .nav-link:hover{background:#dbe3f1}body.light .support-row{color:#1d2940}
@media(max-width:1400px){.layout{grid-template-columns:minmax(0,1fr) 270px}.center-column{display:none}.metric{gap:14px;padding:13px}.metric-icon{width:50px;height:50px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1130px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:0 9px 15px}.content{padding:18px}.layout{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.search-results{left:260px}}
@media(max-width:740px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;top:0;width:270px;transition:left .22s;box-shadow:0 0 20px #0004}.sidebar.show{left:0}.mobile-menu{display:grid}.topbar{padding:0 15px;gap:8px}.top-search{flex:1;max-width:unset;width:auto}.shortcut,.date,.user-top .top-user-name,.user-top .top-user-role,.top-actions .moon-btn{display:none}.top-actions{gap:5px}.user-top{padding-left:5px}.balance-top{padding-left:7px;gap:5px;font-size:11px}.content{padding:16px 13px}.greeting{gap:12px}.greeting .avatar{width:42px;height:42px;font-size:21px}.greeting h1{font-size:19px}.greeting p{font-size:13px}.metrics{gap:8px}.metric{min-height:94px;padding:10px;gap:8px}.metric-icon{height:38px;width:38px}.metric-title{font-size:11px;white-space:normal}.metric-value{font-size:17px}.services{grid-template-columns:1fr}.hero{min-height:220px}.hero-copy{width:75%}.hero h2{font-size:21px}.hero-art{opacity:.5;width:55%}.right-column,.two-col,.three-col,.form-grid{grid-template-columns:1fr}.auth-screen{display:block}.auth-promo{padding:25px}.auth-promo h1{font-size:25px;margin:10px 0}.auth-promo p{display:none}.auth-promo:before{display:none}.auth-form-side{padding:23px 20px;min-height:calc(100vh - 120px)}.search-results{left:12px;top:60px;width:calc(100vw - 24px)}.modal{padding:17px}.notif-menu{right:12px}}