:root{--ink:#183c3a;--teal:#155b54;--dark:#123f3d;--paper:#f4f3ee;--line:#dedfd6;--muted:#606d65;--gold:#e6b655;--red:#a82e29}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:6px;padding:10px 17px;font-weight:700;background:var(--teal);color:white;transition:background .15s,transform .15s}button:hover{background:#0e4943}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#e8ede7;color:var(--ink)}button.danger{background:#f8e8e4;color:var(--red)}button.small{padding:5px 11px;font-size:12px}a{color:var(--teal)}input,select{width:100%;background:white;border:1px solid #bcc6bb;border-radius:5px;min-height:43px;padding:8px 11px;color:var(--ink)}input:focus,select:focus{outline:2px solid #dfb854}input[type=number]{direction:ltr;text-align:right}label{display:grid;gap:5px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;line-height:1.4;margin-bottom:7px}h2{font-size:19px;margin-bottom:15px}h3{font-size:15px}p{color:var(--muted)}.boot{text-align:center;padding:20vh 20px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--dark);color:#fff;padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}.auth-story h1{font-size:54px;color:var(--gold);margin:20px 0}.auth-story p{color:#c7dad0;font-size:18px;max-width:440px}.auth-story .eyebrow{color:#d5c698}.auth-panel{padding:40px;display:flex;align-items:center;justify-content:center}.auth-form{width:100%;max-width:390px}.auth-form form{display:grid;gap:16px}.brand{font-size:29px;font-weight:900;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:3px;display:block;color:#b5c9bd}.layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:white;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 13px 27px;border-bottom:1px solid #3c6059}.shop-tag{padding:20px 12px 10px;font-size:12px;color:#c5d9cf;overflow-wrap:anywhere}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:right;background:transparent;color:#d4e1d9;padding:12px 14px;border-right:3px solid transparent;border-radius:3px;font-weight:400}.sidebar nav button:hover{background:#224e48}.sidebar nav button.active{background:#2c5a50;color:#fff;border-color:var(--gold);font-weight:700}.nav-icon{display:inline-block;width:29px;color:var(--gold);font-size:18px}.sidebar-bottom{margin-top:auto;padding-top:25px;display:grid;gap:9px;font-size:11px}.sidebar-bottom a{color:#c8d7cd}.sidebar-bottom button{background:transparent;border:1px solid #547568}.main{min-width:0}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#fffefa;border-bottom:1px solid var(--line)}.topbar strong{font-size:12px}.topbar span{font-size:12px;color:var(--muted)}.connection{display:flex;align-items:center;gap:8px}.connection:before{content:"";width:7px;height:7px;border-radius:50%;background:#43805e}.content{padding:30px 34px;max-width:1560px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.page-heading p{margin:0;font-size:13px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal)}.panel{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:23px;margin-bottom:22px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.panel-header h2{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:26px;border-top:2px solid var(--dark);background:#fffefa;border-bottom:1px solid var(--line)}.stat{padding:24px;border-left:1px solid var(--line)}.stat:last-child{border-left:0}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:29px;margin-top:8px;font-weight:800}.stat small{font-size:12px;font-weight:400;margin-right:5px}.welcome-strip{display:flex;justify-content:space-between;gap:25px;align-items:center;background:#e6eadf;border-right:4px solid var(--teal);padding:23px;margin-bottom:26px}.welcome-strip p{margin-bottom:0;max-width:610px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:11px;color:var(--muted);background:#f3f4ee;font-weight:700}td,th{padding:13px 12px;border-bottom:1px solid #e5e7df}td{font-size:13px}td.actions{display:flex;gap:7px}.badge{display:inline-block;padding:2px 9px;border-radius:4px;background:#e6eee4;color:#2b643b;font-size:11px}.badge.warn{background:#fbf0d5;color:#7b5810}.badge.returned{background:#f7e6e2;color:#a13932}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:7px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.toolbar input{max-width:420px}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:23px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.product-tile{background:#fffefa;border:1px solid var(--line);color:var(--ink);text-align:right;min-height:125px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.product-tile:hover{background:#eaf0e5;border-color:#718c71}.product-tile strong{font-size:14px}.product-tile small{font-weight:400;color:var(--muted)}.product-tile b{font-size:18px}.product-tile:disabled{cursor:not-allowed;opacity:.5}.cart{position:sticky;top:20px}.cart-items{max-height:380px;overflow:auto;margin-bottom:15px}.cart-line{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.cart-line strong{font-size:13px}.qty-control{display:flex;align-items:center;gap:7px;margin-top:6px}.qty-control button{padding:1px 8px;background:#e7ece2;color:var(--ink)}.qty-control .remove{background:transparent;color:var(--red);font-size:11px}.cart-fields{display:grid;gap:12px}.total-row{display:flex;justify-content:space-between;margin-top:10px}.total-row.grand{font-size:23px;border-top:2px solid var(--ink);padding-top:15px;margin-top:15px;font-weight:800}.cart .checkout{width:100%;margin-top:20px;background:var(--gold);color:#263e30;padding:14px}.note{font-size:11px;line-height:1.8;color:var(--muted);margin:13px 0 0}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-footer{display:flex;gap:10px;justify-content:flex-start;margin-top:25px}.error{background:#fbece7;border:1px solid #edc8bb;color:#8e2c22;padding:10px 14px;border-radius:5px;margin-bottom:16px;font-size:13px}.loading{padding:40px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:10px;padding:28px;width:min(620px,calc(100% - 30px));color:var(--ink);background:#fffefa;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#163b3599}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{padding:4px 11px;background:#e9ede5;color:var(--ink);font-size:20px}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;font-size:12px;color:var(--muted)}.receipt-meta strong{color:var(--ink)}#toast{position:fixed;bottom:25px;left:25px;max-width:calc(100% - 50px);padding:13px 22px;background:var(--dark);color:white;border-right:4px solid var(--gold);z-index:100;border-radius:5px;box-shadow:0 8px 25px #123f3d33;display:none}#toast.show{display:block}#print-area{display:none}.muted{color:var(--muted)}.mobile-brand{display:none}.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.tip-list{padding-right:20px;color:var(--muted);font-size:13px}.tip-list li{margin:12px 0}.link-button{background:transparent;color:var(--teal);padding:0;text-decoration:underline}.link-button:hover{background:transparent}.subtle-line{border:0;border-top:1px solid var(--line);margin:20px 0}.offline-banner{background:#fce6bd;color:#6f4b0e;text-align:center;padding:10px;font-size:13px}@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}.content{padding:25px 22px}.topbar{padding:0 22px}.pos-grid{grid-template-columns:1fr 310px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-left:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:800px){.layout{display:block}.sidebar{position:relative;height:auto;padding:14px 16px}.sidebar .brand{padding:0 0 10px;font-size:25px;display:flex;justify-content:space-between;align-items:center;border:0}.brand small{display:none}.shop-tag{padding:0 0 12px}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav button{white-space:nowrap;padding:9px 12px;border-right:0;border-bottom:2px solid transparent}.sidebar nav button.active{border-color:var(--gold)}.nav-icon{width:22px;font-size:15px}.sidebar-bottom{display:none}.topbar{height:52px;padding:0 18px}.content{padding:22px 16px}.pos-grid{grid-template-columns:1fr}.cart{position:static}.page-heading{align-items:start}.page-heading h1{font-size:24px}.page-heading button{font-size:12px;padding:9px 12px}.stat{padding:18px}.stat strong{font-size:24px}.panel{padding:18px}.welcome-strip{display:block}.welcome-strip button{margin-top:15px}.auth{grid-template-columns:1fr}.auth-story{padding:30px}.auth-story h1{font-size:37px;margin:5px 0}.auth-story p{font-size:14px;margin:0}.auth-panel{padding:30px 22px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline-form{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.receipt-meta{grid-template-columns:1fr}dialog{padding:20px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:100%}}@media print{body>*{display:none!important}body #print-area{display:block!important;padding:20px;color:black;background:white}#print-area h1{text-align:center;font-size:26px}#print-area table{white-space:normal}#print-area .receipt-meta{display:block}#print-area .receipt-meta div{margin:5px 0}@page{margin:12mm}}

/* Branch context and employee access. */
.scope-label{display:block;margin-top:7px;color:#f0dba2;font-size:11px}.user-scope{display:grid;gap:2px}.user-scope span{font-size:11px}.branch-picker{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.branch-picker select{width:auto;max-width:230px;min-height:36px;padding:4px 10px}.branch-current{max-width:220px;overflow-wrap:anywhere}.role-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#e6eadf;border-top:2px solid var(--teal);margin-bottom:25px}.role-guide>div{padding:18px 22px;border-left:1px solid #cbd2c4}.role-guide>div:last-child{border-left:0}.role-guide strong,.role-guide span{display:block}.role-guide strong{font-size:15px;margin-bottom:5px}.role-guide span{font-size:12px;color:var(--muted)}
@media(max-width:800px){.topbar{height:auto;min-height:70px;padding:12px 16px;gap:12px;flex-wrap:wrap}.branch-picker{flex:1;justify-content:flex-end}.branch-picker select{max-width:180px}.role-guide{grid-template-columns:1fr}.role-guide>div{border-left:0;border-bottom:1px solid #cbd2c4;padding:14px 18px}.role-guide>div:last-child{border-bottom:0}.branch-current{max-width:150px;font-size:11px}.scope-label{display:inline-block;margin:0 8px 0 0}}

.purchase-line-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin:20px 0}.pending-warning{border-right:4px solid var(--gold);background:#fff6df}.pending-warning p{color:#6b531c}@media(max-width:650px){.purchase-line-form{grid-template-columns:1fr 1fr}.purchase-line-form>label:first-child{grid-column:1/-1}.purchase-line-form>button{grid-column:1/-1}}

@media(min-width:801px){.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar .brand,.sidebar .shop-tag,.sidebar-bottom{flex-shrink:0}}
/* Cash shift context and customer credit. */
[hidden]{display:none!important}.shift-status{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 34px;border-bottom:1px solid var(--line);background:#eeeee3;font-size:12px}.shift-status>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shift-status>div>span:last-child{color:var(--muted);font-size:11px}.shift-dot{width:8px;height:8px;background:#b58427;border-radius:50%;display:inline-block}.shift-dot.is-open{background:#398452}.cash-summary{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--teal);background:#f0f2e9;margin:18px 0}.cash-summary>div{padding:14px 17px;border-bottom:1px solid var(--line)}.cash-summary span{display:block;font-size:11px;color:var(--muted)}.cash-summary strong{display:block;font-size:22px;margin-top:4px}.cash-summary .cash-expected{background:#e0e8d9}.difference-alert{color:var(--red)}.credit-fields{padding:14px;background:#f7efd9;border-right:3px solid var(--gold)}.credit-fields .note{margin:0}.inline-form{margin-top:15px}@media(max-width:800px){.shift-status{padding:12px 16px;align-items:flex-start}.shift-status>div{gap:6px}.shift-status>div>span:last-child{flex-basis:100%;margin-right:14px}.shift-status button{white-space:nowrap}.cash-summary strong{font-size:20px}}@media(max-width:420px){.cash-summary>div{padding:12px}.shift-status{gap:8px}.shift-status strong{font-size:11px}}
/* Real product photography, with deliberate empty states. */
.product-cell{display:flex;align-items:center;gap:12px}.catalog-thumb{display:block;width:56px;height:56px;object-fit:contain;background:#f0f1e9;border:1px solid var(--line);border-radius:5px;flex-shrink:0}.product-tile{min-height:230px;gap:8px;padding:12px;overflow:hidden}.pos-photo{width:100%;height:125px;object-fit:contain;display:block;background:#f1f2eb;border-radius:4px}.photo-placeholder{display:flex;align-items:center;justify-content:center;color:#859484}.photo-placeholder>span{font-size:30px;font-weight:400}.cart-product{display:flex;align-items:center;gap:8px}.cart-thumb{width:36px;height:36px;object-fit:contain;border-radius:4px;background:#f0f1e9;flex-shrink:0}.cart-thumb.photo-placeholder>span{font-size:20px}.product-photo-editor{display:grid;grid-template-columns:130px 1fr;gap:20px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.editor-photo{width:130px;height:130px;display:block;object-fit:contain;background:#f0f1e9;border:1px solid var(--line);border-radius:7px}.editor-photo.photo-placeholder{display:flex}.product-photo-editor input[type=file]{font-size:11px;padding:8px;min-height:40px}.product-photo-editor .small{margin-top:12px}@media(max-width:500px){.product-photo-editor{grid-template-columns:85px 1fr;gap:12px}.editor-photo{width:85px;height:100px}.product-tile{min-height:205px}.pos-photo{height:105px}}
/* Kashier 0.4 — analytical workspace and collapsible icon navigation. */
:root{--paper:#f5f7fa;--line:#e5eaf0;--muted:#65758a;--ink:#20364b;--blue:#3c7ee8;--green:#1ca77d;--teal:#176a64;--dark:#144f4b}
body{background:var(--paper);font-family:"Segoe UI",Tahoma,sans-serif;color:var(--ink)}button:focus-visible,a:focus-visible{outline:3px solid #85b8fa;outline-offset:3px}button.secondary{background:#f0f4f7;color:#35516a}.panel{background:#fff;border-color:var(--line)}
.layout{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .2s ease}.layout.nav-expanded{grid-template-columns:248px minmax(0,1fr)}
.sidebar{position:sticky;inset-block-start:0;width:100%;height:100dvh;min-height:0;padding:0 10px 12px;background:#fff;color:var(--ink);border-left:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;z-index:35}
.sidebar .brand{height:78px;min-height:78px;display:flex;align-items:center;gap:12px;justify-content:center;padding:0;border:0;text-decoration:none;color:var(--teal);letter-spacing:0;overflow:hidden}.brand-mark{font-size:28px;line-height:40px;font-weight:900;min-width:40px;height:42px;background:#e9f3f1;border-radius:10px;text-align:center;color:var(--teal)}.brand-mark>span{color:#ca9b37}.brand-main{display:none;font-size:25px;line-height:1.2;white-space:nowrap}.brand-main small{display:block;font-size:8px;letter-spacing:2px;color:#7b909d;margin-top:5px}.sidebar .shop-tag{display:none;padding:8px 8px 18px;margin-bottom:8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:12px}.sidebar .scope-label{display:block;color:var(--muted);margin:5px 0 0;font-size:10px}.sidebar .organization-name{font-weight:700}.sidebar nav{display:flex;flex-direction:column;flex:1;min-height:0;gap:5px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:4px 0}.sidebar nav button,.sidebar-bottom button{display:flex;align-items:center;justify-content:center;flex:none;gap:12px;width:100%;height:44px;min-height:44px;padding:0;border:0;border-radius:7px;background:transparent;color:#6d7f90;white-space:nowrap;font-size:12px;text-align:right;transition:background .15s,color .15s}.sidebar nav button:hover,.sidebar-bottom button:hover{background:#f0f6f8;color:var(--teal)}.sidebar nav button.active{background:#e8f3f1;color:var(--teal);border:0;box-shadow:inset -3px 0 0 var(--teal);font-weight:700}.sidebar .nav-icon{display:flex;align-items:center;justify-content:center;color:inherit;width:24px;min-width:24px;font-size:0}.nav-icon svg{display:block}.sidebar .nav-label{display:none;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{margin-top:12px;padding:10px 0 0;border-top:1px solid var(--line);gap:4px}.sidebar-bottom .nav-version{display:none;font-size:10px;color:var(--muted);padding:6px 10px}.sidebar-bottom button{border:0;color:#7b8996}.nav-expanded .sidebar{padding-inline:16px}.nav-expanded .sidebar .brand{justify-content:flex-start;padding-inline:5px}.nav-expanded .brand-main,.nav-expanded .sidebar .shop-tag,.nav-expanded .sidebar .nav-label,.nav-expanded .sidebar .nav-version{display:block}.nav-expanded .sidebar nav button,.nav-expanded .sidebar-bottom button{justify-content:flex-start;padding-inline:13px}.nav-backdrop{display:none}
.topbar{height:78px;min-height:78px;position:sticky;top:0;z-index:25;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between}.topbar-start,.topbar-context{display:flex;align-items:center;gap:20px;min-width:0}.icon-button{width:38px;height:38px;padding:8px;display:inline-flex;justify-content:center;align-items:center;background:transparent;color:#6e8194;border:1px solid transparent;border-radius:7px;flex-shrink:0}.icon-button:hover{background:#edf4f7;color:var(--teal)}.topbar .icon-button{color:#688091}.header-breadcrumb{display:grid;gap:1px}.header-breadcrumb strong{font-size:13px;color:#304b60}.header-breadcrumb span{font-size:10px;color:#80909e}.user-profile{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);padding-right:20px}.profile-avatar{display:flex;width:37px;height:37px;align-items:center;justify-content:center;background:#e6f1ed;color:#176a64!important;border-radius:50%;font-size:17px!important;font-weight:700;flex-shrink:0}.user-scope{max-width:160px}.user-scope strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-scope span{font-size:10px;color:#85929f}.topbar .branch-picker{display:flex;align-items:center;gap:9px;color:#718295;flex:none}.topbar .branch-picker>span{font-size:10px;white-space:nowrap}.topbar .branch-picker select{font-size:11px;min-height:35px;max-width:180px;border:1px solid var(--line);background:#fbfcfd;padding:5px 10px;border-radius:6px}.branch-current{display:flex;align-items:center;gap:7px;font-size:11px;color:#72869a}.branch-current svg{width:16px;height:16px}.content{padding:28px 30px;max-width:1750px}.shift-status{margin:16px 30px 0;padding:10px 15px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:11px;gap:12px}.shift-status>div{gap:9px}.shift-status>div>span:last-child{font-size:10px}.shift-status .small{font-size:10px;background:#f0f5f6;min-height:30px;padding:4px 10px}.shift-dot{width:6px;height:6px}
.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard-header .eyebrow{font-size:10px;letter-spacing:1px;color:#7b8f9d;margin-bottom:4px}.dashboard-header h1{font-size:27px;color:#213e51;margin:0 0 5px;font-weight:750;letter-spacing:-.5px}.dashboard-header p{font-size:12px;margin:0;color:#80909d}.dashboard-primary{display:flex;align-items:center;gap:9px;font-size:11px;padding:10px 17px;box-shadow:0 4px 9px #176a6418;flex-shrink:0}.dashboard-primary svg{width:17px;height:17px}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.dashboard-scope,.dashboard-filters{display:flex;align-items:center;gap:13px;min-width:0}.scope-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#41667b;white-space:nowrap}.scope-pill svg{width:14px;height:14px;color:#6b98a2}.dashboard-range-label{font-size:10px;color:#8a98a5;white-space:nowrap}.dashboard-filters select{min-height:31px;width:auto;max-width:150px;padding:4px 10px;border-color:var(--line);font-size:10px}.range-segments{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fff;flex-shrink:0}.range-segments button{background:transparent;color:#8492a0;font-size:10px;font-weight:600;padding:4px 10px;border-radius:4px;min-height:25px}.range-segments button.selected{background:#eaf2fa;color:#3474bd}.range-segments button:hover{background:#f0f6fa;color:#3474bd}.dashboard-filters .icon-button{width:31px;height:31px;border-color:var(--line);background:#fff;padding:6px}.dashboard-filters .icon-button svg{width:16px;height:16px}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:23px}.dashboard-stat{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px 19px 14px;min-width:0;box-shadow:0 2px 4px #20364b03;position:relative}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.stat-top>span:first-child{font-size:11px;color:#677d90;font-weight:600}.stat-symbol{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#eaf3ff;color:#478be1;border-radius:7px}.stat-accent-1 .stat-symbol{background:#e9f7f0;color:#38a27d}.stat-accent-2 .stat-symbol{background:#fff4df;color:#c59934}.stat-accent-3 .stat-symbol{background:#edf0fb;color:#7b87be}.stat-number{display:block;font-size:26px;font-weight:700;letter-spacing:-.7px;margin:8px 0 10px;line-height:1.45;overflow-wrap:anywhere;color:#243f51}.stat-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:23px}.stat-comparison{font-size:9px;line-height:1.5}.stat-comparison.positive{color:#26916c}.stat-comparison.negative{color:#c26164}.stat-comparison.neutral{color:#8b98a5}.stat-hint{display:block;font-size:9px;color:#8b98a5;margin-top:4px}.card-link{padding:2px;background:transparent;color:#9baab7;border-radius:3px;height:22px;display:flex;align-items:center}.card-link svg{width:15px;height:15px;transform:rotate(180deg)}.card-link:hover{background:#edf5f7;color:var(--teal)}
.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(315px,1fr);gap:23px;margin-bottom:23px;align-items:stretch}.dashboard-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 2px 5px #20364b03;margin-bottom:23px;overflow:hidden}.dashboard-charts>.dashboard-panel,.dashboard-tables>.dashboard-panel{margin-bottom:0}.dash-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 21px 15px}.dash-panel-heading h2{font-size:14px;color:#345267;margin:0 0 4px;font-weight:650}.dash-panel-heading p{font-size:10px;color:#8b99a4;margin:0}.dash-panel-heading>svg{color:#8da7b5;width:19px;height:19px}.chart-legend{display:flex;gap:14px;flex-shrink:0}.chart-legend>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#7a8c9d}.legend-dot{display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background:#3c7ee8}.sales-dot,.card-dot{background:#3c7ee8}.cash-dot{background:#1ca77d}.line-chart{padding:0 18px 0 7px;direction:ltr}.line-chart svg{width:100%;height:auto;min-height:200px;display:block;overflow:visible}.line-chart text{font-family:"Segoe UI",Tahoma,sans-serif;font-size:10px;fill:#8e9aa7;direction:rtl}.chart-gridline{stroke:#edf1f5;stroke-width:1;stroke-dasharray:3 3}.chart-line{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.chart-line-sales{stroke:#3c7ee8}.chart-line-collections{stroke:#1ca77d;stroke-width:2.4}.chart-note{font-size:9px;color:#8b9aa7;padding:0 21px 16px;line-height:1.6;margin:0}.chart-zero{font-size:10px;text-align:center;color:#8b9aa7;margin:0 20px 14px}.payment-chart{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 20px 22px;min-height:223px}.payment-donut{width:160px;height:160px;min-width:160px;border-radius:50%;background:conic-gradient(#1ca77d 0 var(--cash-share),#3c7ee8 var(--cash-share) 100%);display:flex;align-items:center;justify-content:center;transform:rotate(-90deg)}.payment-donut.is-empty{background:#eaf0f4}.payment-donut>div{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transform:rotate(90deg)}.payment-donut span{font-size:9px;color:#8d9aa7}.payment-donut strong{font-size:15px;color:#3c586b;font-weight:650;max-width:112px;text-align:center;overflow-wrap:anywhere;line-height:1.4}.payment-legend{display:grid;gap:20px;flex:1;max-width:175px;min-width:110px}.payment-legend>div{display:flex;align-items:flex-start;gap:7px}.payment-legend .legend-dot{margin-top:5px}.payment-legend span:not(.legend-dot){font-size:10px;color:#8493a1;flex:1}.payment-legend strong{display:block;color:#3b586d;font-size:11px;margin-top:4px;white-space:nowrap}.payment-legend b{font-size:10px;font-weight:600;color:#75889a;margin-right:auto}
.dashboard-tables{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:23px}.cashier-tables{grid-template-columns:minmax(0,1.6fr) minmax(315px,1fr)}.dashboard-panel .table-wrap{border-top:1px solid #edf1f4}.dash-table th{font-size:10px;color:#8795a2;font-weight:600;background:#f8fafc;padding:11px 20px;border-bottom:1px solid #edf1f4}.dash-table td{padding:13px 20px;color:#547084;font-size:11px;border-bottom:1px solid #edf1f4}.dash-table tr:last-child td{border-bottom:0}.dash-table td strong{color:#37566b;font-weight:650}.dash-table td small{display:block;color:#97a4af;font-size:9px;line-height:1.4;margin-top:4px}.dash-table .badge{font-size:9px;white-space:nowrap;padding:2px 7px}.dash-table .badge:not(.returned):not(.warn){background:#e7f5ee;color:#2c9a76}.dash-table .badge.returned{background:#fff0e9;color:#c1865d}.row-action{padding:5px 8px;background:#f0f5f8;color:#6d8b9f;font-size:9px;border-radius:4px;white-space:nowrap}.row-action:hover{background:#e5f1f3;color:var(--teal)}.text-action{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#6f94ac;font-size:10px;padding:4px 0;white-space:nowrap;font-weight:600}.text-action:hover{background:transparent;color:var(--teal)}.text-action svg{width:13px;height:13px;transform:rotate(180deg)}.table-count{font-size:10px;color:#889aa8;background:#f4f7f9;border-radius:4px;padding:3px 8px}.branch-table-name{display:flex;align-items:center;gap:8px;white-space:nowrap}.branch-table-name svg{width:16px;height:16px;color:#93acb9}.dashboard-panel .empty{font-size:11px;padding:33px 20px;color:#96a3ae}.dashboard-panel .empty strong{font-size:13px;color:#7990a1;font-weight:600}.shift-state{font-size:9px;background:#fff3dd;color:#b28832;padding:3px 8px;border-radius:4px;white-space:nowrap}.shift-state.is-open{background:#e7f6ed;color:#3d9d79}.shift-balance{margin:4px 21px 18px;padding:22px;background:#f5faf8;border:1px solid #e7f0ec;border-radius:6px;text-align:center}.shift-balance>span{display:block;font-size:10px;color:#7d978e}.shift-balance strong{display:block;font-size:28px;color:#287d69;margin:7px 0 3px}.shift-balance small{font-size:9px;color:#93a79f}.cashier-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 21px 21px}.cashier-quick-actions button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;padding:9px}.cashier-quick-actions button:first-child{grid-column:1/-1}.cashier-quick-actions svg{width:16px;height:16px}.dashboard-updated{display:flex;gap:7px;align-items:center;justify-content:center;color:#97a5b0;font-size:9px;padding:3px 0 10px}.dashboard-updated svg{width:12px;height:12px}
@media(min-width:1600px){.dashboard-stat{padding:20px 23px}.stat-number{font-size:30px}.payment-chart{gap:30px}.payment-donut{width:176px;height:176px;min-width:176px}.payment-donut>div{width:132px;height:132px}}
@media(max-width:1200px){.topbar{padding:0 22px}.content{padding:24px 22px}.shift-status{margin-inline:22px}.dashboard-stats{gap:13px}.dashboard-stat{padding:15px}.stat-number{font-size:23px}.dashboard-charts{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:16px}.dashboard-tables{gap:16px}.payment-chart{flex-direction:column;gap:20px;padding:12px 18px 20px}.payment-donut{width:142px;height:142px;min-width:142px}.payment-donut>div{width:105px;height:105px}.payment-legend{display:flex;gap:22px;max-width:none}.payment-legend>div{min-width:100px}.payment-legend b{display:none}.chart-legend{gap:8px}.dash-panel-heading{padding:17px 17px 14px;align-items:flex-start}.chart-note{padding-inline:17px}.dash-table th,.dash-table td{padding-inline:16px}.cashier-tables{grid-template-columns:1.4fr 1fr}.user-profile{padding-right:14px}.topbar-context{gap:14px}}
@media(max-width:1000px){.layout.nav-expanded{grid-template-columns:224px minmax(0,1fr)}.nav-expanded .sidebar{padding-inline:12px}.dashboard-charts,.dashboard-tables,.cashier-tables{grid-template-columns:1fr}.payment-chart{flex-direction:row;gap:35px;padding:20px 30px;min-height:200px}.payment-legend{display:grid;max-width:180px;gap:20px;flex:1}.payment-legend b{display:block}.dashboard-charts .payment-panel{min-height:280px}.line-chart svg{min-height:240px}.dashboard-range-label{display:none}.topbar .branch-picker>span{display:none}.user-scope{max-width:110px}.topbar-context{gap:10px}.header-breadcrumb span{display:none}}
@media(max-width:800px){.layout,.layout.nav-expanded{display:block;min-height:100dvh}.sidebar,.nav-expanded .sidebar{position:fixed;inset:0 0 0 auto;width:64px;height:100dvh;padding:0 7px 10px;transition:width .2s;z-index:50;border-left:1px solid var(--line);box-shadow:none}.nav-expanded .sidebar{width:248px;padding-inline:16px;box-shadow:-12px 0 30px #244a6320}.sidebar .brand{height:67px;min-height:67px;padding:0;justify-content:center}.brand-mark{width:36px;min-width:36px;height:38px;line-height:36px;font-size:25px}.sidebar nav{display:flex;flex-direction:column;overflow:auto;gap:5px}.sidebar nav button{height:43px;min-height:43px;white-space:nowrap;padding:0;border:0;justify-content:center}.sidebar nav button.active{border:0;box-shadow:inset -3px 0 0 var(--teal)}.sidebar-bottom{display:grid}.sidebar .shop-tag{padding-bottom:16px}.nav-expanded .sidebar .brand{justify-content:flex-start}.nav-expanded .sidebar nav button{justify-content:flex-start;padding-inline:13px}.sidebar .brand-main{display:none}.nav-expanded .brand-main{display:block}.sidebar .brand-main small{display:block}.main{margin-right:64px}.nav-backdrop{display:block;position:fixed;inset:0;z-index:45;background:#142e4352;border-radius:0;padding:0;cursor:default}.nav-backdrop:hover{background:#142e4352}.topbar{height:67px;min-height:67px;padding:0 16px;gap:12px;flex-wrap:nowrap}.topbar-start{gap:8px}.topbar-context{gap:8px}.header-breadcrumb strong{font-size:11px}.topbar .branch-picker select{max-width:120px;font-size:10px;min-height:32px;padding:4px 7px}.user-profile{padding-right:9px;gap:7px}.profile-avatar{width:30px;height:30px;font-size:14px!important}.user-scope{max-width:90px}.user-scope strong{font-size:10px}.user-scope span{font-size:9px}.topbar-logout{display:none}.content{padding:22px 16px}.shift-status{margin:12px 16px 0;padding:9px 11px;font-size:10px}.shift-status>div>span:last-child{flex-basis:auto;margin:0;font-size:9px}.shift-status strong{font-size:10px}.shift-status .small{font-size:9px;min-height:28px}.dashboard-header{gap:12px;margin-bottom:17px}.dashboard-header h1{font-size:23px}.dashboard-header p{font-size:10px}.dashboard-header .eyebrow{font-size:9px}.dashboard-primary{font-size:10px;padding:9px 12px;gap:6px}.dashboard-primary svg{width:15px;height:15px}.dashboard-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dashboard-scope{flex-basis:100%}.dashboard-filters{width:100%;justify-content:flex-start;gap:8px}.dashboard-filters select{flex:1;max-width:none}.range-segments{margin-right:auto}.range-segments button{font-size:9px;padding:4px 8px}.dashboard-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.dashboard-stat{padding:14px}.stat-symbol{width:31px;height:31px}.stat-symbol svg{width:18px;height:18px}.stat-top>span:first-child{font-size:10px}.stat-number{font-size:24px;margin:10px 0 8px}.stat-comparison{font-size:8px}.stat-hint{font-size:8px}.dashboard-charts,.dashboard-tables{gap:18px;margin-bottom:18px}.dashboard-panel{margin-bottom:18px}.line-chart svg{min-height:200px}.line-chart{padding-right:12px}.payment-chart{padding:18px 22px}.dashboard-charts .payment-panel{min-height:260px}.dash-panel-heading h2{font-size:13px}.dash-panel-heading p{font-size:9px}.chart-legend{font-size:9px}.chart-legend>span{font-size:8px}.dash-table td,.dash-table th{font-size:10px;padding:12px 14px}.chart-note{font-size:8px}.text-action{font-size:9px}.table-count{font-size:9px}.dashboard-updated{font-size:8px}.page-heading h1{font-size:23px}}
@media(max-width:540px){.header-breadcrumb{display:none}.topbar-start{gap:0}.topbar-context{flex:1;justify-content:space-between}.user-scope strong{max-width:85px}.topbar .branch-picker select{max-width:130px}.topbar .branch-current{font-size:10px;max-width:130px}.topbar .branch-current svg{display:none}.shift-status>div>span:last-child{display:none}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:21px}.dashboard-header p{max-width:200px;line-height:1.7}.dashboard-primary{padding:8px;min-width:34px;max-width:95px;font-size:9px;gap:5px}.dashboard-primary svg{min-width:14px}.dashboard-stats{gap:10px}.dashboard-stat{padding:12px 11px}.stat-symbol{width:27px;height:27px;border-radius:5px}.stat-symbol svg{width:16px;height:16px}.stat-top{gap:5px}.stat-top>span:first-child{font-size:9px}.stat-number{font-size:21px;letter-spacing:-.4px}.stat-comparison{font-size:7.5px}.stat-hint{font-size:7.5px}.card-link{display:none}.dash-panel-heading{padding:15px 14px 12px}.chart-legend{gap:7px;flex-direction:column}.chart-legend>span{font-size:8px}.legend-dot{width:6px;height:6px;min-width:6px}.line-chart{padding:0 5px 0 0;overflow:hidden}.line-chart svg{min-height:155px}.line-chart text{font-size:11px}.chart-note{padding:0 14px 14px}.payment-chart{gap:20px;padding:17px 15px;min-height:190px}.payment-donut{width:132px;height:132px;min-width:132px}.payment-donut>div{width:98px;height:98px}.payment-donut strong{font-size:13px;max-width:88px}.payment-donut span{font-size:8px}.payment-legend{min-width:80px;max-width:120px;gap:18px}.payment-legend>div{min-width:0;gap:6px}.payment-legend span:not(.legend-dot){font-size:9px}.payment-legend strong{font-size:10px}.payment-legend b{display:none}.dashboard-charts .payment-panel{min-height:250px}.dash-table td,.dash-table th{padding-inline:12px}.dash-table td small{font-size:8px}.shift-balance{margin-inline:15px}.cashier-quick-actions{padding-inline:15px;gap:8px}.cashier-quick-actions button{font-size:9px;gap:5px}.cashier-quick-actions svg{width:14px;height:14px}.stat-bottom{min-height:22px}.dashboard-range-label{display:none}.scope-pill{font-size:10px}}
@media(max-width:380px){.content{padding:19px 12px}.shift-status{margin-inline:12px}.topbar{padding-inline:10px}.profile-avatar{display:none}.dashboard-header h1{font-size:19px}.dashboard-header p{font-size:9px}.dashboard-primary{max-width:75px;font-size:8px}.range-segments button{padding-inline:6px}.dashboard-filters select{font-size:9px;max-width:102px}.stat-number{font-size:18px}.stat-top>span:first-child{font-size:8px}.payment-chart{gap:14px;padding-inline:12px}.payment-donut{width:114px;height:114px;min-width:114px}.payment-donut>div{width:84px;height:84px}.payment-donut strong{font-size:11px;max-width:78px}.payment-legend strong{font-size:9px}.user-scope{max-width:75px}.topbar .branch-picker select{max-width:112px}}
@media(prefers-reduced-motion:reduce){.layout,.sidebar,button{transition:none}}
@media print{.sidebar,.topbar,.shift-status,.nav-backdrop{display:none!important}.main{margin:0}}
/* Mobile legibility: retain readable data annotations without shrinking to fit. */
@media(max-width:800px){.stat-comparison,.stat-hint{font-size:10px;line-height:1.65}.stat-bottom{min-height:34px;align-items:flex-start}.stat-top>span:first-child{font-size:11px}.stat-top{align-items:flex-start}.dashboard-stat{min-height:170px}.dashboard-panel .chart-note,.dashboard-panel .chart-zero{font-size:10px;line-height:1.8}.dashboard-panel .dash-panel-heading p{font-size:10px}.dashboard-updated{font-size:10px}.line-chart text{font-size:16px}.dash-table td small{font-size:10px}.range-segments button{font-size:10px}.dashboard-filters select{font-size:10px}.dashboard-range-label{font-size:10px}.chart-legend>span{font-size:10px}}
@media(max-width:540px){.line-chart text{font-size:24px}.stat-top>span:first-child{font-size:10px}.stat-number{font-size:22px}.dashboard-stat{min-height:176px}.payment-donut span{font-size:10px}.payment-legend span:not(.legend-dot),.payment-legend strong{font-size:10px}.dashboard-panel .text-action{font-size:10px}.dashboard-header p{font-size:11px}}
@media(max-width:380px){.stat-number{font-size:19px}.stat-comparison,.stat-hint{font-size:10px}.dashboard-stat{padding-inline:10px}.stat-symbol{width:23px;height:23px}.stat-top>span:first-child{font-size:10px}}
@media(max-width:800px){body.nav-mobile-open{overflow:hidden}}
/* Phones/tablets use a full-width work surface and an off-canvas menu. */
@media(max-width:800px){.sidebar,.nav-expanded .sidebar{width:248px;padding-inline:16px;transform:translateX(100%);transition:transform .2s ease;pointer-events:none}.nav-expanded .sidebar{transform:translateX(0);pointer-events:auto}.main{margin-right:0}.sidebar .brand{justify-content:flex-start}.sidebar .brand-main,.sidebar .shop-tag,.sidebar .nav-label,.sidebar .nav-version{display:block}.sidebar nav button,.sidebar-bottom button{justify-content:flex-start;padding-inline:13px}.sidebar nav{padding-top:4px}.sidebar .brand{padding-inline:5px}.topbar{padding-inline:16px}.line-chart svg{min-height:200px}.dashboard-header p{max-width:none}}
@media(max-width:380px){.content{padding-inline:15px}.topbar{padding-inline:12px}.stat-number{font-size:23px}.dashboard-header h1{font-size:23px}.dashboard-primary{max-width:none;font-size:10px;padding:9px 11px}.dashboard-filters select{max-width:none}.line-chart svg{min-height:190px}.line-chart text{font-size:21px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
/* Platform billing: same retail design, distinct administrative scope. */
.subscription-status:empty{display:none}.subscription-alert{margin:16px 30px 0;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e9d8a6;background:#fffbef;border-radius:7px;color:#66501c}.subscription-alert>div{display:flex;align-items:flex-start;gap:12px}.subscription-alert strong,.subscription-alert small{display:block}.subscription-alert small{margin-top:4px;font-size:12px;line-height:1.8}.subscription-alert.is-blocked{background:#fff1ec;border-color:#ebc8ba;color:#783d2b}.subscription-alert .small{flex-shrink:0}.platform-header{margin-bottom:20px}.platform-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid #dce5e7;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.platform-tabs [role=tab]{background:transparent;color:#52616b;padding:11px 22px;border-radius:5px;font-size:13px;white-space:nowrap}.platform-tabs [aria-selected=true]{background:#e5f2ef;color:#12695e;font-weight:800}.platform-tabs .icon-button{margin-right:auto;flex-shrink:0}.platform-overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.platform-overview-grid .panel{min-width:0}.platform-status-list{display:grid;gap:0}.platform-status-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f1;color:#62727b;font-size:13px}.platform-status-list strong{color:#173e40;font-size:16px}.platform-bars{height:220px;display:flex;align-items:stretch;gap:16px;padding-top:8px;direction:ltr}.platform-bars>div{min-width:0;flex:1;display:flex;align-items:center;flex-direction:column;gap:8px}.platform-bars strong{font-size:11px;font-weight:600;white-space:nowrap;color:#36525a}.platform-bar-track{height:150px;width:100%;max-width:48px;background:#f1f6f6;position:relative;display:flex;align-items:flex-end;border-radius:5px;overflow:hidden}.platform-bar-track i{display:block;min-height:2px;width:100%;background:#279b88;border-radius:5px 5px 0 0}.platform-bars small{font-size:11px;color:#72848c}.platform-cell-note{display:block;color:#788991;font-size:11px;margin-top:4px}.platform-tenant-title,.platform-invoice-title{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.platform-tenant-title h2,.platform-invoice-title h2{margin-bottom:5px}.platform-tenant-title p,.platform-invoice-title p{font-size:12px}.platform-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;padding:18px;background:#f5f8f8;border:1px solid #e5ecee;border-radius:6px}.platform-details span,.platform-details strong{display:block}.platform-details span{font-size:11px;color:#6c7e87;margin-bottom:5px}.platform-details strong{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.platform-usage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #e5ecee;border-bottom:1px solid #e5ecee;padding:16px 0;margin:18px 0}.platform-usage span,.platform-usage strong{display:block}.platform-usage span{font-size:11px;color:#6d8087;margin-bottom:7px}.platform-usage strong{font-size:20px;color:#205f59}.platform-usage small{font-weight:400;font-size:11px;color:#7b8b92}.platform-recovery{max-width:780px;margin:20px auto;border-top:3px solid #d6a84e}.platform-recovery .text-action{margin-top:25px}.platform-recovery .form-footer{flex-wrap:wrap}.platform-recovery p{line-height:1.9}.subscription-detail h2{margin-bottom:0}.platform-header .dashboard-primary{min-width:120px}
@media(max-width:1100px){.platform-overview-grid{grid-template-columns:1fr 1fr}.platform-bars{gap:10px}.platform-bars strong{font-size:10px}}
@media(max-width:800px){.subscription-alert{margin:12px 15px 0;align-items:flex-start;flex-direction:column;gap:10px}.platform-overview-grid{grid-template-columns:1fr}.platform-tabs{gap:3px}.platform-tabs [role=tab]{padding:10px 15px}.platform-details{gap:12px;padding:14px}.platform-bars{gap:9px}.platform-usage{gap:6px}.platform-usage span{font-size:10px}.platform-tenant-title,.platform-invoice-title{gap:10px;flex-wrap:wrap}}
@media(max-width:420px){.platform-details{grid-template-columns:1fr}.platform-bars strong{font-size:10px}.platform-bars{gap:5px}.platform-tabs [role=tab]{padding:9px 12px}.platform-usage{grid-template-columns:1fr}.platform-usage>div{display:flex;align-items:center;justify-content:space-between}.platform-usage span{margin-bottom:0;font-size:12px}.platform-usage strong{font-size:18px}}

#platform-new-tenant{white-space:nowrap;flex-shrink:0}