@charset "UTF-8";
:root{color-scheme:light;--ink:#172633;--muted:#78838e;--line:#e8ecf0;--paper:#fff;--bg:#f5f7f9;--nav:#101c27;--gold:#d6af64;--green:#3b8269;--radius:14px;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c79b44;outline-offset:3px}button svg,svg.icon{width:20px;height:20px;flex:none;vertical-align:middle}svg.icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand b{color:var(--gold)}.brand-sub{font-size:9px;letter-spacing:2px;color:#a8b2bc;margin:8px 0 0;text-transform:uppercase}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#c1cbd3;position:fixed;inset:0 auto 0 0;width:238px;padding:32px 18px 20px;display:flex;flex-direction:column;z-index:30}.sidebar .logo{padding:0 16px 35px;color:white}.nav-label{font-size:9px;letter-spacing:1.8px;color:#6c7e8d;padding:0 17px;margin:0 0 12px;font-weight:700}.nav-link{border:0;width:100%;display:flex;gap:13px;align-items:center;background:none;color:inherit;padding:13px 16px;border-radius:8px;font-size:12px;margin-bottom:4px;position:relative;text-align:left;transition:background .15s}.nav-link:hover{background:#ffffff0b;color:white}.nav-link.active{background:#d6af6423;color:#f3d59e}.nav-link.active:before{content:"";width:3px;background:var(--gold);height:18px;border-radius:3px;position:absolute;left:0}.nav-link svg{width:18px;height:18px}.nav-spacer{flex:1;min-height:25px}.sidebar-bottom{margin:18px 12px 0;padding-top:20px;border-top:1px solid #ffffff12;font-size:11px;color:#8797a5}.live-dot{display:inline-block;width:6px;height:6px;background:#79b89a;border-radius:50%;margin-right:7px}.sidebar-bottom p{font-size:10px;line-height:1.6;margin:8px 0 0;color:#657886}.workspace{grid-column:2;min-width:0}.topbar{height:78px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:11px;color:#98a1aa;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:600;color:#40515f}.top-actions{display:flex;align-items:center;gap:18px}.today{font-size:11px;color:#89949d;display:flex;gap:8px;align-items:center}.today svg{width:15px;height:15px}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f7eedc;color:#91703b;font-size:12px;font-weight:800}.profile-name{font-size:11px;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:10px;color:#8a959d;margin-top:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;border-radius:7px;width:32px;height:32px;color:#687783;flex:none}.icon-button:hover{background:var(--bg)}.icon-button svg{width:16px;height:16px}.menu-toggle{display:none}main{padding:32px 38px 45px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 25px}.eyebrow{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:750;color:#9f864f;margin-bottom:8px}h1{margin:0;font-size:27px;letter-spacing:-.9px;font-weight:750;line-height:1.25}.page-description{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters select,.filters input{min-height:39px;padding:9px 12px;border:1px solid #e0e5e9;background:#fff;border-radius:8px;color:#52616e;font-size:11px;max-width:220px}.demo-banner{display:flex;gap:10px;align-items:center;background:#fff8e9;color:#987339;border:1px solid #efe1c2;border-radius:8px;padding:10px 14px;margin-bottom:23px;font-size:11px}.demo-banner svg{width:15px;height:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 20px;position:relative;min-height:128px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.stat-label{font-size:11px;color:#75818c}.stat-icon{color:#b8995c;background:#fcf6e9;border-radius:8px;padding:7px;display:grid;place-items:center}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:24px;font-weight:760;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-note{font-size:10px;color:#99a2a9;margin-top:8px}.stat-note.green{color:#4f9077}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}h2{margin:0;font-size:15px;font-weight:750;letter-spacing:-.2px}h3{font-size:13px;margin:0}.section-caption{font-size:10px;color:#9aa3ab;margin-top:5px}.text-button{padding:3px 0;border:0;background:none;color:#8e713b;font-size:11px;display:inline-flex;align-items:center;gap:7px}.text-button svg{width:14px;height:14px}.unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}.unit-card{border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;padding:18px;min-width:0;transition:transform .15s,box-shadow .15s;position:relative}.unit-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #17263308}.unit-head{display:flex;gap:11px;align-items:center;margin-bottom:18px}.unit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eff3f5;color:#61727e;flex:none}.unit-icon svg{width:21px;height:21px}.unit-farm .unit-icon{color:#3d896a;background:#eaf5ef}.unit-living .unit-icon{color:#ae7a3c;background:#fbf0e2}.unit-tech .unit-icon{color:#8163b5;background:#f1edfb}.unit-water .unit-icon{color:#468bbd;background:#eaf4fe}.unit-store .unit-icon{color:#c16873;background:#fceef0}.unit-media .unit-icon{color:#9772bc;background:#f4effb}.unit-cloth .unit-icon{color:#4c8b79;background:#edf6f2}.unit-name{font-size:12px;font-weight:750;margin-bottom:4px}.unit-desc{font-size:9px;color:#89949d;line-height:1.5}.unit-sales{font-size:17px;font-weight:730;letter-spacing:-.5px}.unit-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a0a7ae;margin-top:6px}.unit-footer svg{width:14px;height:14px}.unit-add{background:#f8f9fa;border:1px dashed #d8dfe4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#91a0ab;min-height:144px;gap:10px}.unit-add .plus-circle{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf0f4}.unit-add b{color:#667785;font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:22px;margin-bottom:22px;min-width:0}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{border:1px solid var(--line);background:#fcfdfd;border-radius:9px;padding:16px 13px;display:flex;align-items:center;gap:11px;text-align:left;transition:background .15s}.quick-action:hover{background:#f4f6f8}.quick-action:nth-child(2){background:#fcf7ed;border-color:#f0dfba}.quick-action .unit-icon{width:34px;height:34px;border-radius:8px}.quick-title{font-size:11px;font-weight:700;display:block}.quick-desc{font-size:9px;display:block;color:#99a2ab;margin-top:4px}.two-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.two-columns .panel{margin-bottom:0}.table-wrap{overflow:auto;margin:0 -4px;padding:0 4px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#9aa3ab;background:#f9fafb;padding:12px 13px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:15px 13px;border-bottom:1px solid #f0f2f4;vertical-align:middle}tr:last-child td{border-bottom:0}.cell-title{font-weight:650;display:block}.cell-sub{display:block;font-size:9px;color:#97a1aa;margin-top:4px}.number{text-align:right;font-variant-numeric:tabular-nums}.table-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;min-width:210px;max-width:330px;background:#fff}.search-field svg{width:15px;height:15px;color:#94a1ab}.search-field input{border:0;outline:0!important;min-width:0;width:100%;font-size:11px;background:none;color:var(--ink)}.table-note{font-size:10px;color:#8b98a3;line-height:1.6;margin:15px 0 0}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;white-space:nowrap;background:#f0f3f5;color:#76848e}.badge.green{background:#eaf5ef;color:#4b8b6c}.badge.gold{background:#fcf4e4;color:#a27c3c}.badge.red{background:#fdf0ef;color:#bb6b65}.badge.blue{background:#edf4fc;color:#5b86b2}.badge.purple{background:#f3effa;color:#8c73af}.task-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #f0f2f4;align-items:flex-start}.task-row:last-child{border:0}.task-mark{color:#c1cbd1;padding-top:1px}.task-mark.done{color:var(--green)}.task-title{font-size:11px;font-weight:650;line-height:1.5}.task-sub{font-size:10px;color:#96a2ac;margin-top:5px}.task-info{flex:1}.task-date{font-size:9px;color:#a18653;margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 15px;min-height:38px;font-size:11px;color:#536470;font-weight:600;white-space:nowrap}.btn:hover{background:#f4f6f8}.btn svg{width:16px;height:16px}.btn.primary{background:var(--gold);border-color:var(--gold);color:#2f2a20}.btn.primary:hover{background:#caa051}.btn.dark{background:var(--nav);color:white;border-color:var(--nav)}.btn.danger{color:#b26760}.btn.small{padding:6px 10px;min-height:30px;font-size:10px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:42px 20px;text-align:center;color:#8f9ba5}.empty .unit-icon{margin:0 auto 13px;width:45px;height:45px}.empty strong{font-size:13px;color:#526572;display:block;margin-bottom:7px}.empty p{font-size:11px;max-width:360px;margin:0 auto 17px;line-height:1.7}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tab{background:white;border:1px solid var(--line);border-radius:7px;padding:8px 13px;color:#8a96a0;font-size:11px}.tab.active{color:#886b32;background:#fbf4e7;border-color:#ead9b7}.hint{background:#f6f8fa;border:1px solid var(--line);border-radius:9px;padding:13px 16px;font-size:11px;color:#7b8c98;line-height:1.8;margin:15px 0}.hint.gold{background:#fcf8ee;border-color:#f0e3c7;color:#957948}.hint.red{background:#fff1ef;border-color:#f3d6d2;color:#af665e}.footer{display:flex;justify-content:space-between;font-size:9px;color:#a5aeb7;margin-top:28px;gap:12px}.mobile-nav{display:none}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.store-card{border:1px solid var(--line);background:white;border-radius:12px;padding:22px}.store-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.store-name{font-size:14px;font-weight:700}.store-details{font-size:11px;color:#8896a0;line-height:1.8;margin-top:8px}.store-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.store-bottom .amount{font-size:16px;font-weight:700}.small-muted{font-size:10px;color:#98a3ac}.employee-avatar{width:42px;height:42px;background:#f2f5f7;display:grid;place-items:center;border-radius:12px;font-weight:700;color:#72828f}.amount-list{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:12px}.amount-list dt{color:#8794a0}.amount-list dd{margin:0;font-weight:650;text-align:right}.amount-list .total{border-top:1px solid var(--line);padding-top:15px;font-size:16px;color:var(--ink)}.onboarding{padding:20px;border:1px solid #eadbbd;background:#fdf9f0;border-radius:12px;margin-bottom:25px;display:flex;align-items:center;gap:20px}.onboarding .onboard-text{flex:1}.onboarding h3{font-size:13px;margin-bottom:7px}.onboarding p{font-size:11px;line-height:1.7;color:#9b875e;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.settings-grid .panel{margin:0}.setting-heading{display:flex;gap:13px;align-items:center;margin-bottom:14px}.setting-heading .unit-icon{background:#f8f1e3;color:#ad8d50}.setting-description{font-size:11px;line-height:1.8;color:#8b98a1;margin-bottom:20px}.loading-screen{display:grid;place-content:center;min-height:100vh;text-align:center}.loading-screen p{color:#8999a5;font-size:12px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-aside{background:var(--nav);padding:50px 60px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-aside:after{content:"";width:550px;height:550px;border-radius:50%;border:1px solid #d6af6415;position:absolute;right:-280px;bottom:-100px;box-shadow:0 0 0 60px #d6af6406,0 0 0 120px #d6af6404;pointer-events:none}.auth-eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:22px}.auth-aside h1{font-size:48px;letter-spacing:-2px;font-weight:650;max-width:420px;line-height:1.15}.auth-aside h1 em{font-style:normal;color:var(--gold)}.auth-aside .intro{color:#9daab5;font-size:13px;line-height:1.9;max-width:360px;margin-top:24px}.auth-unit-list{display:flex;flex-wrap:wrap;gap:8px;max-width:390px;margin-top:30px}.auth-unit-list span{font-size:10px;color:#b7c3cc;border:1px solid #ffffff18;border-radius:30px;padding:8px 12px}.auth-foot{color:#667a8a;font-size:10px}.auth-content{display:grid;place-content:center;padding:40px}.auth-form{width:min(370px,100%)}.auth-form h2{font-size:27px;letter-spacing:-.8px;margin-bottom:11px}.auth-form>p{font-size:12px;line-height:1.8;color:#8c99a4;margin-bottom:27px}.auth-form .field{margin-bottom:18px}.auth-form .btn{width:100%;min-height:45px;margin-top:6px}.auth-footnote{font-size:10px;color:#a3aeb5;line-height:1.8;text-align:center;margin-top:22px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6c7d89;min-width:0}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5e9;background:#fff;border-radius:7px;padding:10px 11px;font-size:12px;color:#314653;min-height:39px;outline-offset:1px}.field input:read-only{background:#f8fafb}.field textarea{resize:vertical;min-height:78px;line-height:1.6}.field small{font-size:10px;color:#9ba6ae;line-height:1.5}.checkbox{display:flex;gap:9px;align-items:flex-start;color:#8896a0;font-size:11px;line-height:1.7;margin:15px 0}.checkbox input{accent-color:#b8934e;margin:4px 0}.form-error{font-size:12px;color:#b06359;line-height:1.7;background:#fff1ee;border-radius:6px;padding:10px 13px;margin-top:10px}.form-error:empty{display:none}dialog{border:0;border-radius:15px;box-shadow:0 20px 80px #0a182a30;padding:0;width:min(750px,calc(100vw - 32px));max-height:92dvh;color:var(--ink)}dialog::backdrop{background:#07132088;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{font-size:18px}.dialog-head p{margin:6px 0 0;font-size:11px;color:#93a0aa}.dialog-body{padding:24px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.dialog-footer{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;background:#fbfcfd;position:sticky;bottom:0;z-index:2}.line-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.line-title strong{font-size:12px}.line-item{display:grid;grid-template-columns:minmax(0,2fr) 80px 110px 30px;gap:10px;align-items:end;margin-bottom:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.line-item.no-price{grid-template-columns:minmax(0,2fr) 100px 30px}.line-item .icon-button{margin-bottom:3px;width:29px;height:32px}.transaction-total{display:flex;align-items:center;justify-content:space-between;background:#f5f8f9;border-radius:8px;padding:15px;margin-top:18px;font-size:12px}.transaction-total strong{font-size:20px}.details-heading{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.details-heading h3{font-size:16px;margin-bottom:8px}.details-heading p{font-size:11px;line-height:1.7;color:#8c99a3;margin:0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.detail-label{font-size:10px;color:#96a3ad;margin-bottom:5px}.detail-value{font-size:12px;font-weight:650}.slip-header{text-align:center;border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:20px}.slip-header .brand{font-size:22px}.slip-header h3{font-size:15px;margin:17px 0 7px}.slip-header p{font-size:11px;color:#84919b;margin:0}.slip-note{font-size:10px;color:#9aa5ae;line-height:1.7;margin-top:22px}.issue-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.issue{display:flex;gap:10px;align-items:center;font-size:11px;border:1px solid var(--line);border-radius:8px;padding:13px}.issue svg{width:16px;height:16px;color:#ac8d4e}.issue a{margin-left:auto;color:#987537}.count-chip{background:#f1f4f6;color:#90a0ac;border-radius:5px;padding:4px 7px;font-size:10px;margin-left:8px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--nav);color:white;box-shadow:0 5px 30px #0a182a33;border-radius:9px;padding:13px 20px;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 32px);line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-backdrop{display:none}.busy-line{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:99;width:100%;animation:pulse 1s ease-in-out infinite}body:not(.busy) .busy-line{display:none}@keyframes pulse{50%{opacity:.3}}.no-results{font-size:11px;color:#96a3ad;padding:22px;text-align:center}.hidden,[hidden]{display:none!important}
@media(min-width:1600px){main{padding-top:40px}.unit-card{padding:22px}.stat{padding:24px}}
@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding-inline:12px}.sidebar .logo{padding-inline:13px}.brand{font-size:23px}main{padding:27px 24px}.topbar{padding-inline:24px}.stat{padding:17px 15px}.stat-value{font-size:20px}.unit-card{padding:14px}.unit-head{gap:8px}.unit-icon{width:31px;height:31px}.unit-name{font-size:11px}.unit-desc{font-size:8px}.quick-action{padding:13px 10px;gap:8px}.quick-title{font-size:10px}.quick-desc{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-name{max-width:95px}}
@media(max-width:1000px){.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-card{padding:18px}.unit-head{gap:12px}.unit-name{font-size:13px}.unit-desc{font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:25px}.two-columns{grid-template-columns:1fr}.today{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.filters{width:100%}.filters select{flex:1;max-width:none}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-desc{display:block}.settings-grid{grid-template-columns:1fr}.auth-aside{padding:40px}.auth-aside h1{font-size:38px}}
@media(max-width:740px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:translateX(0)}.sidebar.open~.mobile-backdrop{display:block;position:fixed;inset:0;background:#07132080;z-index:25}.workspace{padding-bottom:65px}.topbar{height:65px;padding:0 19px;gap:12px}.menu-toggle{display:grid;border:0;width:25px;background:transparent}.topbar>.breadcrumb{display:none}.top-actions{gap:10px;margin-left:auto}.profile{border:0;padding:0}.profile-name{max-width:135px}.avatar{width:30px;height:30px}.topbar .icon-button.logout{display:none}main{padding:24px 18px 30px}.page-heading{margin-bottom:21px}h1{font-size:25px}.page-description{font-size:11px}.eyebrow{font-size:8px}.filters{gap:8px}.filters select,.filters input{max-width:none;font-size:10px;padding:9px}.filters select{min-width:0;flex:1}.filters input{width:135px}.stats{gap:10px;margin-bottom:23px}.stat{min-height:116px;padding:16px 14px;border-radius:11px}.stat-label{font-size:10px}.stat-value{font-size:21px}.stat-top{margin-bottom:13px}.stat-note{font-size:9px}.stat-icon{padding:5px}.stat-icon svg{width:14px;height:14px}.unit-grid{gap:10px;margin-bottom:23px}.unit-card{padding:16px 13px;border-radius:11px}.unit-head{gap:9px;margin-bottom:16px}.unit-icon{width:33px;height:33px}.unit-name{font-size:11px}.unit-desc{font-size:8px}.unit-sales{font-size:16px}.unit-footer{font-size:8px}.unit-add{min-height:129px}.panel{padding:18px 15px;border-radius:11px;margin-bottom:18px}.section-heading{gap:10px;margin-bottom:15px}h2{font-size:14px}.section-caption{font-size:9px}.text-button{font-size:10px}.quick-actions{gap:8px}.quick-action{padding:13px 9px;gap:8px}.quick-action .unit-icon{width:28px;height:28px}.quick-action .unit-icon svg{width:17px;height:17px}.quick-title{font-size:10px}.quick-desc{font-size:8px}.two-columns{gap:18px}.footer{font-size:8px;line-height:1.8;flex-direction:column;gap:2px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);display:flex;justify-content:space-around;padding:9px 10px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:50px;font-size:9px;color:#96a2ab;padding:3px 9px}.mobile-nav a.active{color:#99783e}.mobile-nav svg{width:19px;height:19px}.card-grid{grid-template-columns:1fr}.table-tools{align-items:stretch;gap:12px}.search-field{max-width:none;flex:1;min-width:180px}.table-tools .action-buttons{width:100%}.table-tools .btn{flex:1}.btn{font-size:10px;padding:10px 12px}.onboarding{align-items:flex-start;gap:13px;flex-direction:column}.onboarding .btn{align-self:stretch}.table-wrap{margin-inline:-7px;padding-inline:7px}th{font-size:8px;padding:11px 9px}td{font-size:10px;padding:14px 9px}.auth-layout{grid-template-columns:1fr}.auth-aside{padding:25px;min-height:auto}.auth-aside .hero-text{display:none}.auth-aside .auth-foot{display:none}.auth-aside .brand{font-size:24px}.auth-content{padding:38px 24px;align-content:start}.auth-form{width:100%;max-width:400px}.auth-form h2{font-size:25px}.auth-aside:after{display:none}.demo-banner{font-size:10px;line-height:1.6;padding:9px 12px;margin-bottom:18px}.dialog-head{padding:18px}.dialog-body{padding:19px 18px}.dialog-footer{padding:15px 18px}.form-grid{gap:15px}.line-item{grid-template-columns:minmax(0,1fr) 60px 86px 25px;gap:7px}.line-item .icon-button{width:25px}.line-item .field input,.line-item .field select{padding:9px 6px;font-size:10px}.line-item.no-price{grid-template-columns:minmax(0,1fr) 70px 25px}.line-item .field{font-size:9px}#toast{bottom:83px;width:max-content}.details-heading{flex-direction:column}.dialog-head h2{font-size:16px}}
@media(max-width:380px){main{padding-inline:12px}.stat-value{font-size:19px}.unit-card{padding:13px 10px}.unit-head{gap:7px}.unit-name{font-size:10px}.unit-icon{width:29px;height:29px}.unit-icon svg{width:17px;height:17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.quick-desc{display:none}.profile-name{max-width:100px}}
@media print{body{background:#fff}.layout,.mobile-nav,#toast,.skip-link{display:none!important}dialog[open]{position:static;display:block;width:100%;max-width:none;max-height:none;box-shadow:none;border-radius:0;overflow:visible;margin:0}dialog::backdrop{display:none}.dialog-head,.dialog-footer,.no-print{display:none!important}.dialog-body{padding:15px}.slip-header{margin-top:30px}}

.row-actions{align-items:center;flex-wrap:nowrap}
.row-actions .btn.small{min-height:32px}
.unit-footer{flex-wrap:wrap;gap:8px}
.unit-footer .row-actions{margin-left:auto}
.delete-name{font-size:17px;font-weight:700;overflow-wrap:anywhere}
.dialog-footer{flex-wrap:wrap}
#cancel-sale-form .amount-list{margin-bottom:24px}
#entity-form .dialog-footer>[data-action="delete-entity"]{margin-right:auto}

/* Calm slate palette for screens; printed documents keep the light palette. */
@media screen {
  :root {
    color-scheme: dark;
    --bg: #1b252d;
    --paper: #26333d;
    --nav: #131e26;
    --ink: #e3e8ea;
    --muted: #b4c0c8;
    --line: #3a4954;
    --gold: #c4ad7b;
    --green: #99c3af;
    --field-bg: #202c35;
    --hover: #2e3e49;
    --soft: #a1afb9;
    scrollbar-color: #53636f var(--bg);
  }

  .stat, .unit-card, .panel, .store-card, .auth-layout,
  .dialog-head, dialog, .skip-link {
    background: var(--paper);
    color: var(--ink);
  }
  .icon-button, .btn, .tab, .search-field,
  .filters select, .filters input,
  .field input, .field select, .field textarea {
    background: var(--field-bg);
    border-color: var(--line);
    color: var(--ink);
  }
  .dialog-footer, th, .hint, .transaction-total,
  .field input:read-only, .unit-add {
    background: var(--field-bg);
  }
  td, .task-row { border-bottom-color: var(--line); }
  .unit-add { border-color: #53616b; color: var(--soft); }
  .quick-action { background: var(--field-bg); color: var(--ink); }
  .icon-button:hover, .btn:hover, .quick-action:hover, .tab:hover {
    background: var(--hover);
  }
  .unit-card:hover { box-shadow: 0 8px 20px #10182033; }

  .breadcrumb, .today, .profile-role, .stat-label, .stat-note,
  .section-caption, .unit-desc, .unit-footer, .quick-desc,
  .cell-sub, .table-note, .task-sub, .store-details, .small-muted,
  .footer, .setting-description, .field small, .dialog-head p,
  .details-heading p, .detail-label, .slip-header p, .slip-note,
  .loading-screen p, .auth-footnote, .auth-form > p, .checkbox,
  .auth-foot, .no-results, .empty, th {
    color: var(--soft);
  }
  .field, .amount-list dt, .hint { color: var(--muted); }
  .breadcrumb strong, .unit-add b, .empty strong { color: var(--ink); }
  .nav-label, .sidebar-bottom p { color: var(--soft); }
  .eyebrow, .text-button, .task-date, .issue a, .issue svg,
  .mobile-nav a.active { color: var(--gold); }
  .stat-note.green, .task-mark.done { color: var(--green); }
  .nav-link.active { background: #c4ad7b1c; color: #dcc99f; }
  .nav-link:hover { background: #ffffff0b; color: var(--ink); }

  .avatar, .stat-icon, .setting-heading .unit-icon {
    background: #3b382f;
    color: #d0bb8b;
  }
  .unit-icon, .employee-avatar, .unit-add .plus-circle {
    background: #2c3d49;
    color: #b7c6d1;
  }
  .unit-farm .unit-icon { background: #273f39; color: #9ac5ad; }
  .unit-living .unit-icon { background: #40392d; color: #d3b38a; }
  .unit-tech .unit-icon { background: #37334a; color: #c4b1df; }
  .unit-water .unit-icon { background: #283c4d; color: #9abedf; }
  .unit-store .unit-icon { background: #453238; color: #d7a4ac; }
  .unit-media .unit-icon { background: #3b334b; color: #c7afd9; }
  .unit-cloth .unit-icon { background: #2a403b; color: #9fc2b4; }
  .badge, .count-chip { background: var(--hover); color: var(--muted); }
  .badge.green { background: #283e38; color: #97c4b0; }
  .badge.gold { background: #403a2d; color: #dbc18e; }
  .badge.blue { background: #283c4e; color: #9bc1e4; }
  .badge.red { background: #472f34; color: #dea7a5; }
  .badge.purple { background: #393347; color: #c4b1df; }

  .demo-banner, .hint.gold, .onboarding, .tab.active,
  .quick-action:nth-child(2) {
    background: #38362a;
    border-color: #5b523b;
    color: #ccb984;
  }
  .quick-action:nth-child(2) .quick-title { color: var(--ink); }
  .quick-action:nth-child(2):hover { background: #423e30; }
  .onboarding p { color: #ccb984; }
  .hint.red, .form-error {
    background: #432d33;
    border-color: #67444a;
    color: #e0b4af;
  }
  .btn.primary { background: var(--gold); border-color: var(--gold); color: #172633; }
  .btn.primary:hover { background: #d0ba89; border-color: #d0ba89; }
  .btn.dark { background: var(--nav); color: var(--ink); }
  .btn.dark:hover { background: var(--hover); }
  .btn.danger { color: #e0b4af; }

  input::placeholder, textarea::placeholder { color: var(--soft); opacity: 1; }
  .checkbox input { accent-color: var(--gold); }
  .search-field:focus-within { border-color: var(--gold); }
  button:focus-visible, a:focus-visible, input:focus-visible,
  select:focus-visible, textarea:focus-visible { outline-color: #d2ba89; }
  .mobile-nav { background: #202c35f2; }
  .mobile-nav a { color: var(--soft); }
  dialog { box-shadow: 0 20px 80px #09111866; }
  dialog::backdrop { background: #091118b3; }
  #toast { background: #31434e; color: var(--ink); box-shadow: 0 5px 30px #09111855; }
}