:root{font-family:var(--oms-font,'Maven Pro',sans-serif);color-scheme:dark;--bg:#050816;--panel:#0e1728;--panel2:#162238;--panel3:#1a2942;--line:#27344b;--text:#f7f9fc;--muted:#98a6ba;--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--input:#111d31;--shadow:0 24px 70px #0009}html[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel2:#f0f4fa;--panel3:#e8eef7;--line:#dbe2ec;--text:#111827;--muted:#64748b;--input:#f8fafc;--shadow:0 24px 60px #0f172a22}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}aside{width:238px;background:var(--panel);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:22px 14px;z-index:40}.brand{display:flex;align-items:center;min-height:42px;font-size:27px;font-weight:900;letter-spacing:-1.5px;padding:4px 12px 25px}nav{display:grid;gap:5px}.nav{background:none;border:0;color:var(--muted);text-align:left;padding:12px 14px;border-radius:10px;font-weight:650;transition:.15s}.nav:hover,.nav.active{background:var(--panel2);color:var(--text)}.ico{width:24px;display:inline-grid;place-items:center;margin-right:8px;color:inherit}main{margin-left:238px;flex:1;min-width:0}header{height:70px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.hamb{display:none;background:none;border:0;color:var(--text);font-size:23px}.head-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.iconbtn,.profile{border:1px solid var(--line);background:var(--panel2);color:var(--text);width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.calc-head{font-size:19px}.profile{overflow:hidden;border-radius:50%;background:#071020;color:#fff;border:1px solid var(--line);font-weight:800;padding:0}.profile img,.profile-avatar,.profile-placeholder{width:100%;height:100%;object-fit:cover;display:grid;place-items:center}.wa{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:transparent;color:#d7dee8;text-decoration:none;font-size:18px;font-weight:800;box-shadow:none;z-index:35}.wa img{width:44px;height:44px;object-fit:contain;background:transparent}.page-title{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 18px}.page-title h1{margin:0;font-size:28px;letter-spacing:-.4px}.page-title p{margin:7px 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 30px 22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0}.card span,.card small{display:block;color:var(--muted)}.card b{display:block;font-size:25px;margin:8px 0}.panel{margin:0 30px 22px;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px}.panel-head h2{margin:0;font-size:17px}.toolbar,.report-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 30px 18px}.toolbar input,.toolbar select,.report-filter select,.report-filter input,.searchline input,.download-search{min-width:180px;background:var(--input);border:1px solid var(--line);color:var(--text);padding:11px 13px;border-radius:9px;outline:none}.toolbar input:focus,.toolbar select:focus,input:focus,select:focus,textarea:focus{border-color:#5b8def;box-shadow:0 0 0 3px #3b82f61c}.primary{background:var(--blue);color:white;border:0;padding:11px 15px;border-radius:9px;font-weight:700}.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:9px}.danger{color:var(--red)!important}.small{padding:7px 9px;font-size:12px}.full{width:100%}.active-filters{padding:12px 16px;border-bottom:1px solid var(--line);color:#60a5fa;min-height:45px}.active-filters span{display:inline-block;background:#16233c;border:1px solid #2b4773;padding:5px 9px;border-radius:7px;margin-right:6px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th{background:var(--panel2);color:var(--muted);font-size:12px;white-space:nowrap}td small{display:block;color:var(--muted);margin-top:3px}.green{color:#4ade80}.badge{display:inline-block;padding:4px 7px;border-radius:6px;font-size:11px;background:var(--panel2);color:var(--muted);text-transform:capitalize;white-space:nowrap}.badge.completed,.badge.paid,.badge.approved,.badge.active{color:#4ade80;background:#0c2a1b}.badge.pending,.badge.pending_approval,.badge.processing{color:#fbbf24;background:#30250a}.badge.rejected{color:#fb7185;background:#35121a}.badge.solved{color:#4ade80;background:#0c2a1b}.empty{padding:35px;text-align:center;color:var(--muted)}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.customer-card{position:relative;display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:14px;border-radius:12px}.customer-card:hover{border-color:#4b76b8}.customer-card small,.agent-row small{display:block;color:var(--muted);margin-top:4px}.chev{margin-left:auto;font-size:25px;color:var(--muted)}.avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#263b63;color:#fff;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:5px;margin:0 30px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;width:max-content}.tabs button{color:var(--muted);background:none;border:0;border-radius:8px;padding:9px 13px}.tabs button.active{color:var(--text);background:var(--panel2);font-weight:700}.tabs b{margin-left:4px}.searchline{padding:14px}.download-search{width:260px}.download-panel{background:var(--panel)}.download-url{display:block;max-width:560px;color:#60a5fa;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-url:hover{text-decoration:underline}.row-actions{display:flex;gap:7px;align-items:center;white-space:nowrap}.enq,.agent-row{padding:16px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.enq p{color:var(--muted)}.grow{flex:1}.modal-shell{width:100%;display:flex;justify-content:center}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;max-width:560px;width:calc(100% - 24px);max-height:92vh;overflow:auto;box-shadow:var(--shadow)}.modal.wide,.modal-shell>.wide{max-width:850px}.backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:100;padding:14px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-head h2{margin:0;font-size:20px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.modal-head>button{background:none;border:0;color:var(--muted);font-size:26px}.modal label{display:block;margin:12px 0;color:var(--muted);font-size:13px}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:6px;background:var(--input);border:1px solid var(--line);color:var(--text);padding:11px;border-radius:9px;outline:none}.modal textarea{min-height:80px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.mini-cards>div{background:var(--panel2);padding:14px;border-radius:10px}.mini-cards b,.mini-cards small{display:block}.mini-cards small{color:var(--muted);margin-top:4px}.modal-actions{margin:12px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.detail-grid div{background:var(--panel2);padding:12px;border-radius:9px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:var(--muted);margin-bottom:4px}.timeline{border-left:2px solid #3b82f6;margin:18px 0;padding-left:14px}.timeline div{padding:5px 0}.timeline span{color:var(--muted);margin-left:8px}.profile-menu-corner{width:310px;display:grid;gap:8px}.profile-menu-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.profile-menu-head img,.profile-avatar{width:48px;height:48px;border-radius:50%;background:#263b63;color:#fff}.profile-menu-head h3,.profile-menu-head p{margin:0}.profile-menu-head p{color:var(--muted);font-size:12px;margin-top:3px}.profile-menu-corner button{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;text-align:left}.profile-menu-corner .logout-btn{color:#fb7185}.profile-editor{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-editor img,.profile-editor .profile-placeholder{width:76px;height:76px;border-radius:50%;background:#263b63;color:#fff;object-fit:cover}.upload-btn{display:inline-block!important;background:var(--panel2);border:1px solid var(--line);padding:9px 12px;border-radius:9px;color:var(--text)!important}.upload-btn input{display:none!important}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;padding:0 30px}.settings-grid .panel{margin:0}.settings-form{padding:0 18px 18px}.profile-large{display:flex;align-items:center;gap:14px;padding:20px}.profile-large img,.profile-large .profile-placeholder{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#263b63;color:#fff}.profile-large b,.profile-large small{display:block}.profile-large small{color:var(--muted);margin-top:4px}.hint{color:var(--muted);font-size:12px}.form-section{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:18px;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-title>span{width:30px;height:30px;border-radius:8px;background:#244b8d;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.section-title b,.section-title small{display:block}.section-title small{color:var(--muted);margin-top:2px}.customer-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.input-with-action{display:flex;margin-top:6px}.input-with-action .country{display:grid;place-items:center;background:var(--panel3);border:1px solid var(--line);border-right:0;padding:0 12px;border-radius:9px 0 0 9px}.input-with-action input{border-radius:0;margin:0}.input-with-action button{width:46px;border:1px solid var(--line);background:var(--panel3);color:var(--text);border-radius:0 9px 9px 0}.existing-match,.new-match{margin-top:18px;background:#102b1e;border:1px solid #245e3d;padding:12px;border-radius:10px;display:grid;gap:5px}.existing-match span,.new-match{color:#a7f3d0;font-size:12px}.existing-match button{margin-top:5px;width:max-content}.order-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.icon-danger{background:none;border:0;color:#fb7185;font-size:22px}.item-grid{display:grid;grid-template-columns:2fr .7fr 1fr 1fr;gap:10px}.item-grid label{margin:0}.commission-line{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:12px;align-items:end;margin-top:8px}.commission-line label{margin:0}.segmented{display:flex;margin-top:6px}.segmented button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:9px 11px;font-size:12px}.segmented button:first-child{border-radius:8px 0 0 8px}.segmented button:last-child{border-radius:0 8px 8px 0}.segmented button.active{background:#173a6c;color:#fff;border-color:#2d65b1}.earn-box{background:#102b1e;border:1px solid #245e3d;border-radius:9px;padding:10px}.earn-box small,.earn-box b{display:block}.earn-box small{color:#86efac}.add-product{width:100%;padding:11px;border:1px dashed #45617f;background:transparent;color:#93c5fd;border-radius:10px;font-weight:700}.summary-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.summary-grid>div{background:var(--panel);padding:14px;border-radius:10px}.summary-grid small,.summary-grid b{display:block}.summary-grid small{color:var(--muted);margin-bottom:4px}.payment-proof-box{background:var(--panel);padding:12px;border-radius:10px;margin:12px 0}.payment-proof-box b,.payment-proof-box small{display:block}.payment-proof-box small{color:var(--muted);font-size:11px;margin:5px 0 10px}.proof-preview,.proof-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.proof-preview>div{width:90px}.proof-preview img,.proof-gallery img{width:86px;height:70px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.proof-preview small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-actions{display:flex;gap:8px;justify-content:flex-end}.date-control{display:flex!important;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:5px 8px!important;margin:0!important}.date-control span{font-size:18px}.date-control input{border:0!important;background:transparent!important;margin:0!important;box-shadow:none!important;padding:7px!important}.date-to{color:var(--muted)}.calc-modal{max-width:390px}.calc{width:100%}.calc-sign{height:18px;text-align:right;color:#60a5fa;font-weight:800;font-size:14px}.display{position:relative;text-align:right;background:var(--panel2);border:1px solid var(--line);padding:18px 16px;font-size:38px;line-height:1.15;min-height:78px;overflow:hidden;border-radius:12px;margin-bottom:12px;font-variant-numeric:tabular-nums}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0}.key{height:58px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);font-size:19px;font-weight:700;display:grid;place-items:center}.key:hover{background:var(--panel3)}.key.op{color:#93c5fd;background:#132544}.key.clear{color:#fca5a5}.key:last-child{background:var(--blue);color:#fff;border-color:var(--blue)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:18px;box-shadow:var(--shadow)}.login-card h1{font-size:24px}.login-card p,.login-card small{color:var(--muted)}.login-card label{display:block;color:var(--muted);margin:15px 0}.login-card input{width:100%;margin-top:6px;padding:12px;border-radius:9px;border:1px solid var(--line);background:var(--input);color:var(--text)}.fatal{padding:50px;text-align:center}.error{margin:30px;padding:20px;background:#3b1018;color:#fecdd3;border-radius:10px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:repeat(2,1fr)}.item-grid{grid-template-columns:1fr 90px 1fr 1fr}.commission-line{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{margin-left:0}.hamb{display:block}.page-title{padding:22px 16px 14px}.cards{padding:0 16px 16px}.toolbar,.report-filter{padding:0 16px 14px}.panel{margin:0 16px 16px}.settings-grid{padding:0 16px}.customer-grid{grid-template-columns:1fr}.wa{right:16px;bottom:16px}.two-col,.customer-inline,.summary-grid{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr 90px}.commission-line{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions>*{flex:1}.order-modal{padding:16px}.download-url{max-width:360px}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr}.card{padding:14px}.card b{font-size:20px}.page-title h1{font-size:23px}.toolbar input,.toolbar select,.toolbar .primary,.toolbar .ghost{width:100%}.calc-modal{width:calc(100% - 12px)}.key{height:54px}.display{font-size:32px}.profile-menu-corner{width:100%}.modal{padding:17px}.download-url{max-width:240px}.date-control{width:100%}.date-control input{width:100%}}

.oms-logo{display:block;max-width:200px;max-height:120px;height:auto;object-fit:contain;object-position:left center}.profile-backdrop{align-items:start;justify-content:end;padding:78px 18px 18px}.profile-backdrop .modal-shell{width:auto}.profile-backdrop .profile-menu-corner{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.settings-divider{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.settings-divider h3{font-size:14px;margin:0 0 8px}.logo-setting{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:var(--panel2);padding:12px;border-radius:10px}.logo-setting img,.logo-preview,.logo-placeholder{max-width:110px;max-height:55px;object-fit:contain}.logo-placeholder{display:grid;place-items:center;font-size:24px;font-weight:800}.enq-reply{background:var(--panel2);border:1px solid var(--line);padding:10px;border-radius:8px;color:var(--muted)}.enq .row-actions select{background:var(--input);border:1px solid var(--line);color:var(--text);padding:8px;border-radius:8px}.logo-setting label{margin:0}.settings-form small{display:block;color:var(--muted);margin-top:5px}.profile-menu-corner{max-width:320px}.profile-menu-head{padding:8px 4px 14px}.profile-menu-corner button{min-height:44px}
@media(max-width:520px){.profile-backdrop{padding:74px 10px 10px}.profile-backdrop .profile-menu-corner{width:min(320px,calc(100vw - 20px))}.logo-setting{grid-template-columns:1fr}.oms-logo{max-width:180px}}
.login-logo{display:block;max-width:320px;max-height:120px;width:auto;height:auto;object-fit:contain;margin:0 auto 18px}.mobile-logo{display:none;max-width:140px;max-height:42px;object-fit:contain;margin-left:10px}.wa img{width:28px;height:28px;object-fit:contain}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}.pagination>div{display:flex;gap:6px;align-items:center}.pagination button[disabled]{opacity:.4;pointer-events:none}.page-size{display:flex!important;align-items:center;gap:6px!important;margin:0!important}.page-size select{width:auto!important;margin:0!important}.audit-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 30px 16px}.audit-summary>div{background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:12px}.audit-summary b,.audit-summary small{display:block}.audit-summary small{color:var(--muted);margin-top:3px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:900px}.settings-main .form-section{margin-bottom:16px}.logo-setting{max-width:100%;}.logo-setting img{max-width:320px;max-height:120px}.settings-form .form-section small{line-height:1.45}@media(max-width:900px){.mobile-logo{display:block}.audit-summary{padding:0 16px 16px}.table-wrap table{min-width:850px}}@media(max-width:520px){.login-logo{max-width:280px;max-height:100px}.mobile-logo{max-width:120px;max-height:36px}.pagination{align-items:flex-start;flex-direction:column}.audit-summary{grid-template-columns:1fr}.logo-setting{grid-template-columns:1fr}}
/* V8 final settings polish */
.settings-hero{margin:0 30px 18px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--panel),var(--panel2));display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:var(--shadow)}
.settings-hero h2{margin:4px 0 5px;font-size:22px}.settings-hero p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#60a5fa}.settings-status{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);background:var(--panel2);border-radius:11px;white-space:nowrap}.settings-status b,.settings-status small{display:block}.settings-status small{color:var(--muted);margin-top:2px}.status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.settings-pro{align-items:start}.settings-card{overflow:hidden}.settings-card-head{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),transparent)}.settings-card-head h2{margin:0;font-size:16px}.settings-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.settings-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#173a6c;color:#bfdbfe;font-weight:800;font-size:13px;flex:0 0 auto}.settings-card>.settings-form{padding:18px}.settings-master-form{padding:0!important}.settings-master-form>.settings-grid{padding:0 30px 20px}.settings-master-form label{display:block}.settings-master-form input,.settings-master-form select{width:100%}.settings-callout{border:1px solid var(--line);background:var(--panel2);padding:12px;border-radius:10px;margin:8px 0 14px}.settings-callout b,.settings-callout span{display:block}.settings-callout span{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45}.pro-logo-preview{grid-template-columns:minmax(140px,1fr) minmax(170px,.8fr);min-height:100px}.settings-savebar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);position:sticky;bottom:12px;z-index:4;box-shadow:var(--shadow)}.settings-savebar b,.settings-savebar small{display:block}.settings-savebar small{color:var(--muted);margin-top:3px}.settings-savebar .primary{width:auto;margin:0}.settings-divider{margin-top:20px}
@media(max-width:900px){.settings-hero{margin:0 16px 16px;padding:18px;align-items:flex-start;flex-direction:column}.settings-status{width:100%}.settings-master-form>.settings-grid{padding:0 16px 16px}.settings-savebar{position:static;flex-direction:column;align-items:stretch}.settings-savebar .primary{width:100%}.pro-logo-preview{grid-template-columns:1fr}}
/* V9.1 polish */
.card-click{cursor:pointer;text-align:left;border:1px solid var(--line);font:inherit;color:inherit;width:100%;transition:transform .15s ease,box-shadow .15s ease}.card-click:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.audit-login td{padding-top:7px!important;padding-bottom:7px!important;height:auto!important;line-height:1.25}.audit-login td small{font-size:10px}.audit-login .badge{font-size:10px;padding:3px 7px}
.welcome-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:28px;background:#07162d}.welcome-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(37,99,235,.32),transparent 32%),radial-gradient(circle at 82% 25%,rgba(220,38,38,.28),transparent 30%),radial-gradient(circle at 50% 90%,rgba(22,163,74,.24),transparent 34%)}.welcome-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.orb-blue{width:340px;height:340px;background:#2563eb;left:-120px;top:-120px}.orb-red{width:280px;height:280px;background:#dc2626;right:-90px;top:20%}.orb-green{width:360px;height:360px;background:#16a34a;bottom:-180px;left:40%}.welcome-card{position:relative;z-index:2;width:min(940px,100%);padding:48px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(7,22,45,.82);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.35);text-align:center;color:#fff}.welcome-logo{display:block;max-width:240px;max-height:90px;margin:0 auto 18px;object-fit:contain}.welcome-logo-text{font-size:42px;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.welcome-eyebrow{font-size:11px;letter-spacing:.2em;color:#93c5fd;font-weight:800}.welcome-card h1{font-size:clamp(32px,5vw,54px);margin:12px 0 10px}.welcome-sub{max-width:700px;margin:0 auto;color:#cbd5e1;font-size:16px;line-height:1.7}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.welcome-features>div{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.05);text-align:left}.welcome-features b,.welcome-features span{display:block}.welcome-features b{font-size:16px;margin-bottom:6px}.welcome-features span{color:#cbd5e1;font-size:12px;line-height:1.5}.welcome-login{min-width:230px}.welcome-form{max-width:390px;margin:22px auto 0;text-align:left;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.welcome-form label{display:block;color:#cbd5e1;margin:12px 0}.welcome-form input{width:100%;margin-top:6px;padding:12px;border-radius:9px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff}@media(max-width:700px){.welcome-card{padding:30px 20px}.welcome-features{grid-template-columns:1fr}.welcome-card h1{font-size:32px}}
.notification-button{position:relative}.notification-badge{position:absolute;top:5px;right:5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;line-height:15px;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--panel2)}
.nav-group{margin:8px 10px 14px}.nav-group-title{padding:8px 12px 5px;font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.5}.nav{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;border-radius:10px;padding:10px 12px;margin:2px 0;cursor:pointer}.nav .ico{width:22px;text-align:center;font-size:16px}.nav.active{font-weight:700}.nav:hover{background:rgba(127,127,127,.1)}
.push-install{position:fixed;right:18px;bottom:18px;z-index:90;max-width:340px}
/* V9.3.5 navigation polish */
#side{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#64748b transparent}
#side::-webkit-scrollbar{width:7px}
#side::-webkit-scrollbar-track{background:transparent}
#side::-webkit-scrollbar-thumb{background:#64748b;border-radius:8px}
#side::-webkit-scrollbar-thumb:hover{background:#7b8796}
.nav .ico{color:#a8b2bf;filter:none;text-shadow:none;transition:color .15s ease}
.nav:hover .ico{color:#c0c8d2}
.nav.active .ico{color:#9fb7cf}
.nav-group-title{color:#9aa7b6;opacity:.72}
.commission-limit-hint{display:block!important;color:var(--muted);font-size:10px;margin-top:4px}

/* V9.3.6 matte navigation */
#side{overflow-y:auto;overflow-x:hidden;height:100vh;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4f5f73 transparent}
#side::-webkit-scrollbar{width:8px}#side::-webkit-scrollbar-track{background:transparent}#side::-webkit-scrollbar-thumb{background:#4f5f73;border-radius:8px}#side::-webkit-scrollbar-thumb:hover{background:#617187}
.nav .ico{font-size:16px;font-weight:700;color:#9aa8b8;text-shadow:none;filter:none;transition:color .15s ease}.nav:hover .ico{color:#b8c4d1}.nav.active .ico{color:#d1dae4}
.nav-dashboard .ico{color:#9fb7cf}.nav-orders .ico{color:#9eb7b1}.nav-customers .ico{color:#b0a5c4}.nav-reports .ico{color:#9db6c9}.nav-products .ico{color:#aeb29b}.nav-processing .ico{color:#a7afc2}.nav-processingReport .ico{color:#a9b9a5}.nav-commissions .ico{color:#b5a989}.nav-enquiries .ico{color:#b7a9a0}.nav-agents .ico{color:#a6b2c0}.nav-support .ico{color:#a8b8a8}.nav-settings .ico{color:#aeb5bd}.nav-audit .ico{color:#9eafbf}
.order-id-pill{display:inline-block;background:#3a1020;color:#fca5b5;border:1px solid #5a1a2d;padding:4px 8px;border-radius:999px;font-size:12px}

/* V9.3.8 production polish */
.bulk-bar{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:4px;flex-wrap:wrap}.bulk-bar label{display:flex;align-items:center;gap:7px;margin:0}.bulk-bar span{color:var(--muted);font-size:12px;margin-right:auto}.bulk-bar button{width:auto;margin:0}.satin-whatsapp{background:#1f8a5b!important;border-color:#2c9b6a!important;box-shadow:none!important}.support-order-heading .eyebrow{display:block;margin-bottom:6px}.support-order-heading h2{margin:0 0 5px}.support-order-heading .order-id-pill{font-size:15px;letter-spacing:.02em}.support-order .panel-head{align-items:flex-start}.support-order .detail-grid>div{min-height:62px}.commission-check{accent-color:#6b8da8}.nav .ico{filter:none!important;text-shadow:none!important}

/* V9.4 security + payment polish */
.checkline{display:flex!important;align-items:center;gap:8px;color:var(--text)!important;margin:8px 0!important}.checkline input{width:auto!important;margin:0!important}.block-muted{display:block;color:var(--muted);margin-top:10px;line-height:1.5}.setup-secret{display:block;margin-top:10px;padding:12px;border-radius:9px;background:var(--input);word-break:break-all;color:#93c5fd}.breakall{display:block;word-break:break-all;margin-top:6px}.backup-codes{display:block;white-space:pre-wrap;margin-top:8px;padding:12px;background:var(--input);border-radius:9px;color:#86efac;line-height:1.8}.security-list{margin-top:14px;border-top:1px solid var(--line)}.security-list>div{padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.security-list small{color:var(--muted)}

/* V9.4.1 UX/security refinement */
.order-id-pill{background:#193a67;color:#dbeafe;border-color:#2b5d9d;box-shadow:none}
html[data-theme=light] .green,html[data-theme=light] .earn-box b,html[data-theme=light] #orderCommission{color:var(--text)!important}
html[data-theme=light] .earn-box{background:#f2f6fb;border-color:#d4deea}.earn-box b{color:#4ade80}html[data-theme=light] .earn-box b{color:var(--text)!important}
.support-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.support-compose{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.support-compose label{margin:0!important}.support-compose textarea{min-height:120px}.support-thread{display:grid;gap:7px;margin-top:10px}.support-message{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.support-message>div{display:flex;gap:10px;align-items:center}.support-message small{color:var(--muted)}.support-message p{margin:7px 0 0;white-space:pre-wrap;line-height:1.5}.support-message.from-admin{border-left:3px solid #60a5fa}.support-message.from-support{border-left:3px solid #7c9a88}.admin-compose{background:var(--panel2);padding:12px;border-radius:10px}.cid-hero{margin:0 30px 16px;padding:22px;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--panel),#142644);border:1px solid var(--line);border-radius:16px}.cid-hero-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#1d4478;color:#bfdbfe;font-size:28px;font-weight:800}.cid-hero-copy{flex:1}.cid-hero-copy h2{margin:4px 0}.cid-hero-copy p{margin:0;color:var(--muted)}.cid-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;padding:0 30px;margin-bottom:16px}.cid-grid .panel{margin:0}.cid-request form{padding:0 18px 18px}.cid-request-btn{width:100%;padding:13px}.cid-status-value{display:flex;align-items:center;gap:12px;padding:8px 18px 18px}.cid-status-value b,.cid-status-value small{display:block}.cid-status-value small{color:var(--muted);margin-top:3px}.cid-status-dot{width:11px;height:11px;border-radius:50%;background:#94a3b8}.cid-status-dot.ready{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.1)}.cid-stat{margin:0 18px 18px;padding:14px;background:var(--panel2);border-radius:10px}.cid-stat span,.cid-stat b{display:block}.cid-stat span{color:var(--muted);font-size:12px}.cid-stat b{font-size:28px;margin-top:5px}.welcome-screen:before{background:radial-gradient(circle at 15% 18%,rgba(37,99,235,.38),transparent 30%),radial-gradient(circle at 86% 20%,rgba(220,38,38,.24),transparent 28%),radial-gradient(circle at 52% 92%,rgba(22,163,74,.22),transparent 32%),linear-gradient(135deg,#061329,#0a1c38 55%,#07162b)}.welcome-card{background:linear-gradient(145deg,rgba(8,24,48,.92),rgba(9,27,49,.84));border-color:rgba(147,197,253,.2);box-shadow:0 30px 100px rgba(0,0,0,.42)}.welcome-login{box-shadow:0 10px 28px rgba(59,130,246,.18)}
@media(max-width:900px){.cid-grid{grid-template-columns:1fr;padding:0 16px}.cid-hero{margin:0 16px 16px}.support-actions{justify-content:stretch}.support-actions>*{flex:1;min-width:170px}.cid-hero{align-items:flex-start;flex-wrap:wrap}}

.nav-cid .ico{color:#a6b7c9}

/* V9.4.3 UI/UX correction pass */
.nav .ico{width:24px;height:24px;display:grid;place-items:center;color:#e7edf5!important;opacity:.92}.nav .ico svg{width:18px;height:18px}.nav:hover .ico,.nav.active .ico{color:#f5f8fc!important;opacity:1}.nav{color:#d9e1ea}
.order-id-pill{background:linear-gradient(180deg,#193f70,#15345d)!important;color:#e7f1ff!important;border:1px solid #3971b7!important;box-shadow:0 0 0 1px rgba(79,148,255,.08) inset!important}.customer-location{display:block!important;color:var(--muted)!important;font-size:11px!important;margin-top:3px}
.support-compose{margin-top:18px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important}.support-compose label{display:block!important;color:var(--text)!important;font-weight:600}.support-compose textarea{display:block!important;width:100%!important;min-height:150px!important;padding:14px 16px!important;margin-top:8px!important;background:#fff!important;color:#172033!important;border:1px solid #cbd5e1!important;border-radius:10px!important;line-height:1.55!important;resize:vertical!important;box-sizing:border-box!important}.support-compose textarea::placeholder{color:#64748b!important}.support-actions{margin-top:12px!important;justify-content:flex-start!important}.support-actions button{min-height:42px}
.cid-shell{padding:0 30px 30px}.cid-banner{display:flex;align-items:center;gap:16px;padding:24px 26px;margin-bottom:16px;background:linear-gradient(135deg,#10284b,#0e1c35);border:1px solid #2b4f7d;border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.cid-banner-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:#1e4f8d;color:#f1f5f9;flex:0 0 auto}.cid-banner-icon svg{width:30px;height:30px}.cid-banner h2{margin:4px 0;font-size:25px}.cid-banner p{margin:0;color:#aebed2}.cid-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.cid-main{margin:0!important;overflow:hidden}.cid-tabs{display:flex;gap:5px;padding:8px;background:var(--panel2);border-bottom:1px solid var(--line)}.cid-tabs span{padding:10px 14px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:700}.cid-tabs span.active{background:#244b7b;color:#fff}.cid-form-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 22px 10px}.cid-form-head h2{margin:0 0 5px}.cid-form-head p{margin:0;color:var(--muted);font-size:13px}.cid-points{min-width:95px;text-align:center;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.cid-points small,.cid-points b{display:block}.cid-points small{color:var(--muted)}.cid-points b{font-size:25px;color:#f8fafc}.cid-main form{padding:8px 22px 22px}.cid-main textarea{min-height:120px;background:var(--input);font-family:inherit;line-height:1.5}.cid-hint{display:block;color:var(--muted);margin:7px 0 14px}.cid-generate{width:auto;min-width:190px;padding:12px 20px}.cid-generate span{margin-left:8px}.cid-side{display:grid;align-content:start;gap:10px}.cid-side-card{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.cid-side-icon{width:32px;height:32px;border-radius:9px;background:#183d6c;color:#f1f5f9;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.cid-side-card b,.cid-side-card small{display:block}.cid-side-card small{color:var(--muted);margin-top:4px;line-height:1.45}.cid-history{margin:16px 0 0!important}.cid-history code{color:#bcd7f7}
.audit-login,.audit-login tbody,.audit-login tr{height:auto!important}.audit-login td{height:auto!important;min-height:0!important;vertical-align:middle!important;padding:10px 12px!important;white-space:normal!important}.audit-login td:nth-child(3){width:110px!important;max-width:110px!important}.audit-login .badge{display:inline-flex!important;white-space:nowrap!important}.topbar{border-bottom:1px solid var(--line)!important;box-shadow:none!important}.topbar:after,.topbar .vertical-separator,.topbar .header-separator{display:none!important}
@media(max-width:900px){.cid-shell{padding:0 16px 20px}.cid-workspace{grid-template-columns:1fr}.cid-side{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.cid-side{grid-template-columns:1fr}.cid-form-head{align-items:flex-start;flex-direction:column}.cid-generate{width:100%}.support-actions button{width:100%}}

[data-theme='light'] .green,[data-theme='light'] .commission-value,[data-theme='light'] #orderCommission{color:#111827!important}

/* V9.4.5 homepage / login polish */
.homepage{background:#050b18;isolation:isolate}
.homepage:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,rgba(59,130,246,.08),transparent 35%,rgba(124,58,237,.08) 70%,transparent);pointer-events:none}
.welcome-grid{position:absolute;inset:0;z-index:0;opacity:.28;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,#000 0%,transparent 78%)}
.homepage .orb-blue{width:420px;height:420px;left:-170px;top:-150px;background:#2563eb;opacity:.32;filter:blur(28px)}
.homepage .orb-violet{position:absolute;width:380px;height:380px;right:-150px;top:8%;background:#7c3aed;opacity:.24;filter:blur(35px)}
.homepage .orb-green{width:430px;height:430px;bottom:-250px;left:38%;background:#059669;opacity:.18;filter:blur(35px)}
.homepage .welcome-card{width:min(1040px,calc(100% - 32px));padding:54px 58px 42px;border-radius:30px;background:linear-gradient(145deg,rgba(10,24,48,.94),rgba(7,18,36,.88));border:1px solid rgba(148,163,184,.2);box-shadow:0 35px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px)}
.homepage .welcome-logo-text{font-size:40px;letter-spacing:.16em;margin-bottom:10px}
.homepage .welcome-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(96,165,250,.2);border-radius:999px;background:rgba(59,130,246,.08);font-size:10px}
.homepage .welcome-card h1{font-size:clamp(38px,5.4vw,62px);line-height:1.05;letter-spacing:-1.8px;margin:18px 0 14px}
.homepage .welcome-sub{font-size:17px;max-width:760px;color:#aebdd1}
.homepage .welcome-features{margin:36px 0 28px;grid-template-columns:repeat(3,1fr);gap:16px}
.homepage .welcome-features>div{min-height:130px;padding:20px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.14);border-radius:17px;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.homepage .welcome-features i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#173968;color:#93c5fd;font-size:10px;font-style:normal;font-weight:800;margin-bottom:15px}
.homepage .welcome-features b{font-size:16px;margin-bottom:7px}
.homepage .welcome-features span{font-size:12px;color:#9eacc0;line-height:1.55}
.homepage .welcome-login{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:245px;padding:14px 20px;border-radius:11px;box-shadow:0 10px 30px rgba(59,130,246,.22);transition:transform .15s,box-shadow .15s}
.homepage .welcome-login:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(59,130,246,.3)}
.login-arrow{font-size:20px;line-height:1}
.welcome-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px;color:#718198;font-size:11px}
.welcome-trust span:first-child{color:#8ca9c9}
.welcome-form{max-width:430px;margin:26px auto 0;padding:24px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(4,12,25,.72);text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.welcome-form-title{font-size:17px;font-weight:800;margin-bottom:4px;color:#f8fafc}
.welcome-form label{color:#aebbd0;margin:14px 0}
.welcome-form input{background:#0b172a;border:1px solid #263852;border-radius:10px;padding:13px 14px;color:#fff}
.welcome-form input:focus{border-color:#4f8df7;box-shadow:0 0 0 3px rgba(59,130,246,.13)}
.welcome-form .settings-callout{margin-bottom:14px}
.fatal{min-height:100vh;display:grid;place-items:center;padding:24px;background:#050b18}
.fatal-card{width:min(520px,100%);padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--panel);text-align:center;box-shadow:var(--shadow)}
.fatal-card h2{margin:12px 0 8px}.fatal-card p{color:var(--muted);line-height:1.6}
@media(max-width:760px){.homepage .welcome-card{padding:38px 22px 30px}.homepage .welcome-features{grid-template-columns:1fr}.homepage .welcome-card h1{font-size:36px;letter-spacing:-1px}.welcome-trust{gap:10px}.welcome-trust span{width:100%}}

/* V9.4.5 production polish */
header{border-bottom:1px solid var(--line)!important;box-shadow:0 1px 0 rgba(255,255,255,.015)}
.shell>aside{border-right:1px solid var(--line)!important}
.brand{border-bottom:0!important}
.nav .ico{color:#e7edf5!important}.nav:hover .ico,.nav.active .ico{color:#f7fafc!important}
.order-id-pill{background:linear-gradient(180deg,#1d4f87,#173c68)!important;border-color:#3b82c4!important;color:#edf6ff!important}
.pagination{padding:16px 28px 18px 18px!important;margin-right:12px!important;display:flex;justify-content:space-between;align-items:center;gap:16px}
.pagination>div{display:flex;gap:8px;margin-right:8px}
.audit-login,.audit-login tbody,.audit-login tr{height:auto!important}.audit-login td{height:auto!important;min-height:0!important;padding:11px 14px!important;line-height:1.35!important;vertical-align:middle!important}
.audit-login td:nth-child(3){width:auto!important;max-width:none!important}.audit-login .badge{display:inline-flex!important}
.support-thread{display:grid;gap:10px;margin-bottom:4px}.support-message{padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.support-message>div{display:flex;align-items:center;gap:9px}.support-message>div small{margin-left:auto;color:var(--muted)}.support-message p{margin:9px 0 0;white-space:pre-wrap;line-height:1.55;color:var(--text)}
.support-compose{margin:18px 0 0!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--panel2)!important}.support-compose label{display:block!important;color:var(--text)!important;font-weight:700!important}.support-compose textarea,.admin-compose textarea{display:block!important;width:100%!important;min-height:170px!important;padding:16px 17px!important;margin-top:9px!important;background:#fff!important;color:#172033!important;border:1px solid #cbd5e1!important;border-radius:12px!important;line-height:1.6!important;resize:vertical!important;box-sizing:border-box!important;font-size:14px!important}.support-compose textarea::placeholder,.admin-compose textarea::placeholder{color:#64748b!important}.support-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px!important;align-items:center}.support-actions button{min-height:44px!important}.admin-compose{margin-top:18px!important}.admin-compose .primary{margin-top:10px}
.cid-rival{padding:0 30px 30px}.cid-balance{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:16px;background:#effcf3;border:1px solid #b7e8c7;border-radius:14px;color:#116b3a}.cid-balance-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f7b93c;color:#fff;font-weight:900;box-shadow:inset 0 0 0 3px #f6c65f}.cid-balance b,.cid-balance span{display:block}.cid-balance span{font-size:12px;margin-top:3px;color:#2b7d52}.cid-balance strong{margin-left:auto;min-width:52px;height:48px;border:2px solid #ef4444;border-radius:10px;display:grid;place-items:center;color:#dc2626;background:#fff;font-size:20px}.cid-rival-card{background:#f8fafc;border:1px solid #dbe2ec;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.08)}.cid-rival-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#eef2f7;padding:8px}.cid-rival-tabs button{border:0;background:#fff;color:#1e293b;border-radius:8px;padding:12px 15px;font-weight:800}.cid-rival-tabs button+button{background:transparent;color:#475569}.cid-rival-tabs small{font-weight:600;color:#64748b}.cid-rival-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:28px 24px}.cid-rival-form{color:#172033}.cid-rival-form label{display:block;font-weight:700;margin:0 0 8px}.cid-rival-form textarea{width:100%;min-height:140px;background:#fff!important;color:#334155!important;border:1px solid #cbd5e1!important;border-radius:10px!important;padding:14px 16px!important;line-height:1.55}.cid-rival-form>small{display:block;color:#94a3b8;margin:8px 0 14px}.cid-rival-generate{min-width:185px}.cid-rival-generate:disabled{opacity:.55}.cid-rival-info{display:grid;gap:10px;align-content:start}.cid-rival-info>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:start;padding:14px;background:#eef2f7;border:1px solid #d9e1eb;border-radius:11px;color:#172033}.cid-rival-info .cid-info-icon{grid-row:span 2;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#dceafe;color:#1d4f87;font-weight:900}.cid-rival-info b{font-size:13px}.cid-rival-info small{color:#64748b;line-height:1.45;margin-top:3px}.cid-howto{margin-top:16px;padding:20px 22px;background:#f8fafc;border:1px solid #dbe2ec;border-radius:14px;color:#334155}.cid-howto h3{margin:0 0 10px;color:#172033}.cid-howto p{margin:7px 0;font-size:13px;line-height:1.5}.cid-tip{margin-top:14px;padding:11px 13px;background:#eef2ff;border-radius:8px;color:#4338ca;font-size:12px}.cid-upload-preview{display:flex;align-items:center;gap:10px;margin:10px 0;padding:9px;background:#eef2f7;border:1px solid #dbe2ec;border-radius:9px;color:#475569}.cid-upload-preview img{width:64px;height:44px;object-fit:cover;border-radius:6px}.cid-history{margin-top:16px!important}
.homepage .welcome-logo{max-width:220px;max-height:72px;object-fit:contain;margin:0 auto 12px;display:block}.homepage-footer{margin-top:22px;color:#64748b;font-size:11px;text-align:center}.welcome-form .setup-secret,.welcome-form .backup-codes{display:block;white-space:pre-wrap;word-break:break-word}.customer-label{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize;background:var(--panel3);color:var(--muted);border:1px solid var(--line)}.label-vip{color:#fbbf24;background:#30250a;border-color:#6b4b0b}.label-frequent{color:#60a5fa;background:#102a4b;border-color:#244f7f}.label-wholesale{color:#a78bfa;background:#24194a;border-color:#4c3b8a}.label-new{color:#34d399;background:#0b3024;border-color:#1b644d}.label-inactive{color:#94a3b8;background:#1f2937}.label-regular{color:#cbd5e1}
.homepage-branding{margin-top:18px}.logo-preview{max-width:220px;max-height:80px;object-fit:contain}.commission-value{font-weight:700}.settings-callout{line-height:1.5}
[data-theme='light'] .green,[data-theme='light'] .commission-value,[data-theme='light'] #orderCommission{color:#111827!important}
[data-theme='light'] .cid-rival-card,[data-theme='light'] .cid-howto{box-shadow:0 8px 24px rgba(15,23,42,.06)}
@media(max-width:1000px){.cid-rival-body{grid-template-columns:1fr}.cid-rival-info{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.cid-rival{padding:0 16px 20px}.cid-rival-tabs{grid-template-columns:1fr}.cid-rival-body{padding:20px 16px}.cid-rival-info{grid-template-columns:1fr}.cid-balance{align-items:flex-start}.pagination{margin-right:0!important;padding-right:18px!important}.support-actions{display:grid;grid-template-columns:1fr}.support-actions button{width:100%}}
aside{overflow-y:auto;overflow-x:hidden}header{width:100%}.shell{position:relative}.shell>aside{top:0}.shell main{position:relative}

/* V9.4.6 shell boundary polish */
.shell>aside{border-right:0!important;box-shadow:none!important}
.shell>aside::after{content:"";position:fixed;left:0;top:69px;width:238px;border-top:1px solid var(--line);pointer-events:none}
.support-compose textarea,.admin-compose textarea{background:var(--input)!important;color:var(--text)!important;border:1px solid var(--line)!important;min-height:145px!important;padding:15px 16px!important;border-radius:12px!important;line-height:1.6!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)!important}
.support-compose textarea:focus,.admin-compose textarea:focus{border-color:#5b8def!important;box-shadow:0 0 0 3px #3b82f61c!important}
.support-compose textarea::placeholder,.admin-compose textarea::placeholder{color:var(--muted)!important}
.pagination{padding-right:36px!important;margin-right:26px!important}
.homepage-bg-preview{width:100%;max-height:180px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.cid-rival-body{display:block!important}.cid-rival-info{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.cid-rival-info>div{min-height:86px}.cid-rival-form textarea{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important;font-family:inherit!important}.cid-rival-card{background:var(--panel)!important;border-color:var(--line)!important}.cid-rival-tabs{background:var(--panel2)!important}.cid-rival-tabs button{background:var(--panel)!important;color:var(--text)!important}.cid-rival-tabs button+button{background:transparent!important;color:var(--muted)!important}.cid-rival-info>div{background:var(--panel2)!important;border-color:var(--line)!important;color:var(--text)!important}.cid-rival-info small{color:var(--muted)!important}.cid-howto{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.cid-howto h3{color:var(--text)!important}
@media(max-width:800px){.cid-rival-info{grid-template-columns:1fr}.shell>aside::after{width:238px}}

/* V9.4.8 audit/login row hardening */
.audit-login td{height:42px!important;min-height:42px!important;max-height:42px!important;padding:8px 12px!important;line-height:1.2!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.audit-login td:nth-child(1){width:185px}.audit-login td:nth-child(2){width:180px}.audit-login td:nth-child(3){width:110px}.audit-login td:nth-child(4){width:110px}.audit-login td:nth-child(5){max-width:280px}.audit-login .badge{display:inline-flex!important;align-items:center!important;line-height:1!important;white-space:nowrap!important}.audit-login td small{display:inline!important;margin:0!important}

/* V9.4.9 root fixes: deterministic location binding + compact audit rows */
.audit-table table{table-layout:fixed;min-width:900px}
.audit-table th:nth-child(1),.audit-table td:nth-child(1){width:185px}
.audit-table th:nth-child(2),.audit-table td:nth-child(2){width:180px}
.audit-table th:nth-child(3),.audit-table td:nth-child(3){width:110px}
.audit-table th:nth-child(4),.audit-table td:nth-child(4){width:110px}
.audit-table th:nth-child(5),.audit-table td:nth-child(5){width:auto}
.audit-table .audit-login td{height:44px!important;min-height:44px!important;max-height:44px!important;padding:8px 12px!important;line-height:1.2!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.audit-table .audit-login td small{display:inline!important;margin:0!important}
.audit-table .audit-login .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important;max-width:100%!important}
.audit-table .audit-details{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* V9.4.10 audit login hardening: force compact single-line login events */
.audit-table table tbody tr.audit-login{height:44px!important;}
.audit-table table tbody tr.audit-login td{height:44px!important;min-height:44px!important;max-height:44px!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.audit-table table tbody tr.audit-login td *{max-height:24px!important;line-height:1.2!important;vertical-align:middle!important;}
.audit-table table tbody tr.audit-login .badge{height:22px!important;min-height:22px!important;padding:3px 7px!important;display:inline-flex!important;align-items:center!important;}
.audit-table table tbody tr.audit-login td.audit-details{display:table-cell!important;}

.link-button{background:none;border:0;color:#60a5fa;padding:0;font:inherit;text-align:left;cursor:pointer}.link-button:hover{text-decoration:underline}.badge.refunded{color:#fca5a5;background:#3b1820}.badge.closed{color:#c4b5fd;background:#241b3f}.edit-item-row{border:1px solid var(--line);background:var(--panel2);padding:12px;border-radius:10px;margin:10px 0}.edit-item-row .two-col{margin-top:4px}

/* OMS V9.4.12 customization editor */
.customization-preview-box{margin-top:14px;min-height:100px;padding:18px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--panel,#fff);overflow:auto}
.custom-preview-canvas{min-height:70px}
.customization-card textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;resize:vertical;background:#fff;color:#172033;border:1px solid #d9dee8;border-radius:12px;padding:14px}
.customization-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:14px 16px;border:1px solid var(--border,#e5e7eb);border-radius:12px}
.customization-preview small{display:block;opacity:.7;margin-top:3px}

/* V9.4.13 targeted fixes */
html[data-theme=light] body,html[data-theme=light] .shell,html[data-theme=light] main{color:var(--text)}
html[data-theme=light] .card,html[data-theme=light] .panel,html[data-theme=light] .modal,html[data-theme=light] table,html[data-theme=light] td,html[data-theme=light] th,html[data-theme=light] label,html[data-theme=light] p,html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4,html[data-theme=light] b,html[data-theme=light] strong{color:var(--text)}
html[data-theme=light] small,html[data-theme=light] .muted{color:var(--muted)}
.order-id-link{padding:0!important;background:transparent!important;border:0!important;color:var(--blue)!important;font-weight:800!important;cursor:pointer!important;text-decoration:none!important}
.order-id-link:hover{text-decoration:underline!important}

/* OMS V9.4.18 — light-mode typography hardening */
html[data-theme="light"] .nav,
html[data-theme="light"] .nav-group-title,
html[data-theme="light"] .nav .ico,
html[data-theme="light"] .page-title h1,
html[data-theme="light"] .page-title p,
html[data-theme="light"] .panel,
html[data-theme="light"] .panel h1,
html[data-theme="light"] .panel h2,
html[data-theme="light"] .panel h3,
html[data-theme="light"] .panel h4,
html[data-theme="light"] .panel p,
html[data-theme="light"] .panel b,
html[data-theme="light"] .panel label,
html[data-theme="light"] .card,
html[data-theme="light"] .card b,
html[data-theme="light"] .card span,
html[data-theme="light"] .card small,
html[data-theme="light"] td,
html[data-theme="light"] th,
html[data-theme="light"] .toolbar,
html[data-theme="light"] .toolbar label,
html[data-theme="light"] .form-section,
html[data-theme="light"] .settings-divider,
html[data-theme="light"] .support-message,
html[data-theme="light"] .support-message b,
html[data-theme="light"] .support-message p,
html[data-theme="light"] .support-ticket-card,
html[data-theme="light"] .support-ticket-card p {
  color:var(--text)!important;
}
html[data-theme="light"] .nav:hover,
html[data-theme="light"] .nav.active { color:var(--text)!important; }
html[data-theme="light"] .nav .ico,
html[data-theme="light"] .nav:hover .ico,
html[data-theme="light"] .nav.active .ico { color:var(--text)!important; }
html[data-theme="light"] .nav-group-title { color:var(--muted)!important; }
html[data-theme="light"] .panel small,
html[data-theme="light"] .card small,
html[data-theme="light"] td small,
html[data-theme="light"] .support-message small,
html[data-theme="light"] .hint { color:var(--muted)!important; }

/* Support workflow hardening */
.close-ticket-btn{background:#b91c1c!important;color:#fff!important;border:1px solid #dc2626!important;padding:10px 14px!important;border-radius:9px!important;font-weight:800!important;min-height:44px!important}
.close-ticket-btn:hover{background:#991b1b!important}
.closed-ticket-note{margin-top:14px;padding:12px 14px;border:1px solid #dc2626;background:rgba(185,28,28,.10);color:#dc2626;border-radius:10px;font-weight:700}
html[data-theme="dark"] .closed-ticket-note{color:#fca5a5;background:rgba(127,29,29,.18)}
.support-message.from-admin{border-left-color:#3b82f6!important}
.support-message.from-support{border-left-color:#22c55e!important}
.order-id-link{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 9px!important;border:1px solid color-mix(in srgb,var(--blue) 45%, transparent)!important;border-radius:7px!important;background:color-mix(in srgb,var(--blue) 9%, transparent)!important;color:var(--blue)!important;font-weight:800!important}
.order-id-link:hover{background:color-mix(in srgb,var(--blue) 16%, transparent)!important;text-decoration:none!important}

/* OMS V9.4.15 — final support workspace + light theme contract */
html[data-theme="light"] body,html[data-theme="light"] .shell,html[data-theme="light"] main,html[data-theme="light"] aside,html[data-theme="light"] header,html[data-theme="light"] .nav,html[data-theme="light"] .nav .ico,html[data-theme="light"] .nav-group-title,html[data-theme="light"] .page-title,html[data-theme="light"] .page-title h1,html[data-theme="light"] .page-title p,html[data-theme="light"] .panel,html[data-theme="light"] .panel-head,html[data-theme="light"] .panel-head h2,html[data-theme="light"] .card,html[data-theme="light"] .card span,html[data-theme="light"] .card b,html[data-theme="light"] .toolbar,html[data-theme="light"] .toolbar label,html[data-theme="light"] td,html[data-theme="light"] th,html[data-theme="light"] label,html[data-theme="light"] p,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] b,html[data-theme="light"] strong,html[data-theme="light"] .support-ticket-card,html[data-theme="light"] .support-message,html[data-theme="light"] .support-message p,html[data-theme="light"] .support-message b,html[data-theme="light"] .link-button,html[data-theme="light"] .order-id-link{color:var(--text)!important}
html[data-theme="light"] .card small,html[data-theme="light"] td small,html[data-theme="light"] .panel small,html[data-theme="light"] .toolbar small,html[data-theme="light"] .support-message small,html[data-theme="light"] .support-ticket-card small,html[data-theme="light"] .hint,html[data-theme="light"] .muted{color:var(--muted)!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color:var(--text)!important;background:var(--input)!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#475569!important;opacity:1}
.support-order .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-order .support-thread{display:grid;gap:10px;margin:12px 0}.support-order .support-message{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.support-order .support-message.from-admin{border-left:3px solid #60a5fa}.support-order .support-message.from-support{border-left:3px solid #34d399}.support-order .support-message>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.support-order .support-message p{margin:7px 0 0;white-space:pre-wrap}@media(max-width:900px){.support-order .detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.support-order .detail-grid{grid-template-columns:1fr}}