
:root{--nav:#0b1224;--ink:#19243e;--muted:#8190a7;--line:#e7ecf4;--primary:#5764ee;--cyan:#00bdd8;--paper:#f5f7fc}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:14px/1.5 'Segoe UI',system-ui,sans-serif;color:var(--ink)}a{text-decoration:none;color:var(--primary)}button,input,select,textarea{font:inherit}svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}button{cursor:pointer}aside#sidebar{position:fixed;inset:0 auto 0 0;width:244px;height:100vh;background:var(--nav);padding:25px 16px 18px;overflow-y:auto;z-index:30;color:#b0bcd2}#sidebar .brand{display:flex;align-items:center;gap:8px;padding:0 6px;color:#fff;font-size:26px;font-weight:750;letter-spacing:-1px;margin-bottom:24px}#sidebar .brand img{width:45px;height:45px;border-radius:12px}#sidebar .brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#8090b0;margin-top:1px}.brand-accent{color:#41d9ed}.workspace-chip{display:flex;align-items:center;gap:8px;background:#142039;border:1px solid #24304a;padding:10px;border-radius:9px;font-size:11px}.online,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#25c4b9;display:inline-block}.version{margin-left:auto;font-size:10px;color:#7f92b7}.nav-heading{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#63738f;padding:24px 12px 8px}#sidebar .nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#9fadc7;background:none;font-size:12px;font-weight:500;width:100%;border:0;margin:2px 0;text-align:left}#sidebar .nav-link:hover{background:#17233c;color:#e9f2ff}#sidebar .nav-link.active{color:#8ae8f4;background:linear-gradient(90deg,#173149,#19253e);box-shadow:inset 3px 0 #36cde7}#sidebar .nav-link b{margin-left:auto;background:#513250;color:#ffb6d3;border-radius:5px;font-size:10px;padding:1px 6px}.sidebar-bottom{border-top:1px solid #202b42;margin-top:24px;padding-top:12px}.shell{margin-left:244px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#c6cfdf}.breadcrumb strong{color:#3e4a62;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.search-launch{display:flex;align-items:center;gap:10px;background:#f6f8fc;border:1px solid var(--line);color:#8b97ac;border-radius:8px;padding:8px 12px;font-size:11px}.search-launch kbd{margin-left:20px;font:9px system-ui;border:1px solid #dfe5ee;border-radius:4px;padding:2px 4px}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e9e9ff;color:#5c58cf;border:1px solid #dadafb;border-radius:50%;font-weight:700}.avatar.large{width:64px;height:64px;font-size:24px}.identity{font-size:11px}.identity strong,.identity small{display:block}.identity small{font-size:9px;color:#94a0b2}.shell main{max-width:1700px;margin:0 auto;padding:32px 36px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#959fba}.page-heading h1,h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-1px;margin:10px 0}.page-heading p{font-size:12px;color:#8590a5;margin:10px 0 0}h2{font-size:15px;font-weight:650;margin:0}h3{font-size:13px}p{line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 15px;font-size:11px;line-height:1.5;font-weight:600;border:1px solid transparent;white-space:nowrap}.btn svg{width:15px;height:15px}.btn.primary{color:#fff;background:linear-gradient(115deg,#5c63ed,#4655d9);box-shadow:0 3px 7px #5764ee22}.btn.soft{background:#f4f6fb;color:#5a6780;border:1px solid #e6eaf4}.btn.small{padding:6px 10px;font-size:10px}.btn.wide{width:100%;margin-top:16px}.danger-fill{background:#ed526b;color:white}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;background:transparent;border:0;border-radius:7px;color:#8590aa;padding:5px}.icon-button:hover{background:#f0f3fc;color:#5965d8}.icon-button.danger{color:#d9818d}.icon-button svg{width:16px;height:16px}.mobile-menu{display:none}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:24px}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px;margin:0}.metric>span{font-size:11px;color:#8793a8}.metric>strong{font-size:26px;letter-spacing:-.7px;display:block;margin:10px 0}.metric>small{font-size:9px;color:#a2acbd}.metric .tiny-dot{width:4px;height:4px;margin-right:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;padding:22px;box-shadow:0 3px 8px #1f315202}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-title p{font-size:11px;margin:5px 0 0}.panel-title>svg{color:#8896b0}.chart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.chart-box{height:245px;position:relative}.chart-box canvas{max-width:100%}.muted{color:#919bb0;font-size:11px}.chart-empty{text-align:center;color:#97a2b5;font-size:11px}.badge{display:inline-block;white-space:nowrap;border-radius:5px;font-size:9px;font-weight:600;padding:4px 7px}.badge.neutral{background:#e9f8f5;color:#258878}.badge.warning{background:#fff3df;color:#bf8a38}.badge.muted-badge{background:#f0f3f8;color:#8d98ab}.count{font-size:10px;color:#8a95af;background:#f1f3fa;border-radius:5px;padding:2px 7px;margin-left:6px}.module-summary{display:flex;align-items:center;gap:40px;padding:20px 25px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.module-summary>div{display:grid;gap:8px}.module-summary span{font-size:10px;color:#8a97ad}.module-summary strong{font-size:24px}.module-summary a{font-size:11px}.wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:22px}.wallet{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.wallet>div{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.wallet>div svg{color:#6b72d8}.wallet>small{display:block;font-size:10px;color:#a0abc0;margin-top:24px}.wallet>strong{display:block;font-size:28px;letter-spacing:-1px;margin:6px 0 22px}.wallet>a{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a86a1;border-top:1px solid #e9edf6;padding-top:14px}.wallet.reserve{background:linear-gradient(135deg,#222b5b,#313369);color:#fff;border-color:transparent}.wallet.reserve small,.wallet.reserve a{color:#acb6da}.wallet.reserve>div svg{color:#70dfed}.wallet.reserve>a{border-color:#ffffff16}.info-strip{display:flex;align-items:center;gap:10px;font-size:11px;color:#7e8ba4;padding:14px;border:1px solid #dce8f7;border-radius:9px;background:#eff6ff;margin:0 0 22px}.period-filter{display:flex;gap:8px;align-items:center;margin:0 0 10px}.period-filter input,.period-filter select{width:auto;min-width:130px;margin:0}.range-caption{font-size:10px;color:#99a3b4;margin-bottom:22px}input,select,textarea{display:block;border:1px solid #dfe5ef;border-radius:7px;padding:10px 12px;background:white;width:100%;color:#45526d;font-size:12px;margin-top:6px;min-height:39px}input:focus,select:focus,textarea:focus{outline:2px solid #919af433;border-color:#818ce0}textarea{min-height:90px}input[type=checkbox],input[type=radio]{width:16px;min-height:16px;margin:0;accent-color:#5b65e8;display:inline-block}label.field{display:block;font-size:11px;color:#8290a7}.field>span{display:block;margin-bottom:7px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-form .full{grid-column:1/-1}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 18px}.filters>select{width:145px}.filters input[type=date]{width:138px}.filters input,.filters select{margin:0;font-size:11px}.search-input{position:relative;flex:1;min-width:180px}.search-input input{padding-left:36px}.search-input svg{position:absolute;left:12px;top:12px;width:15px;height:15px;color:#a0aac0}.text-link{font-size:11px;display:inline-block;margin:12px 0}.table-scroll{overflow-x:auto;min-height:160px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{background:#f8f9fc;color:#94a0b6;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:500;padding:12px;border-top:1px solid #edf0f7;border-bottom:1px solid #edf0f7;text-align:left}td{padding:14px 12px;color:#7c89a2;border-bottom:1px solid #f0f2f8;max-width:260px;overflow:hidden;text-overflow:ellipsis;text-align:left}td:has(.row-actions){overflow:visible}td strong{font-weight:600;color:#46536c}td .money{font-variant-numeric:tabular-nums;color:#495571}tr:last-child td{border-bottom:0}.row-actions{display:flex;align-items:center;gap:1px}.row-actions form{display:flex}.action-menu{position:relative}.action-menu summary{list-style:none}.action-menu>div{position:absolute;right:0;top:32px;z-index:20;min-width:190px;padding:8px;background:white;border:1px solid #e1e6f1;box-shadow:0 8px 24px #16254b22;border-radius:9px}.action-menu form{display:block}.menu-action{display:block;width:100%;text-align:left;background:none;color:#677691;border:0;padding:9px;border-radius:5px;font-size:11px}.menu-action:hover{background:#f4f6fc}.action-menu select{font-size:10px}.pagination{padding-top:18px;color:#8792a8;font-size:11px}.pagination svg{width:16px;height:16px}.pagination nav>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.pagination nav>div:first-child{display:none}.pagination nav span,.pagination nav a{padding:3px}.notice-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #edf0f6}.notice-row:last-child{border:0}.notice-icon{width:36px;height:36px;background:#fff6e5;color:#d1a45c;display:grid;place-items:center;border-radius:9px}.notice-icon.critical{background:#fff0f3;color:#e27a91}.notice-row>div:nth-child(2){flex:1}.notice-row strong{font-size:11px;color:#59647c}.notice-row p{font-size:10px;color:#9aa5b9;margin:4px 0 0}.empty{text-align:center;padding:38px;color:#9ca8bc}.empty>svg{width:30px;height:30px;margin:auto;color:#c2cbdb}.empty h3{color:#7d8ba2;font-size:13px}.empty p{font-size:11px}.profile-head{display:flex;gap:20px;align-items:center;margin-bottom:22px}.profile-head p{font-size:12px;color:#8d99ae}.location-grid{display:flex;gap:15px;margin:20px 0}.location-grid>div{border:1px solid #e5eaf4;padding:16px;border-radius:9px;min-width:180px}.location-grid strong{display:block;font-size:12px}.location-grid p{font-size:11px;color:#8c99ad}.location-grid svg{color:#8e96d8;margin-bottom:8px}dialog{border:1px solid #e4e8f2;border-radius:16px;padding:0;max-height:88vh;width:min(760px,94vw);box-shadow:0 25px 100px #07132555;color:#33415d}dialog::backdrop{background:#08162970;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-head h2{margin-top:6px;font-size:20px}.form-body{padding:26px 28px;max-height:60vh;overflow-y:auto}.dialog-foot{padding:18px 28px;display:flex;justify-content:flex-end;gap:10px;background:#fafbfe;border-top:1px solid var(--line)}.permission-matrix{grid-column:1/-1;overflow:auto}.permission-matrix table input{margin:auto}.permission-matrix table td{padding:8px}.check{display:flex;align-items:center;gap:10px;font-size:12px;color:#7b88a1;margin:16px 0}.command-items{padding:12px;max-height:55vh;overflow:auto}.command-items a{display:flex;align-items:center;gap:12px;padding:12px;color:#6f7d98;border-radius:8px}.command-items a:hover{background:#f1f4fc}#command{width:490px}#command-search{margin:14px;width:calc(100% - 28px)}.flash{border-radius:9px;padding:14px 18px;margin-bottom:20px;font-size:12px}.flash.success{background:#e8f8f2;color:#388c73;display:flex;gap:10px}.flash.error{background:#fff0f2;color:#ba6678}.inline-actions{display:flex;gap:8px}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.step-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.step-title>b{width:34px;height:34px;display:grid;place-items:center;background:#eff0ff;color:#7a7ed7;border-radius:9px;font-size:12px}.step-title p{font-size:11px;color:#98a2b7;margin:5px 0 0}.checkout-panel{position:sticky;top:20px;inset:auto;height:fit-content;width:auto;max-height:none;padding:25px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);overflow:visible}.checkout-panel h2{margin-top:10px}.checkout-panel .field{margin:20px 0}.sale-total{border-block:1px solid #edf0f7;padding:20px 0;margin:24px 0 14px}.sale-total>span{font-size:11px;color:#99a2b6}.sale-total>strong{display:block;font-size:27px;letter-spacing:-.8px;margin-top:7px}.sale-detail{font-size:10px;color:#969fb1}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 25px}.package-choice input{position:absolute;opacity:0}.package-choice>span{display:block;border:1px solid #e4e8f2;border-radius:10px;padding:20px;cursor:pointer}.package-choice input:checked+span{border-color:#7881e8;background:#f6f6ff;box-shadow:0 0 0 2px #737eee16}.package-choice input:focus-visible+span{outline:2px solid #505fe7}.package-choice strong,.package-choice small,.package-choice b{display:block}.package-choice svg{color:#777fe0;margin-bottom:12px}.package-choice strong{font-size:12px;color:#56617d}.package-choice small{font-size:10px;color:#98a2b8;margin:6px 0 18px}.package-choice b{color:#515bd3;font-size:16px}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:#02041c;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}.auth-art img{width:min(380px,80%)}.auth-art h1{font-size:40px;line-height:1.2;letter-spacing:-1.5px}.auth-art p{font-size:13px;color:#818da9;max-width:370px}.auth-art .eyebrow{color:#59cade}.auth-form{display:grid;place-items:center;background:#fff;padding:35px}.auth-form>div{width:min(380px,100%)}.auth-form h1{font-size:29px;margin-top:14px}.auth-form .field{margin:24px 0}.auth-form small{display:block;text-align:center;font-size:10px;color:#a3abc0;margin-top:35px}.challenge-page{display:grid;place-items:center;min-height:100vh;background:#0c1530}.challenge-card{width:min(450px,92vw);padding:35px}.challenge-card>img{width:64px;height:64px;border-radius:12px;display:block;margin-bottom:20px}.challenge-card p{color:#909bb2;font-size:12px}.challenge-card a{display:block;text-align:center;margin-top:20px;font-size:11px}.security-panel{max-width:650px}.security-panel .field{margin:20px 0}.security-panel>svg{width:40px;height:40px;color:#797fe0;margin-bottom:20px}.security-panel p{color:#8e9ab1;font-size:12px}.security-panel summary{font-size:12px;color:#8e9ab1;margin-top:25px}.setup-key{display:block;font-size:17px;letter-spacing:2px;background:#f3f5fb;border:1px dashed #cdd5e8;border-radius:9px;padding:18px;overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recovery-grid code{padding:10px;background:#f3f5fb;border-radius:6px}footer{font-size:9px;color:#b2b9c9;display:flex;justify-content:space-between;padding:12px 0 5px;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.swal2-popup{font-family:'Segoe UI',system-ui!important;border-radius:16px!important}.swal2-title{font-size:22px!important}.swal2-html-container{font-size:14px!important}@media(max-width:1100px){.shell main{padding:24px}.topbar{padding:0 24px}.pos-grid{grid-template-columns:1fr 290px}.chart-grid{grid-template-columns:1.2fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.identity{display:none}}@media(max-width:850px){aside#sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar-open aside#sidebar{transform:translateX(0)}.shell{margin:0}.mobile-menu{display:inline-flex}.search-launch{display:none}.chart-grid{grid-template-columns:1fr}.pos-grid{grid-template-columns:1fr}.checkout-panel{position:static}.page-heading{align-items:flex-start}.period-filter{flex-wrap:wrap}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.shell main{padding:18px}.topbar{padding:0 18px}.breadcrumb{font-size:10px}.page-heading h1{font-size:25px}.heading-actions .btn{font-size:10px;padding:8px}.grid-form{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:15px}.metric>strong{font-size:23px}.module-summary{gap:20px;flex-wrap:wrap}.notice-row{gap:8px}.notice-row .btn{font-size:9px;padding:5px}.recovery-grid{grid-template-columns:repeat(2,1fr)}.form-body{padding:20px}.top-actions{gap:10px}}@media print{#sidebar,.topbar,.heading-actions,.filters,.period-filter,footer,.inline-actions{display:none!important}.shell{margin:0}.panel,.metric{break-inside:avoid;box-shadow:none}.shell main{padding:0}.page-heading{margin-top:0}body{background:white}}

.ts-control{border-color:#dfe5ef!important;border-radius:7px!important;padding:10px 12px!important;font:12px Segoe UI,system-ui!important;min-height:40px}.ts-dropdown{border-radius:8px;border-color:#e2e8f2}.ts-control input{min-height:0!important;margin:0!important;padding:0!important}.ts-wrapper{margin-top:6px}#auth-qr{background:white;padding:16px;width:212px;margin:20px 0}.permission-matrix input[type=checkbox]{cursor:pointer}

.nav-section>.nav-heading{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-top:22px}.nav-heading svg{width:12px;height:12px;transition:transform .15s}.nav-section:not([open]) .nav-heading svg{transform:rotate(-90deg)}.nav-section>summary::-webkit-details-marker{display:none}label.field{font-size:12px}td{font-size:12px}.metric>span{color:#74829a}.page-heading p{color:#74829a}.module-summary span{color:#74829a}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.select2-container .select2-selection--single{height:40px;border:1px solid #dfe5ef;border-radius:7px;background:white}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;padding-left:12px;color:#45526d;font:12px/38px 'Segoe UI',system-ui}.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}.select2-container{margin-top:6px;max-width:100%}.select2-container--open{z-index:100001}.select2-dropdown{border:1px solid #dfe5ef;border-radius:8px;box-shadow:0 12px 30px #13204722;z-index:100001}.select2-search__field{border-radius:6px!important;min-height:34px;font:12px 'Segoe UI',system-ui}.select2-results__option{padding:10px 12px;font-size:12px}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#626bea}.profile-photo{width:80px;height:80px;object-fit:cover;border-radius:18px}.template-card{padding:20px;border:1px solid #e7ecf4;border-radius:12px;margin:14px 0}.template-card summary{display:flex;gap:12px;align-items:center;cursor:pointer}.pos-workspace #sidebar,.pos-workspace .topbar{display:none}.pos-workspace .shell{margin:0}.pos-workspace main{max-width:1250px;padding:32px}.pos-workspace #extra-device-button[hidden]{display:none}.device-line{padding:16px 0;border-bottom:1px solid #edf0f6}.pos-workspace .page-heading{background:linear-gradient(120deg,#171f42,#25396a);padding:24px;border-radius:16px;color:white}.pos-workspace .page-heading p{color:#b8c4df}.pos-workspace #live-total{position:sticky;top:0;background:#f0f3ff;z-index:4;border-radius:10px;padding:18px;font-size:22px;color:#515bc9}dialog{overflow:visible}dialog .form-body{overflow-y:auto}dialog .select2-container--open{z-index:2147483000}.select2-dropdown .select2-results__options{max-height:220px}.profile-photo,.avatar{object-fit:cover}.template-card textarea{min-height:170px}.icon-button:focus-visible{outline:2px solid #626bea;outline-offset:2px}
