@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d1118;--panel:#151a23;--panel2:#111722;--ink:#e7ebf4;--muted:#8c97aa;--line:#262d38;--nav:#101827;--blue:#427bff;--green:#41c89a;--amber:#f4ba52;--red:#ee7888;--shadow:0 8px 24px #0002}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.loading,.center{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.layout{display:flex;min-height:100vh}.sidebar{width:254px;background:linear-gradient(180deg,#101828,#111a29);color:#e8edfa;padding:14px 10px 15px;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #263247}.brand{height:49px;display:flex;align-items:center;gap:11px;padding:0 10px 12px;font-weight:800;font-size:16px;border-bottom:1px solid #263247;letter-spacing:.1px}.brand>span{display:flex;align-items:center;gap:11px}.brand small{font-size:9px;letter-spacing:1.4px;border:1px solid #495b8d;background:#202d4c;color:#aabaff;border-radius:16px;padding:3px 9px}.brandmark{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#8a95ff,#5a57e7);display:grid;place-items:center;color:#fff;font-weight:900;font-size:19px;box-shadow:0 0 18px #546aff55}.navlabel{font-size:10px;text-transform:uppercase;color:#78849a;letter-spacing:1.5px;padding:18px 10px 8px;font-weight:700}.navsection{border-top:1px solid #283448;margin-top:12px;padding-top:18px}.nav{position:relative;width:100%;border:1px solid transparent;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;border-radius:11px;padding:10px 11px;margin:2px 0;color:#aab5c8;font-size:13px;font-weight:600;transition:.16s}.nav.active,.nav:hover{background:#152344;border-color:#344a83;color:#dbe4ff}.nav.active:before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:4px;background:#7672ff}.nav .ico{width:23px;height:23px;border:1px solid #334055;border-radius:7px;display:grid;place-items:center;font-size:15px;color:#a9b9d0}.sidebar-user{margin-top:auto;border-top:1px solid #293346;padding:15px 8px 0;color:#dce4f4;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.sidebar-user small{display:block;color:#8996aa;font-size:10px;margin-top:2px}.avatar,.profilebtn,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:#303b67;color:#c4ceff;font-weight:700}.avatar{width:31px;height:31px}.main{min-width:0;flex:1}.topbar{height:64px;background:#141922;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:var(--muted)}.top-title{display:flex;flex-direction:column;gap:0}.top-title small{color:#4e8eff;font-weight:800;letter-spacing:1.8px;font-size:10px}.top-title strong{font-size:16px;color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:13px}.notice{border:1px solid #303847;background:#1a202b;border-radius:10px;padding:7px 9px;color:#b7c0d0;font-size:11px}.notice b{margin-left:3px}.notice i{font-style:normal;background:#252d4b;color:#becaff;border-radius:15px;padding:4px 9px;margin-left:8px}.version{font-size:11px;color:#8e9bb0;letter-spacing:.5px}.live{font-size:11px;color:#62d5aa;display:flex;align-items:center;gap:6px}.live i{width:8px;height:8px;background:#38c993;border-radius:50%;box-shadow:0 0 10px #38c99377}.iconbtn,.profilebtn{border:1px solid #323b4c;background:#1b2230;color:#e5eaff;width:38px;height:38px;border-radius:50%;font-size:17px;display:grid;place-items:center}.profilebtn{background:#4d51bc;border-color:#7579ef;font-size:14px;font-weight:800}.content{padding:22px 22px 34px;max-width:1700px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#4c91ff;font-weight:800;margin:0 0 3px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 17px;border-bottom:1px solid #242b36;padding:0 0 12px;position:relative}.heading:after{content:"";position:absolute;bottom:-1px;left:0;width:50px;height:2px;background:#685cff;border-radius:4px}.heading h1{font-size:19px;margin:0 0 3px;font-weight:650}.sub{color:var(--muted);font-size:12px}.btn{border:1px solid #343d4c;background:#1b222d;color:#d2d9e7;border-radius:9px;padding:9px 13px;font-weight:650;font-size:11px;transition:.15s}.btn:hover{border-color:#53627a;background:#222b39}.btn.primary{background:#625df2;border-color:#706aff;color:white;box-shadow:0 4px 15px #655bf233}.btn.primary:hover{background:#7771ff}.btn.danger{color:var(--red)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.delivery-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat{min-height:91px;display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px 18px}.stat label{display:block;color:#8995a9;font-size:12px}.stat label small{display:block;font-size:9px;color:#758197;margin-top:2px}.stat strong{display:block;font-size:18px;margin-top:3px;color:#e9edf5;letter-spacing:-.3px}.stat-icon{width:41px;height:41px;flex:0 0 41px;border-radius:11px;display:grid;place-items:center;background:#222b39;color:#d2dbea;font-size:19px;font-weight:700}.stat-icon.blue,.stat-icon.cyan{background:#c8edff;color:#148ac4}.stat-icon.rose{background:#ffe0e7;color:#d53e64}.stat-icon.yellow{background:#ffedaa;color:#9f7200}.stat-icon.violet{background:#e0ddff;color:#5a50dd}.stat-icon.green{background:#cefae7;color:#12825c}.stat-icon.amber{background:#ffe8bc;color:#a66600}.group-card,.recent-card,.report-card{padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-head h2,.report-card h2{margin:0;font-size:14px;font-weight:650}.section-head>span{font-size:11px;color:#7f8ba0}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.group-balance{padding:13px 14px;border:1px solid #2b323e;border-radius:13px;background:#151a23;min-height:105px}.group-balance>div{display:flex;align-items:center;gap:9px}.group-balance strong{font-size:12px;font-weight:650}.mini-avatar{width:25px;height:25px;font-size:10px}.group-balance small{display:block;margin:4px 0 6px 34px;color:#7f8ba0;font-size:10px}.group-balance>b{display:block;font-size:16px;margin-left:34px}.delivery-head{margin:20px 0 10px}.delivery-head h2{margin:0;font-size:14px}.recent-card{margin-top:14px;padding:14px 0 0}.recent-card .section-head{padding:0 16px}.textbtn{border:0;background:none;color:#8497ff;font-size:11px;font-weight:600}.data-note{font-size:10px;color:#718096;margin:12px 2px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.filter{padding:13px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}input,select{border:1px solid #343c49;border-radius:8px;padding:9px 11px;background:#10151d;color:#dce3ef;outline:none;font-size:11px}input:focus,select:focus{border-color:#6975e8;box-shadow:0 0 0 2px #6975e822}.filter input{flex:1;min-width:240px}table{border-collapse:collapse;width:100%;white-space:nowrap}th{padding:11px 13px;text-align:left;text-transform:uppercase;font-size:9px;letter-spacing:.7px;color:#8894a8;background:#121720}td{padding:12px 13px;border-top:1px solid #252c37;font-size:11px;color:#b9c3d2}tbody tr:hover{background:#1b222d}.id{color:#8f9bff;font-weight:700}.person strong{display:block;color:#dce3ef}.person small{color:#8995a8}.badge{padding:4px 8px;border-radius:20px;font-weight:650;font-size:9px}.ok{background:#15372f;color:#5bd7a5}.wait{background:#3c3020;color:#fac66d}.bad{background:#3c242a;color:#ff8495}.actions{display:flex;gap:6px}.empty{padding:30px;text-align:center;color:#8490a2}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#8390a5;font-size:10px}.modal{position:fixed;inset:0;background:#05080dc9;display:grid;place-items:center;padding:15px;z-index:4}.modalbox{width:min(540px,100%);background:#171d27;border:1px solid #343d4c;border-radius:14px;overflow:hidden;box-shadow:0 20px 70px #0009}.modalhead,.modalfoot{padding:15px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modalfoot{border:0;border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.modalhead h2{margin:0;font-size:16px}.modalbody{padding:17px 19px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:10px;color:#98a3b6;margin-bottom:5px}.field input,.field select{width:100%}.full{grid-column:1/-1}.login{width:min(420px,calc(100% - 30px));padding:28px;background:#171d27;border:1px solid #303947;border-radius:16px;box-shadow:var(--shadow)}.login h1{margin:17px 0 5px;font-size:22px}.login .field{margin:13px 0}.login .btn{width:100%;margin-top:8px}.err{color:var(--red);font-size:12px;margin-top:10px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:20px 0}.tab{border:0;background:none;padding:0 0 11px;color:#8992a5;font-weight:650;border-bottom:2px solid transparent}.tab.active{color:#9293ff;border-color:#7770ff}.subcontent{padding:20px}.detailgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.detail{padding:13px;border:1px solid #2b3442;border-radius:9px}.detail label{display:block;color:#8995a9;font-size:10px;margin-bottom:4px}.detail strong{font-size:12px}.link{color:#8995ff;font-size:11px}.hint{color:#8b95a8;font-size:11px;margin-top:14px}.report-card{margin-top:14px}.report-card h2{margin-bottom:14px}.report-row{margin:15px 0}.report-row>div:first-child{display:flex;justify-content:space-between;color:#aeb9c9;font-size:11px;margin-bottom:6px}.report-row b{color:#e6eaf1}.progress{height:6px;background:#252d39;border-radius:9px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,#5467ef,#8792ff);border-radius:9px}.light-theme{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#768198;--line:#e8ecf3;--nav:#111b31;color-scheme:light}.light-theme .main{color:#172033}.light-theme .topbar{background:#fff}.light-theme .stat{background:#fff;border-color:#e8ecf3}.light-theme .stat strong{color:#172033}.light-theme .group-card,.light-theme .recent-card,.light-theme .report-card,.light-theme .card{background:#fff;border-color:#e8ecf3}.light-theme .group-balance{background:#fff;border-color:#e8ecf3}.light-theme input,.light-theme select{background:#fff;color:#344058;border-color:#e1e6ef}.light-theme th{background:#f6f8fb;color:#818ba0}.light-theme td{color:#465168;border-color:#eff1f6}.light-theme .person strong{color:#27334a}.light-theme .modalbox,.light-theme .login{background:#fff}.light-theme .btn{background:#fff;color:#344058;border-color:#e1e6ef}.light-theme .top-title strong{color:#172033}.light-theme .notice,.light-theme .iconbtn{background:#f4f6fa;color:#344058}.light-theme .data-note{color:#768198}
@media(max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{gap:7px}.version{display:none}}@media(max-width:800px){.sidebar{width:64px;padding:13px 6px}.brand{justify-content:center;padding:0 0 14px}.brand>span,.navlabel,.nav span:not(.ico),.sidebar-user{display:none}.nav{justify-content:center;padding:9px 4px}.nav .ico{width:28px;height:28px}.content{padding:17px 12px 26px}.topbar{padding:0 12px}.top-actions{gap:6px}.notice,.live,.logout{display:none}.dashboard-stats{grid-template-columns:1fr 1fr;gap:7px}.stat{min-height:78px;padding:11px;gap:9px}.stat-icon{width:33px;height:33px;flex-basis:33px}.stat strong{font-size:14px}.stat label{font-size:10px}.delivery-stats{grid-template-columns:1fr}.group-grid{grid-template-columns:1fr}.heading{align-items:flex-start}.filter input{min-width:100%}.scroll{overflow:auto}.modalbody{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:390px){.dashboard-stats{grid-template-columns:1fr}.top-title strong{font-size:14px}.profilebtn,.iconbtn{width:32px;height:32px}}
.operation-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);min-height:48px}.record-pills{display:flex;align-items:center;gap:7px;flex:1;flex-wrap:wrap}.record-pills span{font-size:9px;font-weight:800;letter-spacing:.35px;color:#9aa7bb;border-radius:15px;background:#202733;padding:5px 8px}.record-pills .pending-pill{color:#f2c36e;background:#3b3021}.record-pills .page-pill{color:#9da4ff;background:#292b50}.record-pills .approved-pill{color:#58d8a6;background:#18382f}.columns-menu{position:relative;margin-left:auto}.columns-menu summary{cursor:pointer;list-style:none;border:1px solid #343d4c;border-radius:8px;padding:7px 10px;color:#bdc7d8;font-size:10px}.columns-menu summary::-webkit-details-marker{display:none}.columns-pop{position:absolute;z-index:3;right:0;top:34px;width:180px;padding:9px;background:#1b222d;border:1px solid #343d4c;border-radius:9px;box-shadow:0 10px 24px #0007;display:grid;gap:2px}.columns-pop label{display:flex;align-items:center;gap:7px;padding:5px;color:#c4ccda;font-size:10px}.columns-pop input{accent-color:#6863f4;margin:0}.operation-filters{padding:10px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.operation-filters input{flex:1;min-width:220px}.operation-filters select{min-width:150px}.operation-scroll{max-height:calc(100vh - 320px);min-height:240px;overflow:auto}.operation-table{min-width:1420px;table-layout:auto}.operation-table th{position:sticky;top:0;z-index:1;background:#171d27;padding:10px 9px;white-space:nowrap}.operation-table td{padding:10px 9px;border-top:1px solid #222a35;font-size:10px;white-space:nowrap}.operation-table tbody tr{height:54px}.operation-table td[hidden],.operation-table th[hidden]{display:none}.member-cell{min-width:135px}.detail-btn{border:1px solid #313a48;border-radius:14px;padding:4px 9px;color:#b4c0d1;background:#171d27;font-size:9px}.detail-btn:hover{border-color:#6375a0;color:#fff}.row-status{padding:6px 8px;min-width:120px;font-size:10px}.page-controls{display:flex;gap:6px}.page-controls .btn:disabled{opacity:.4;cursor:default}.operations-card>.pagination{border-top:1px solid var(--line)}.detail-modal .detailgrid{padding:17px 19px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-modal .detail strong{word-break:break-word}.detail-modal .modalfoot{background:#171d27}.light-theme .record-pills span{background:#edf0f6;color:#647087}.light-theme .record-pills .pending-pill{background:#fff1d2;color:#996500}.light-theme .record-pills .page-pill{background:#ecebff;color:#5554b7}.light-theme .record-pills .approved-pill{background:#e2f6ed;color:#16845b}.light-theme .columns-menu summary,.light-theme .detail-btn{background:#fff;color:#344058;border-color:#e1e6ef}.light-theme .columns-pop{background:#fff;border-color:#e1e6ef}.light-theme .columns-pop label{color:#344058}.light-theme .operation-table th{background:#f6f8fb}.light-theme .operation-table td{color:#465168;border-color:#eff1f6}.light-theme .detail-modal .modalfoot{background:#fff}
+@media(max-width:800px){.operation-toolbar{align-items:flex-start;flex-wrap:wrap}.record-pills{order:3;flex-basis:100%}.columns-menu{margin-left:auto}.operation-filters input,.operation-filters select{min-width:100%;width:100%}.operation-scroll{max-height:calc(100vh - 295px)}.detail-modal .detailgrid{grid-template-columns:1fr}.operations-card>.pagination{align-items:flex-start;gap:10px;flex-direction:column}.page-controls{align-self:flex-end}}
.nav-group{margin:2px 0}.nav-group summary{list-style:none;display:flex;align-items:center}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"⌄";margin-left:auto;color:#8290a8;font-size:15px;transition:transform .15s}.nav-group[open] summary:after{transform:rotate(180deg)}.nav-count{font-size:9px;font-weight:700;color:#8793a8;background:#202a3a;border:1px solid #2d394b;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.nav-children{padding:1px 0 3px 12px}.nav.child{font-size:12px;color:#8592a7;padding:8px 10px}.nav.child .ico{border:0;background:transparent;width:19px;height:19px}.nav.child.active{background:#172849;color:#8ebcff}.nav.child.active:before{left:-1px}.preview-empty{min-height:155px;display:grid;place-items:center;text-align:center;padding:25px;color:#8390a5;font-size:12px}.preview-empty strong{display:block;color:#cbd4e4;margin-bottom:5px}.light-theme .nav-count{background:#e8edf5;border-color:#dfe5ef;color:#647087}.light-theme .nav.child{color:#728098}.light-theme .nav.child.active{color:#4565d5;background:#edf0ff}
@media(max-width:800px){.nav-group summary:after,.nav-count{display:none}.nav-children{padding:0}.nav.child{justify-content:center}.nav.child span:not(.ico){display:none}}
.iban-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.iban-stats .stat{min-height:72px;padding:12px 15px}.iban-stats .stat strong{font-size:19px}.iban-card{overflow:hidden}.iban-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.iban-toolbar h2{font-size:14px;margin:0}.iban-toolbar .actions{align-items:center}.iban-table{min-width:1100px}.iban-table th{padding:12px 13px}.iban-table td{padding:13px}.iban-id{max-width:160px;white-space:normal;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:10px}.iban-number{font-family:ui-monospace,monospace;letter-spacing:.3px;max-width:180px;white-space:normal;overflow-wrap:anywhere}.iban-table .badge{margin-left:7px}.switch{width:40px;height:22px;padding:2px;border:0;border-radius:14px;background:#8490a2;vertical-align:middle}.switch:after{content:"";display:block;width:18px;height:18px;background:white;border-radius:50%;transition:transform .15s}.switch.on{background:#18a957}.switch.on:after{transform:translateX(18px)}.light-theme .iban-table th{background:#f1f4f9}.light-theme .iban-toolbar{border-color:#e8ecf3}.light-theme .switch{background:#aeb8c7}.light-theme .switch.on{background:#18a957}
@media(max-width:800px){.iban-stats{grid-template-columns:1fr}.iban-toolbar{align-items:flex-start;flex-direction:column}.iban-toolbar .actions{flex-wrap:wrap}.iban-table{min-width:980px}}
.iban-setup-note{display:flex;align-items:flex-start;flex-direction:column;gap:3px;padding:11px 14px;margin-bottom:13px;border:1px solid #6a5330;border-radius:10px;background:#282319;color:#f3ca7e;font-size:11px}.iban-setup-note span{color:#c0a976}.light-theme .iban-setup-note{background:#fff8e7;border-color:#f0dba9}.light-theme .iban-setup-note span{color:#8b7445}