@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#222322;--muted:#666a64;--line:#e3e4df;--paper:#f6f5f2;--white:#fff;--green:#31493d;--green2:#3c5a4a;--soft:#f0f1ed;--shadow:0 8px 30px #20251a0a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#676d64;margin:0 0 11px}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 25px Manrope,sans-serif;letter-spacing:-3px}.brand-mark span{color:#d5b986}.auth-wrap,.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 80% 12%,#e4e8df,transparent 37%),var(--paper)}.auth-card,.setup-card{width:min(100%,420px);padding:42px;background:#fff;border:1px solid #eeeeea;border-radius:24px;box-shadow:var(--shadow)}.auth-card h1,.setup-card h1{font:700 34px/1.12 Manrope,sans-serif;letter-spacing:-1.3px;margin:9px 0 12px}.auth-card>.brand-mark,.setup-card>.brand-mark{margin-bottom:30px}.auth-tabs{display:flex;background:#f5f5f2;padding:4px;border-radius:10px;margin:26px 0 20px}.tab{border:0;background:transparent;color:var(--muted);padding:10px;flex:1;border-radius:8px}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #2222220d;font-weight:600}.field{display:grid;gap:7px;margin:16px 0}.field label{font-size:12px;font-weight:600;color:#555950}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dad3;border-radius:9px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#607665;box-shadow:0 0 0 3px #dfe7df}.button{border:0;border-radius:9px;padding:11px 16px;font-weight:600;transition:.15s}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green2)}.button.secondary{background:var(--soft);color:var(--green)}.button.full{width:100%;margin-top:8px;padding:13px}.app{min-height:100vh;display:flex}.sidebar{width:232px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 14px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 30px;text-decoration:none;color:var(--ink);font:800 19px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark.small{width:33px;height:33px;font-size:20px;border-radius:11px}.business-select{width:100%;background:#f7f7f4;border:1px solid #eee;padding:12px;border-radius:10px;margin-bottom:26px;color:var(--ink)}nav{display:grid;gap:5px}.nav-link{border:0;background:transparent;text-align:left;border-radius:8px;padding:11px 12px;color:#5f645c;font-weight:500}.nav-link span{display:inline-block;width:24px;font-size:17px;vertical-align:-1px}.nav-link:hover,.nav-link.active{background:#eff1ed;color:var(--green);font-weight:600}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);padding:15px 5px 1px;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#e9ece5;display:grid;place-items:center;color:var(--green);font-weight:700}.profile strong,.profile small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:3px}.main-column{min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid var(--line);background:#ffffffb8;display:flex;align-items:center;padding:0 40px;gap:18px}.top-business{display:flex;align-items:center;gap:10px}.logo-preview{width:34px;height:34px;border-radius:10px;background:#eff1ed;display:grid;place-items:center;color:var(--green);overflow:hidden}.logo-preview img,.brand-logo-preview img{width:100%;height:100%;object-fit:cover}.top-business strong,.top-business small{display:block}.top-business strong{font-size:12px}.top-business small{font-size:10px;color:var(--muted);margin-top:3px;text-transform:capitalize}.topbar-right{margin-left:auto}.period-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.period-label select{padding:8px 28px 8px 10px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--ink);font-size:12px}.icon-button{display:none;border:0;background:transparent;font-size:18px}.content{max-width:1200px;padding:36px 40px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{font:700 28px Manrope,sans-serif;letter-spacing:-.8px;margin:0}.page-heading .button{display:flex;gap:8px;align-items:center}.data-note{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#eef2ed;border:1px solid #dfe8de;border-radius:12px;margin-bottom:17px;color:#45604c}.data-note>span{color:#527552;font-size:15px;line-height:1}.data-note strong,.data-note small{display:block}.data-note strong{font:600 12px Manrope}.data-note small{font-size:10px;line-height:1.5;color:#5d6d60;margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card,.panel{background:#fff;border:1px solid #eeefeb;border-radius:13px;box-shadow:var(--shadow)}.stat-card{padding:18px 18px 17px;position:relative;min-height:143px}.stat-card>span{display:block;color:#656a62;font-size:11px;margin-top:13px}.stat-card>strong{display:block;font:700 24px Manrope,sans-serif;letter-spacing:-.6px;margin-top:4px}.stat-card>small{font-size:10px;color:#6f746c;display:block;margin-top:3px}.stat-icon{position:absolute;right:17px;top:17px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:15px}.lilac{background:#f1ecf6;color:#806a96}.mint{background:#e7f1ea;color:#587d65}.peach{background:#f8eee4;color:#8b603d}.sky{background:#e9f0f3;color:#526f7e}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:17px}.panel{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel-heading h2{font:700 14px Manrope,sans-serif;margin:0;letter-spacing:-.2px}.panel-heading p{margin:5px 0 0;color:#686c66;font-size:11px}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#f4f5f2;border-radius:8px;color:#637566}.employee-list,.popular-list{display:grid}.employee-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1f1ee}.employee-row:first-child{border-top:0}.employee-initial{width:30px;height:30px;display:grid;place-items:center;background:#edf0ea;color:#5d705e;border-radius:50%;font-weight:600;font-size:11px}.employee-info{flex:1;min-width:0}.employee-info strong{display:block;font-size:11px}.employee-info small{font-size:10px;color:#666b63}.employee-count{text-align:right;font-size:11px;font-weight:600}.employee-count strong,.employee-count small{display:block}.employee-count small{font-size:9px;font-weight:400;color:#666b63;margin-top:3px}.empty-state{padding:20px 10px;color:#666b63;font-size:11px;text-align:center}.featured-group+.featured-group{margin-top:12px;padding-top:12px;border-top:1px solid #f1f1ee}.featured-group h3{margin:0 0 3px;font:600 10px Manrope;text-transform:uppercase;letter-spacing:.8px;color:#626a60}.featured-empty{margin:8px 0;font-size:10px;color:#666b63}.popular-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #f1f1ee}.featured-group h3+.popular-row{border-top:0}.popular-bullet{width:7px;height:7px;border-radius:3px;background:#718c6f}.popular-row>div:nth-child(2){flex:1}.popular-row strong{font-size:11px;display:block}.popular-row small{font-size:10px;color:#666b63}.popular-row>b{font-size:11px}.recent-panel{margin-top:15px}.sale-row{display:grid;grid-template-columns:1.2fr 1fr .7fr .6fr;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #f1f1ee;font-size:11px}.sale-row strong{display:block;font-size:11px}.sale-row small{font-size:10px;color:#666b63}.sale-row .total{text-align:right;font-weight:600}.form-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(200px,1fr);gap:16px;align-items:start}.sale-panel{padding:24px}.optional{color:#656a63;font-weight:400}.cart{margin:8px 0}.cart-row{display:grid;grid-template-columns:1fr 78px 86px 28px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #f1f1ee;font-size:11px}.cart-row input{width:68px;border:1px solid var(--line);border-radius:6px;padding:7px}.cart-row small{display:block;color:#666b63;font-size:10px;margin-top:3px}.remove-item{border:0;background:transparent;color:#8c4945;font-size:17px}.sale-total{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 0;margin-top:10px}.sale-total strong{font:700 20px Manrope}.hint-card{background:#e9ede7;padding:24px;border-radius:13px;color:#425747}.hint-card>span{font-size:20px}.hint-card h3{font:700 17px/1.3 Manrope;margin:17px 0 8px}.hint-card p{font-size:11px;line-height:1.7;color:#5c6e60}.catalog-grid,.team-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:16px;align-items:start}.add-form{padding:0 0 6px}.add-form form{display:grid;grid-template-columns:1.3fr .8fr .9fr auto;gap:9px;align-items:end}.add-form .field{margin:7px 0 12px}.add-form .field input,.add-form .field select{padding:10px}.add-form button{margin-bottom:12px}.catalog-item,.team-row{display:flex;align-items:center;gap:10px;padding:12px 2px;border-top:1px solid #f1f1ee}.item-symbol{width:32px;height:32px;border-radius:9px;background:#eef1eb;display:grid;place-items:center;color:#62765f}.catalog-info,.team-info{flex:1}.catalog-info strong,.team-info strong{display:block;font-size:11px}.catalog-info small,.team-info small{font-size:10px;color:#666b63}.item-price{font-size:11px;font-weight:600}.delete-button{border:0;background:transparent;color:#666b63;font-size:16px}.brand-panel form,.team-grid form{max-width:100%}.brand-logo-preview{width:72px;height:72px;border:1px dashed #d9ddd5;border-radius:12px;display:grid;place-items:center;color:#667064;margin:8px 0 16px;overflow:hidden}.team-row .role-chip{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:5px 7px;background:#edf1ec;color:#526b54;border-radius:5px}.form-note{font-size:10px;color:#666b63;line-height:1.6}.toast{position:absolute;top:18px;left:50%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;background:#293c31;color:white;padding:12px 17px;border-radius:9px;z-index:30;box-shadow:var(--shadow);transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.content{padding:29px 25px 48px}.topbar{padding:0 25px}.stat-grid,.stat-grid.personal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid,.team-grid{grid-template-columns:1fr}.brand-panel{max-width:none}}
@media(max-width:700px){.sidebar{position:absolute;z-index:5;left:-245px;top:0;bottom:0;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.icon-button{display:block}.topbar{height:64px;padding:0 15px;gap:10px}.top-business{margin-right:auto}.period-label{gap:5px}.period-label select{max-width:95px}.content{padding:25px 15px 35px}.page-heading{margin-bottom:19px}.page-heading h1{font-size:24px}.page-heading .button{padding:10px 12px}.page-heading .button span{font-size:11px}.stat-grid{gap:9px}.stat-card{padding:14px;min-height:130px}.stat-card>strong{font-size:21px}.stat-icon{right:12px;top:12px;width:27px;height:27px}.dashboard-grid,.form-layout{grid-template-columns:1fr;gap:12px}.panel{padding:17px}.hint-card{display:none}.sale-panel{padding:18px}.add-form form{grid-template-columns:1fr 1fr}.add-form form .field:first-child{grid-column:span 2}.add-form form button{margin:0 0 12px}.sale-row{grid-template-columns:1.1fr 1fr .7fr}.sale-row .when{display:none}.auth-card,.setup-card{padding:30px 24px}.auth-card h1,.setup-card h1{font-size:31px}.recent-panel{overflow:hidden}.sale-row{font-size:10px}.sale-row strong{font-size:10px}.customer-row{grid-template-columns:62px minmax(0,1fr)}.last-operation{grid-column:2}.customer-row .edit-customer{grid-column:2;justify-self:start}.modal-card{padding:19px}}
.stat-grid.personal-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-grid.personal-dashboard{grid-template-columns:1fr}.personal-recent .sale-row{grid-template-columns:1.4fr .8fr .6fr}
@media(max-width:1000px){.stat-grid.personal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.customer-select{display:flex;gap:8px}.customer-select select{flex:1}.customer-select .button{padding:8px 12px}.customers-panel{padding:20px}.customer-row{display:grid;grid-template-columns:72px minmax(0,1fr) 170px auto;gap:14px;align-items:center;padding:14px 2px;border-top:1px solid #f1f1ee}.customer-code{font-size:11px;font-weight:700;color:#62765f;background:#edf1ec;padding:7px 8px;border-radius:7px;text-align:center;letter-spacing:.4px}.customer-info{min-width:0}.customer-info strong,.customer-info small,.last-operation span,.last-operation strong{display:block}.customer-info strong{font-size:12px}.customer-info small{margin-top:4px;color:#8d928a;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-operation span{font-size:10px;color:#9b9e98}.last-operation strong{font-size:11px;margin-top:4px}.edit-customer{font-size:11px;padding:8px 10px}.modal{position:absolute;inset:0;background:#1f282240;z-index:20;display:grid;place-items:center;padding:18px}.modal-card{width:min(100%,440px);background:#fff;border-radius:15px;padding:23px;box-shadow:0 20px 55px #20251a33}.close-modal{border:0;background:transparent;font-size:22px;color:#7b8078;line-height:1;padding:0 3px}
@media(max-width:700px){.customer-row{grid-template-columns:62px minmax(0,1fr)}.last-operation{grid-column:2}.customer-row .edit-customer{grid-column:2;justify-self:start}.modal-card{padding:19px}}
.profile{border:0;border-top:1px solid var(--line);padding:15px 5px 1px;background:transparent;text-align:left;width:100%;display:flex;gap:10px;align-items:center}.profile:hover{background:#f7f8f5;border-radius:8px}.avatar,.customer-avatar,.photo-preview{width:34px;height:34px;border-radius:50%;background:#e9ece5;display:grid;place-items:center;color:var(--green);font-weight:700;overflow:hidden;flex-shrink:0}.avatar img,.customer-avatar img,.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-picker,.photo-editor{display:flex;gap:12px;align-items:center}.photo-preview{width:52px;height:52px;font-size:20px}.photo-preview.large{width:92px;height:92px;font-size:28px}.photo-action{display:inline-block;font-size:11px;padding:8px 10px;margin:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.customer-avatar{width:36px;height:36px}
.activity-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e9ece5}.recent-employee{display:flex;align-items:center;gap:7px;min-width:0}.recent-employee .activity-avatar{width:25px;height:25px}
.date-range{display:flex;gap:9px;align-items:center}.date-range label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.date-range input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;color:var(--ink);font-size:11px}.sales-panel{padding:20px}.sale-history-row{display:grid;grid-template-columns:1.35fr 1fr .7fr auto;gap:14px;align-items:center;padding:14px 2px;border-top:1px solid #f1f1ee}.sale-history-row strong,.sale-history-row span,.sale-history-row small{display:block}.sale-history-row>div:first-child{min-width:0}.sale-history-row>div:first-child strong{font-size:12px}.sale-history-row small{font-size:10px;color:#979b94;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-history-row>strong{text-align:right;font-size:12px}.sale-history-row .button{font-size:11px;padding:8px 10px}.sale-modal-card{width:min(100%,560px)}.read-only{opacity:.72}
.employee-initial{overflow:hidden}.employee-initial img{width:100%;height:100%;object-fit:cover}
.catalog-search{margin:4px 0 10px}.catalog-search input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fff;font-size:12px}.catalog-item.inactive{opacity:.55}.item-symbol{overflow:hidden}.item-symbol img{width:100%;height:100%;object-fit:cover}.edit-catalog{font-size:11px;padding:8px 10px}.history-toggle{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#596057;line-height:1.45;margin:17px 0 6px}.history-toggle input{margin:2px 0 0}.history-impact{margin:7px 0 0;padding:9px 10px;border-radius:8px;background:#fff5df;color:#866820;font-size:10px;line-height:1.5}
.catalog-tools{display:flex;gap:12px;align-items:center;margin:4px 0 10px}.catalog-tools .catalog-search{flex:1;margin:0}.catalog-filter{display:flex;background:#f2f3ef;padding:3px;border-radius:8px}.catalog-filter-button{border:0;background:transparent;color:#73776f;padding:7px 9px;border-radius:6px;font-size:10px;font-weight:600}.catalog-filter-button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #22222210}
@media(max-width:700px){.catalog-tools{display:block}.catalog-filter{width:max-content;margin-bottom:9px}}
@media(max-width:700px){.date-range{gap:5px}.date-range label{font-size:0}.date-range input{width:120px;font-size:10px;padding:7px 4px}.sale-history-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.sale-history-row>div:nth-child(2){grid-column:1}.sale-history-row>strong{grid-column:2;grid-row:1;text-align:right}.sale-history-row .button{grid-column:2;grid-row:2}}
.loading-bar{position:absolute;z-index:100;top:0;left:0;height:3px;width:35%;background:#557663;opacity:0;transform:translateX(-110%);transition:opacity .15s}.loading-bar.show{opacity:1;animation:loading 1s ease-in-out infinite}.toast[data-kind="error"]{background:#7a302d}.button:disabled{cursor:wait;opacity:.58}.button.danger{background:#f7e8e7;color:#7a302d}.sale-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sale-actions{display:flex;justify-content:flex-end;gap:9px}.sale-status{padding:10px 12px;margin-bottom:12px;border-radius:8px;background:#f7e8e7;color:#7a302d;font-size:11px}.status-chip{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:5px;background:#f7e8e7;color:#7a302d;font-size:9px;text-transform:uppercase;vertical-align:1px}.sale-history-row.voided{opacity:.65}.audit-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 2px;border-top:1px solid #f1f1ee}.audit-dot{width:8px;height:8px;border-radius:50%;background:#78907b;margin-top:4px}.audit-row strong,.audit-row small{display:block}.audit-row strong{font-size:11px}.audit-row small,.audit-row time{font-size:10px;color:var(--muted);margin-top:4px}.audit-row time{text-align:right;white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a5bea9;outline-offset:2px}.modal-card{max-height:calc(100vh - 36px);overflow:auto}
@keyframes loading{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
@media(max-width:700px){.sale-details{grid-template-columns:1fr}.sale-actions{flex-direction:column-reverse}.sale-actions .button{width:100%}.audit-row{grid-template-columns:10px minmax(0,1fr)}.audit-row time{grid-column:2;text-align:left}.modal{align-items:end;padding:0}.modal-card{width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* The app uses a single palette so both themes stay consistent across forms and panels. */
:root[data-theme="dark"]{color-scheme:dark;--ink:#eceeea;--muted:#a5aaa2;--line:#343a35;--paper:#171a18;--white:#222724;--green:#a6c2ac;--green2:#bdd4c2;--soft:#2b312c;--shadow:0 8px 30px #0005}
:root[data-theme="dark"] body,:root[data-theme="dark"] .app{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .auth-card,:root[data-theme="dark"] .setup-card,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .modal-card{background:#222724;border-color:#343a35;color:var(--ink)}
:root[data-theme="dark"] .topbar{background:#1b201de8;border-color:var(--line)}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea,:root[data-theme="dark"] .date-range input,:root[data-theme="dark"] .period-label select,:root[data-theme="dark"] .catalog-search input,:root[data-theme="dark"] .business-select{background:#191d1a;color:var(--ink);border-color:#414942}
:root[data-theme="dark"] .nav-link,:root[data-theme="dark"] .dock-link{color:#c3c9c1}
:root[data-theme="dark"] .nav-link:hover,:root[data-theme="dark"] .nav-link.active,:root[data-theme="dark"] .dock-link.active{background:#303a32;color:#c2ddc8}
:root[data-theme="dark"] .mobile-dock{background:#222724;border-color:#3b433d;box-shadow:0 4px 20px #0008}
:root[data-theme="dark"] .data-note,:root[data-theme="dark"] .hint-card{background:#28342b;border-color:#39483b;color:#c1d6c4}
:root[data-theme="dark"] .panel-icon,:root[data-theme="dark"] .logo-preview,:root[data-theme="dark"] .avatar,:root[data-theme="dark"] .employee-initial,:root[data-theme="dark"] .item-symbol{background:#303a32;color:#b8d1bd}
:root[data-theme="dark"] .auth-wrap,:root[data-theme="dark"] .setup-wrap{background:radial-gradient(ellipse at 80% 12%,#29342c,transparent 37%),var(--paper)}
:root[data-theme="dark"] .tab.active,:root[data-theme="dark"] .catalog-filter-button.active{background:#343d36;color:var(--ink)}
:root[data-theme="dark"] .catalog-filter,:root[data-theme="dark"] .team-row .role-chip{background:#303a32;color:#c0d9c5}
:root[data-theme="dark"] .button.secondary{background:#303a32;color:#c2ddc8}
:root[data-theme="dark"] .customer-code{background:#303a32;color:#c2ddc8}
.brand-mark{display:flex;align-items:center;justify-content:center}
.sidebar-actions .theme-toggle{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:12px;line-height:1.2}.sidebar-actions .nav-link span{width:auto}.sidebar-actions.mobile-shortcut{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sidebar-actions.mobile-shortcut .nav-link{display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;text-align:center;text-size-adjust:none}.sidebar-actions.mobile-shortcut .action-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1}.sidebar-actions.mobile-shortcut .action-icon{font-size:18px;line-height:1;white-space:nowrap}
.mobile-dock{display:none}
#shortcut-modal{position:fixed;z-index:25}.shortcut-instructions{font-size:13px;line-height:1.65;margin:12px 0;color:var(--ink)}.shortcut-card .panel-heading{align-items:flex-start}.close-shortcut-modal{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;padding:0 3px}
@media(max-width:700px){
  .app{position:relative;min-height:100vh;min-height:100dvh}
  .main-column{display:flex;flex:1;flex-direction:column;min-height:100vh;min-height:100dvh}
  .content{flex:1}
  .sidebar{position:absolute;left:-245px;top:var(--sidebar-top,0px);bottom:auto;height:var(--visible-viewport-height,100dvh);min-height:0;overflow-y:auto;overscroll-behavior:contain;z-index:15;transition:left .2s}
  .sidebar.open{left:0}
  .mobile-dock{position:sticky;bottom:max(12px,var(--browser-chrome-bottom,0px));z-index:4;display:flex;align-items:center;justify-content:space-around;gap:3px;width:min(420px,calc(100% - 30px));align-self:center;margin:18px auto 12px;padding:8px 9px;background:#fff;border:1px solid #e5e6e1;border-radius:22px;box-shadow:0 5px 20px #20251a24}
  .dock-link{display:flex;flex:1;min-width:0;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:12px;background:transparent;color:#656b64}
  .dock-link>span{font-size:19px;line-height:1}.dock-link small{font-size:9px}
  .dock-link.active{color:var(--green);background:#eff1ed}
  .dock-new-sale{flex:0 0 50px;height:50px;min-height:50px;margin:0 4px;border-radius:50%;background:#7356e8;color:#fff;box-shadow:0 3px 9px #7356e855}
  .dock-new-sale>span{font-size:28px;font-weight:300}
  .dock-new-sale.active{background:#6345d5;color:#fff}
  .dock-profile{order:5}
  .content{padding-bottom:18px}
}