:root{color-scheme:dark;--bg:#050c18;--panel:#0a1729;--panel2:#0d1d33;--line:#20334e;--text:#f3f6fc;--muted:#92a2bb;--blue:#1265ef;--cyan:#43a2ff;--green:#27cf9b;--red:#ff647e;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 60%,#09224b 0,transparent 44%),linear-gradient(110deg,#050c1a,#061329 56%,#071226);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{display:grid;grid-template-columns:1.06fr .94fr;min-height:100vh;max-width:1700px;margin:auto}.brand-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px clamp(25px,6vw,95px) 28px;overflow:hidden}.brand-side:before{content:"";position:absolute;width:520px;height:520px;left:-220px;top:18%;border-radius:50%;background:#0863ff12;filter:blur(12px);pointer-events:none}.brand-lockup{position:relative;width:min(100%,590px);text-align:center}.brand-lockup img{width:min(100%,540px);height:250px;object-fit:contain;mix-blend-mode:screen}.brand-lockup span{display:block;margin-top:-10px;color:#a9c2e8;font-size:12px;letter-spacing:5px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:min(100%,610px);margin:36px 0 25px}.feature-row div{display:grid;justify-items:center;gap:10px;color:#dce8f9;text-align:center;font-size:10px;letter-spacing:.4px;line-height:1.45}.feature-row b{display:grid;width:54px;height:54px;place-items:center;border:1px solid #1e5b9e;border-radius:50%;background:linear-gradient(145deg,#0b2a50,#081a32);color:#8fc0ff;font-size:23px;box-shadow:0 0 25px #0873ff1b}.mall-showcase{position:relative;width:min(100%,700px);min-height:255px;margin-top:auto;padding:19px 36px 18px;border:1px solid #28476d;border-radius:18px;background:linear-gradient(145deg,#0b1b31dd,#091529ef);box-shadow:0 18px 55px #0007;text-align:center}.showcase-head{display:flex;justify-content:space-between;color:#8196b6;font-size:9px;letter-spacing:1.3px}.mall-slide{display:grid;min-height:180px;place-items:center;padding:15px 25px}.mall-logo-card{display:grid;justify-items:center;gap:9px;animation:slideIn .35s ease-out}.mall-logo-card img{width:min(100%,380px);height:150px;object-fit:contain;border-radius:9px;background:#fff}.mall-logo-card strong{font-size:13px;letter-spacing:.5px}.mall-logo-card small{color:var(--muted)}.slide-empty{color:#91a4bf;font-size:12px}.slide-arrow{position:absolute;top:53%;z-index:2;display:grid;width:32px;height:32px;place-items:center;border:1px solid #294566;border-radius:50%;background:#0b1d34;color:#d8e9ff;font-size:23px}.slide-arrow:disabled{opacity:.35;cursor:default}.slide-arrow.prev{left:14px}.slide-arrow.next{right:14px}.slide-dots{display:flex;justify-content:center;gap:7px}.slide-dot{width:6px;height:6px;padding:0;border:0;border-radius:8px;background:#385578}.slide-dot.active{width:20px;background:var(--blue)}.brand-footer{margin-top:18px;color:#7185a5;font-size:10px}.brand-footer span{padding:0 8px;color:#3179dd}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:35px clamp(20px,5vw,82px);border-left:1px solid #1b2c45;background:linear-gradient(120deg,#08152ae8,#061126f7)}.login-card{position:relative;width:min(100%,540px);padding:45px 42px 35px;border:1px solid #2a4364;border-radius:20px;background:linear-gradient(155deg,#0b1b31,#071329);box-shadow:0 30px 90px #0008}.login-language{position:absolute;top:22px;right:23px;color:#9db1ce;font-size:14px}.login-language span{padding:0 7px}.eyebrow{margin:26px 0 9px;color:#5799f4;font-size:9px;font-weight:700;letter-spacing:2px}.login-card h1{margin:0;text-align:center;font-size:29px;letter-spacing:-.5px}.login-card>.muted{margin:8px 0 30px;text-align:center;color:#9baac0;font-size:13px}.field{display:flex;align-items:center;gap:13px;height:57px;margin:0 0 15px;padding:0 15px;border:1px solid #304664;border-radius:10px;background:#08162a;color:#93a8c5}.field:focus-within{border-color:#4287e9;box-shadow:0 0 0 3px #1558b326}.field>span{font-size:18px}.field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.field input::placeholder{color:#7789a4}.field button{border:0;background:transparent;color:#91a5c3}.login-options{display:flex;justify-content:space-between;align-items:center;margin:13px 0 17px;color:#aab8cc;font-size:11px}.login-options label{display:flex;align-items:center;gap:7px}.login-options input{accent-color:var(--blue)}.login-options button{border:0;background:none;color:#51a0ff;font-size:11px}.primary-button{display:flex;justify-content:center;align-items:center;gap:15px;min-height:51px;padding:0 17px;border:0;border-radius:9px;background:linear-gradient(100deg,#1465f5,#034ad2);color:#fff;font-weight:700;letter-spacing:.6px;box-shadow:0 7px 20px #0053ec3d}.primary-button:hover{filter:brightness(1.09)}.login-button{width:100%;margin-top:3px}.login-button b{margin-left:auto;font-size:20px}.message{min-height:17px;margin:0 0 5px;color:#ff8b9b;font-size:11px}.security-note{display:flex;justify-content:center;gap:9px;margin:26px 0 0;color:#7890b2;font-size:10px}.page-footer{display:flex;justify-content:space-between;width:min(100%,540px);margin-top:25px;color:#6c7d97;font-size:10px}.page-footer span{color:#4b91f6}.app-shell{min-height:100vh;background:#060e1b}.app-topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;height:66px;padding:0 28px;border-bottom:1px solid #1d2d43;background:#071326ee;backdrop-filter:blur(15px)}.app-brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.app-brand img{width:38px;height:38px;object-fit:contain;border-radius:7px}.app-brand small{display:block;margin-top:3px;color:#8194b0;font-size:9px;font-weight:400}.top-user{display:flex;align-items:center;gap:14px;color:#dfe8f4;font-size:12px}.top-user small{display:block;margin-top:3px;color:#8294ad;font-size:9px}.outline-button,.small-button{min-height:34px;padding:0 12px;border:1px solid #2a4566;border-radius:8px;background:#0b1b30;color:#d9e7f7;font-size:11px}.app-layout{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 66px)}.sidebar{position:sticky;top:66px;height:calc(100vh - 66px);display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid #1a2a40;background:#071224}.workspace{padding:12px;border:1px solid #203651;border-radius:10px;background:#0b1b2e}.workspace small{display:block;color:#7288a8;font-size:8px;letter-spacing:1.2px}.workspace strong{display:block;margin-top:8px;font-size:12px}.workspace span{display:block;margin-top:5px;color:#8598b4;font-size:10px}.nav-title{margin:24px 10px 9px;color:#70839e;font-size:8px;letter-spacing:1.2px}.nav-item{width:100%;min-height:38px;margin:2px 0;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#afbed1;text-align:left;font-size:11px}.nav-item:hover,.nav-item.active{background:#10294a;color:#fff}.nav-item.active{box-shadow:inset 2px 0 #2580ff}.sidebar-bottom{margin-top:auto;padding:12px 9px;color:#768aa8;font-size:9px;line-height:1.6}.main-content{min-width:0;padding:24px clamp(16px,3vw,40px) 30px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.page-heading .eyebrow{margin:0 0 7px}.page-heading h1{margin:0;font-size:23px;letter-spacing:-.4px}.page-heading p{margin:7px 0 0;color:#8a9cb5;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:17px}.stat-card,.panel{border:1px solid #20334c;border-radius:12px;background:linear-gradient(145deg,#0c1b2e,#091526);box-shadow:0 8px 25px #01081225}.stat-card{display:flex;align-items:center;gap:11px;min-height:82px;padding:13px}.stat-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #2a5a95;border-radius:10px;background:#102849;color:#85baff;font-size:14px}.stat-card small{display:block;margin-bottom:5px;color:#8ea0b8;font-size:9px}.stat-card strong{font-size:17px}.panel{margin-bottom:15px;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.panel-head h2{margin:0;font-size:14px}.panel-head p{margin:5px 0 0;color:#8294ae;font-size:10px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;color:#bac8db;font-size:10px;text-align:left}.data-table th{padding:10px;border-bottom:1px solid #243851;color:#8498b3;font-size:8px;letter-spacing:.5px;text-transform:uppercase}.data-table td{padding:11px 10px;border-bottom:1px solid #1c2c41}.data-table tr:last-child td{border-bottom:0}.empty-row{padding:22px!important;color:#8092aa;text-align:center}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #2c4966;border-radius:20px;font-size:9px}.status.green{border-color:#1e725f;background:#0d342c;color:#62ddb1}.status.red{border-color:#783044;background:#371623;color:#ff91a3}.status.yellow{border-color:#80652b;background:#33280f;color:#f2ca69}.mall-name{display:flex;align-items:center;gap:8px}.mall-name img{width:34px;height:25px;object-fit:contain;border-radius:4px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label,.revenue-form label,.password-form label{display:grid;gap:6px;color:#a7b7cb;font-size:10px}.form-grid input,.form-grid select,.revenue-form input,.password-form input{width:100%;min-height:38px;padding:8px 10px;border:1px solid #2a405c;border-radius:7px;outline:none;background:#071427;color:#e8f0fa;font-size:11px}.form-grid input:focus,.revenue-form input:focus,.password-form input:focus{border-color:#3888f4}.form-help{margin:11px 0;color:#8294ad;font-size:9px;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:13px}.form-message{margin-right:auto;color:#ff9aa8;font-size:10px}.revenue-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.revenue-form .wide{grid-column:1/-1}.revenue-form input[type=file]{padding:7px}.revenue-status{display:flex;align-items:center;gap:9px;padding:12px 13px;margin-bottom:13px;border:1px solid #1f705e;border-radius:9px;background:#0b2c27;color:#71e0bb;font-size:11px}.revenue-status.missing{border-color:#803247;background:#301723;color:#ff91a4}.revenue-status i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.revenue-status strong{font-size:11px}.logo-link{color:#76b5ff;text-decoration:none}.logo-link:hover{text-decoration:underline}.footer{margin-top:20px;color:#6e829e;font-size:9px}.toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:360px;padding:12px 15px;border:1px solid #2b527e;border-radius:9px;background:#102844;color:#e8f3ff;font-size:11px;box-shadow:0 14px 35px #0008;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.error-state{padding:28px;border:1px solid #713448;border-radius:12px;background:#271622;color:#f7b0bb}.password-panel{max-width:500px;margin:12vh auto}.permission-note{padding:14px;border:1px solid #2a415d;border-radius:9px;background:#0a192b;color:#93a6c0;font-size:11px;line-height:1.6}@keyframes slideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-shell{grid-template-columns:1fr .9fr}.brand-side{padding-inline:28px}.login-card{padding-inline:28px}}@media(max-width:780px){.login-shell{display:flex;flex-direction:column}.brand-side{min-height:54vh;padding:25px 18px 18px}.brand-lockup img{height:170px}.brand-lockup span{font-size:9px;letter-spacing:3px}.feature-row{margin:20px 0;gap:8px}.feature-row b{width:42px;height:42px;font-size:18px}.feature-row div{font-size:8px}.mall-showcase{min-height:205px;padding:14px 30px}.mall-slide{min-height:135px}.mall-logo-card img{height:115px}.brand-footer{font-size:8px}.login-side{min-height:0;padding:18px 16px 25px;border:0}.login-card{padding:37px 22px 25px}.login-card h1{font-size:24px}.page-footer{font-size:8px}.app-topbar{height:58px;padding:0 12px}.app-layout{display:block}.sidebar{position:static;width:100%;height:auto;padding:8px 10px;border-right:0;border-bottom:1px solid #1b2d44}.workspace,.sidebar-bottom,.nav-title{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px}.nav-item{width:auto;min-width:max-content;min-height:34px;margin:0;padding:0 9px;font-size:9px}.main-content{padding:16px 11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:70px;padding:10px;gap:8px}.stat-card strong{font-size:14px}.form-grid,.revenue-form{grid-template-columns:1fr}.revenue-form .wide{grid-column:auto}.page-heading h1{font-size:19px}.panel{padding:12px}.top-user{gap:8px}.top-user small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Operational modules and roster / approval tables */
.empty-state{display:grid;justify-items:center;gap:7px;padding:34px 18px;color:#95a8c3;text-align:center}
.empty-state>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid #28527f;border-radius:14px;background:#0e2947;color:#79b8ff;font-size:20px}
.empty-state strong{color:#dce8f7;font-size:12px}
.empty-state p{max-width:460px;margin:0;color:#8094b0;font-size:10px;line-height:1.6}
.subpanel{margin:0 0 15px;background:linear-gradient(145deg,#0c1b2e,#0a1728)}
.table-sub{display:block;margin-top:4px;color:#8295b0;font-size:9px}
.form-grid textarea{width:100%;padding:9px 10px;border:1px solid #2a405c;border-radius:7px;outline:none;background:#071427;color:#e8f0fa;font:inherit;font-size:11px;resize:vertical}
.form-grid textarea:focus{border-color:#3888f4}
.schedule-period{max-width:650px;margin-bottom:14px}
.schedule-table{min-width:820px}
.schedule-table input:not([type=checkbox]),.schedule-table select{width:100%;min-width:95px;min-height:34px;padding:6px 8px;border:1px solid #29415e;border-radius:6px;outline:0;background:#071427;color:#eaf2fc;font-size:10px}
.schedule-table input[type=text]{min-width:130px}
.schedule-table input:focus,.schedule-table select:focus{border-color:#3989f5}
.schedule-table input[type=checkbox]{width:16px;height:16px;accent-color:#1874f5}
.schedule-details summary{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #294766;border-radius:7px;background:#0c1d32;color:#9cc8ff;font-size:9px;cursor:pointer;white-space:nowrap}
.schedule-details[open] summary{margin-bottom:9px}
.schedule-details .table-wrap{min-width:560px}
.schedule-details .data-table{font-size:9px}
.danger-button{border-color:#603245;color:#ff9aac}
.danger-button:hover{background:#311a28}
@media(max-width:780px){.schedule-period{grid-template-columns:1fr 1fr}.schedule-table{min-width:760px}.empty-state{padding:25px 12px}}

/* Executive and mall-management dashboards */
.chart-filter-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:13px 16px;border:1px solid #203650;border-radius:12px;background:linear-gradient(115deg,#0d1d33,#0a1728)}
.chart-filter-panel>div:first-child{display:grid;gap:5px;min-width:150px}
.section-kicker{color:#5799f4;font-size:8px;font-weight:700;letter-spacing:1.5px}
.chart-filter-panel>div:first-child strong{font-size:12px}
.chart-filters{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.chart-filters label{display:grid;gap:4px;color:#8498b3;font-size:8px}
.chart-filters select{min-width:116px;height:32px;padding:0 9px;border:1px solid #2a405c;border-radius:7px;background:#071427;color:#e8f0fa;font-size:10px}
.dashboard-chart-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:12px;margin-bottom:12px}
.chart-panel{min-width:0;min-height:290px;margin:0;padding:17px 18px}
.chart-panel .panel-head{margin-bottom:8px}
.chart-panel .panel-head h2{font-size:13px}
.chart-live-dot{display:inline-flex;align-items:center;gap:7px;color:#7ddfbe;font-size:9px}
.chart-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#2ac994;box-shadow:0 0 10px #2ac994}
.chart-empty,.distribution-empty{display:grid;justify-items:center;align-content:center;min-height:210px;text-align:center;color:#8498b3}
.chart-empty>span{font-size:25px;color:#428cf0}
.chart-empty strong{margin-top:5px;color:#dce8f7;font-size:11px}
.chart-empty p,.distribution-empty p{max-width:340px;font-size:9px;line-height:1.6}
.chart-summary{display:flex;justify-content:space-between;align-items:baseline;margin:7px 4px 0;color:#8ea0b8;font-size:9px}
.chart-summary strong{color:#edf5ff;font-size:15px}
.trend-svg{display:block;width:100%;height:auto;min-height:210px;overflow:visible}
.chart-grid{stroke:#20334b;stroke-width:1}
.chart-axis{fill:#8194af;font-size:10px}
.chart-area{fill:url(#chartFill);fill:#1473f51a}
.chart-line{fill:none;stroke:#2784ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #1675f85c)}
.chart-point{fill:#0a1729;stroke:#66acff;stroke-width:2}
.distribution-layout{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(180px,1.25fr);align-items:center;gap:13px;min-height:220px}
.donut-svg{display:block;width:min(100%,200px);margin:auto;overflow:visible}
.donut-caption{fill:#91a5bf;font-size:8px}
.donut-total{fill:#f4f8ff;font-size:8px;font-weight:700}
.distribution-legend{display:grid;gap:1px;min-width:0}
.distribution-legend>div{display:grid;grid-template-columns:9px minmax(40px,1fr) auto auto;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #1a2a3f;font-size:9px}
.distribution-legend>div:last-child{border-bottom:0}
.distribution-legend i{width:8px;height:8px;border-radius:50%;background:#1675f8}
.legend-color-1{background:#24c99a!important}.legend-color-2{background:#ffb12e!important}.legend-color-3{background:#8858e8!important}.legend-color-4{background:#f14f79!important}.legend-color-5{background:#6d82a3!important}
.distribution-legend span{overflow:hidden;color:#c3d0e2;text-overflow:ellipsis;white-space:nowrap}
.distribution-legend strong{color:#e7eef8;font-size:9px;white-space:nowrap}
.distribution-legend small{color:#8194ad;text-align:right}
.empty-donut{display:grid;width:100px;height:100px;place-items:center;border:13px solid #1a2d45;border-top-color:#1675f8;border-right-color:#24c99a;border-radius:50%;color:#bed8fa;font-size:23px}
.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:12px;margin:0 0 12px}
.dashboard-bottom-grid>.panel{min-width:0;margin:0;padding:15px}
.management-bottom{grid-template-columns:1fr 1fr}
.management-bottom .data-table{min-width:630px}
.management-bottom .empty-state{padding:20px 10px}
.recent-malls{display:grid}
.recent-mall{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #1b2b40;font-size:9px}
.recent-mall:last-child{border-bottom:0}
.recent-mall .mall-name>div{display:grid;gap:3px}
.recent-mall .mall-name strong{font-size:9px}
.recent-mall .mall-name small{color:#8193ad;font-size:8px}
.recent-mall>span:nth-child(2){color:#93a6bf;white-space:nowrap}
.mall-placeholder{display:grid;width:34px;height:25px;place-items:center;border-radius:4px;background:#102846;color:#75aef8}
.license-layout{display:flex;align-items:center;justify-content:center;gap:16px;min-height:205px}
.license-donut{width:min(55%,150px)}
.license-count{fill:#f3f7ff;font-size:20px;font-weight:700}
.license-caption{fill:#9aabc1;font-size:8px}
.license-legend{display:grid;gap:13px;min-width:110px}
.license-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;color:#aebed0;font-size:9px}
.license-legend i{width:8px;height:8px;border-radius:50%;background:#28c995}
.license-legend .lic-trial{background:#ffb12e}.license-legend .lic-other{background:#647b9b}
.license-legend strong{color:#eef4fc;font-size:10px}
.activity-list{display:grid}
.activity-item{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #1b2b40}
.activity-item:last-child{border-bottom:0}
.activity-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid #263f5e;border-radius:50%;background:#10233c;color:#82b8ff;font-size:12px}
.activity-item>div{min-width:0}
.activity-item strong,.activity-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-item strong{color:#dce8f6;font-size:9px}
.activity-item small,.activity-item time{margin-top:4px;color:#8193ad;font-size:8px}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.quick-actions .small-button{min-height:33px}
.text-button{padding:5px 0;border:0;background:transparent;color:#64a8ff;font-size:9px;white-space:nowrap}
@media(max-width:1200px){.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.dashboard-bottom-grid>.panel:last-child{grid-column:1/-1}.dashboard-chart-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}}
@media(max-width:900px){.dashboard-chart-grid{grid-template-columns:1fr}.dashboard-bottom-grid,.management-bottom{grid-template-columns:1fr}.dashboard-bottom-grid>.panel:last-child{grid-column:auto}.chart-panel{min-height:260px}.chart-filter-panel{align-items:flex-start;flex-direction:column}.chart-filters{justify-content:flex-start;width:100%}}
@media(max-width:520px){.chart-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.chart-filters label:last-child{grid-column:1/-1}.chart-filters select{width:100%}.distribution-layout{grid-template-columns:110px 1fr;gap:7px}.distribution-legend>div{grid-template-columns:8px minmax(35px,1fr) auto;gap:5px}.distribution-legend small{display:none}.dashboard-bottom-grid>.panel{padding:12px}.recent-mall{grid-template-columns:minmax(100px,1fr) auto}.recent-mall .status{grid-column:2}.quick-actions .small-button{flex:1 1 100%}}
.app-topbar{gap:18px}
.global-search{position:relative;z-index:40;width:min(340px,32vw);margin-left:auto}
.global-search input{width:100%;height:36px;padding:0 13px;border:1px solid #253a55;border-radius:9px;background:#0b1728;color:#eaf2fc;outline:none}
.global-search input:focus{border-color:#3789ff;box-shadow:0 0 0 3px #3789ff20}
.quick-search-results{position:absolute;top:42px;left:0;right:0;display:grid;padding:5px;border:1px solid #263e5c;border-radius:10px;background:#0d1b2d;box-shadow:0 16px 40px #0008}
.quick-search-results button{display:grid;gap:3px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#eef4fc;text-align:left;cursor:pointer}
.quick-search-results button:hover{background:#152b47}
.quick-search-results small{color:#91a5be}
.notification-bell{position:relative}
.notification-wrap{position:relative;z-index:45}
.notification-popover{position:absolute;top:44px;right:-30px;width:min(390px,calc(100vw - 28px));max-height:70vh;overflow:auto;border:1px solid #29405d;border-radius:12px;background:#0d1b2d;box-shadow:0 16px 42px #0009}
.notification-head{position:sticky;top:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid #21364f;background:#0d1b2d}
.notification-row{display:grid;width:100%;gap:5px;padding:11px 13px;border:0;border-bottom:1px solid #1e3148;background:transparent;color:#e8f0fb;text-align:left;cursor:pointer}
.notification-row:hover{background:#142943}
.notification-row span,.notification-row small{color:#91a5be}
.notification-row.unread{border-left:2px solid #348aff}
.notification-row.read{opacity:.72}
.workspace-logo{display:block;max-width:132px;max-height:58px;object-fit:contain;margin:0 auto 9px;padding:5px;border-radius:7px;background:#fff}
.panel-actions{display:flex;gap:7px;flex-wrap:wrap}
.support-list{display:grid;gap:12px}
.support-item{padding:14px;border:1px solid #203650;border-radius:10px;background:#0b1727}
.support-item>.panel-head{margin-bottom:8px}
.support-item p{white-space:pre-wrap;color:#b9c9dc}
.support-response{margin-top:9px;padding:9px 11px;border-left:2px solid #348aff;background:#10233b;color:#d6e6f8}
.support-actions{align-items:end}
.support-actions>label:nth-child(2){grid-column:span 2}
.payment-frame{display:grid;gap:10px;margin:16px 0;padding:12px;border:1px solid #28415f;border-radius:12px;background:#0c192a}
.payment-frame iframe{width:100%;height:min(760px,78vh);border:0;border-radius:8px;background:#fff}
.data-table td .table-sub{display:block;max-width:300px;margin-top:4px;white-space:normal;color:#94a8c1;font-size:11px}
.data-table input,.data-table select{max-width:180px}
.report-tools{align-items:end}
@media(max-width:850px){.app-topbar{gap:9px}.global-search{width:min(260px,38vw)}}
@media(max-width:620px){.global-search{position:absolute;top:62px;left:10px;right:10px;width:auto;margin:0}.app-topbar{position:relative;padding-bottom:46px}.notification-popover{right:-40px}.panel-actions{width:100%}.panel-actions .small-button{flex:1}.support-actions>label:nth-child(2){grid-column:auto}}
@media print{.app-topbar,.sidebar,.page-heading,.footer,.global-search,.notification-wrap,button,.form-actions,.report-tools{display:none!important}.app-layout,.main-content{display:block!important;width:100%!important;margin:0!important;padding:0!important}.panel{break-inside:avoid;border:1px solid #bbb!important;background:white!important;color:black!important;box-shadow:none!important}.data-table th,.data-table td{color:black!important;border-color:#bbb!important}.data-table th{background:#eee!important}.table-sub,.form-help{color:#444!important}}

/* CEO navigation, readable notification bell, and scrollable menus */
.ceo-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1100px){.ceo-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.ceo-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.menu-toggle{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid #2a4566;border-radius:8px;background:#0b1b30;color:#d9e7f7;font-size:18px}
.menu-toggle:hover{border-color:#4388df;background:#102746}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#294361 transparent}
.app-layout.sidebar-hidden{grid-template-columns:minmax(0,1fr)}
.app-layout.sidebar-hidden>.sidebar{display:none}
.notification-bell{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #2a4566;border-radius:9px;background:#0b1b30;color:#d9e7f7}
.notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-bell i{position:absolute;top:-5px;right:-5px;display:grid;min-width:16px;height:16px;place-items:center;padding:0 4px;border:1px solid #071326;border-radius:12px;background:#ef5368;color:#fff;font-size:9px;font-style:normal}
.notification-list{display:grid;gap:2px}
@media(max-width:780px){.sidebar nav{flex:initial;min-height:auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.app-layout.sidebar-hidden .sidebar{display:none}}

.store-edit-action{margin:10px 0}.store-edit-action .primary-button{min-height:38px;padding:8px 12px;white-space:normal;text-align:left;font-size:12px}