:root{color-scheme:dark;--bg:#0b0d0e;--panel:#15191b;--panel2:#1b2022;--panel3:#202628;--line:#2a3032;--txt:#f2f3f1;--muted:#899093;--soft:#b8bec0;--yellow:#f7c928;--yellow-2:#ffda55;--green:#76cc9a;--red:#ed897a;--radius:15px}*{box-sizing:border-box}html{font-family:Inter,'Segoe UI',Roboto,Arial,sans-serif;font-synthesis:none}body{margin:0;background:var(--bg);color:var(--txt);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select{color:var(--txt)}svg{display:inline-block;flex:none;vertical-align:middle}a{color:var(--yellow)}h1,h2,h3,p{margin:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f7c928;outline-offset:2px}::selection{background:var(--yellow);color:#111}.hidden{display:none!important}.dim,.muted{color:var(--muted)}.initial-loading{height:100vh;display:flex;align-items:center;justify-content:center;font-size:27px;font-style:italic;font-weight:900;letter-spacing:-1.3px}.initial-loading span{color:var(--yellow);margin-left:6px}
/* Login */
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;overflow:hidden;min-height:720px;padding:48px 65px;background:radial-gradient(ellipse at 65% 51%,#263030 0,#12191a 31%,#0b1011 71%);border-right:1px solid var(--line)}.login-art:before{content:'';position:absolute;inset:0;opacity:.28;background-image:linear-gradient(transparent 97%,#526060 99%),linear-gradient(90deg,transparent 97%,#526060 99%);background-size:65px 65px;mask-image:linear-gradient(to right,transparent,#000)}.login-top-brand,.login-mobile-brand{position:relative;font-size:32px;font-weight:950;letter-spacing:-1.7px;font-style:italic;z-index:2}.login-top-brand span,.login-mobile-brand span,.brand-title span:not(.brand-dot){color:var(--yellow)}.login-top-brand small{display:block;font-size:10px;font-style:normal;letter-spacing:3.2px;color:#8d999a;margin-top:10px}.login-art-copy{position:absolute;bottom:125px;left:65px;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}.yellow{color:var(--yellow)}.login-art-copy h1{font-size:clamp(56px,5.1vw,96px);font-weight:800;letter-spacing:-5px;line-height:1.02;margin:21px 0 25px}.login-art-copy h1 em{font-style:normal;color:var(--yellow)}.login-art-copy p{color:#abb4b6;font-size:17px;line-height:1.75}.art-abstract{position:absolute;inset:4% -25% 15% 1%;opacity:.8;pointer-events:none}.art-ring{position:absolute;border:1px solid #526064;border-radius:50%;transform:rotate(-35deg)}.ring1{width:640px;height:410px;top:23%;left:24%;box-shadow:0 0 0 40px #ffffff04,0 0 0 85px #ffffff02}.ring2{width:435px;height:270px;top:33%;left:40%;border:18px solid #252f30;box-shadow:inset 0 0 25px #000}.art-line{position:absolute;width:850px;height:2px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);top:53%;left:7%;transform:rotate(-36deg);box-shadow:0 0 35px #f7c92877}.art-chip{position:absolute;top:30%;left:51%;font-weight:800;letter-spacing:3px;color:#e6d18c}.art-bottom{position:absolute;bottom:45px;left:65px;color:#6e7c7e;font-size:10px;letter-spacing:2px}.art-bottom span{color:var(--yellow)}.login-form-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;background:radial-gradient(ellipse at 55% 28%,#171d1e,var(--bg) 58%)}.login-card{width:min(420px,100%)}.login-lock{height:54px;width:54px;background:#2c2a1f;color:var(--yellow);display:flex;align-items:center;justify-content:center;border:1px solid #5a4b21;border-radius:14px;margin-bottom:27px}.login-card h2{font-size:34px;letter-spacing:-1.2px;margin:12px 0}.login-card p{color:var(--muted);line-height:1.6;margin-bottom:42px}.login-card label{color:#d1d5d5;display:block;margin-bottom:11px;font-weight:600}.input-icon{height:54px;display:flex;align-items:center;gap:11px;border:1px solid #3a4445;border-radius:10px;background:#1a2021;padding:0 16px;color:var(--muted);margin-bottom:20px}.input-icon:focus-within{border-color:var(--yellow)}.input-icon input{outline:none;border:0;background:transparent;width:100%;font-size:15px}.login-hint{margin-top:22px;text-align:center;color:var(--muted);font-size:12px}.login-footer{position:absolute;bottom:30px;font-size:10px;letter-spacing:1px;color:#697275}.login-mobile-brand{display:none}
/* Main layout */
.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;z-index:15;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#111516;padding:29px 16px 18px}.brand{padding:0 17px 31px}.brand-title{font-size:26px;letter-spacing:-1.5px;font-style:italic;font-weight:950;white-space:nowrap}.brand-dot{color:var(--txt)!important}.brand-sub{font-size:9px;color:#818e90;letter-spacing:1.75px;margin-top:7px;font-weight:800}.brand-sub span{color:var(--yellow)}.workspace{display:flex;gap:11px;align-items:center;padding:13px 12px;background:#202627;border:1px solid #30393b;border-radius:11px}.workspace-symbol{width:37px;height:37px;border-radius:8px;background:var(--yellow);color:#151515;font-size:21px;font-weight:950;display:grid;place-items:center}.workspace b{font-size:12px}.workspace small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.workspace-safe{margin-left:auto;color:#a3aeb0}.side-label{color:#6f7d7f;font-size:10px;font-weight:800;letter-spacing:2px;margin:34px 15px 15px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;gap:14px;align-items:center;width:100%;text-align:left;border:0;background:transparent;color:#abb3b4;padding:13px 14px;border-radius:9px;font-weight:600;transition:background .15s}.nav-item:hover{background:#202628;color:#f8f8f8}.nav-item.active{background:var(--yellow);color:#1a1a14;font-weight:800}.nav-item small{margin-left:auto;background:#393f3e;border-radius:7px;padding:3px 7px;color:#fff}.nav-item.active small{background:#bd9724;color:#111}.sidebar-bottom{margin-top:auto}.side-note{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;color:var(--muted);font-size:11px}.side-note div{font-weight:700;color:#d0d7d6;margin-bottom:9px}.side-note div svg{color:var(--yellow)}.side-note span{line-height:1.4;display:block}.page-shell{margin-left:252px;width:calc(100% - 252px);min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#0d1010ee;backdrop-filter:blur(12px);z-index:9}.top-path{font-size:12px;color:#cbd0d0;font-weight:750;letter-spacing:.4px}.top-slash{color:var(--yellow);margin:0 11px}.top-right{display:flex;gap:26px;align-items:center}.today{font-size:12px;color:#a6aeaf}.today svg{margin-right:8px}.top-avatar{background:#242c2b;color:var(--yellow);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:10px;font-weight:900;border:1px solid #51503a}.main-view{max-width:1600px;padding:36px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:29px}.page-header .eyebrow{margin-bottom:12px}.page-header h1{font-size:32px;letter-spacing:-1.3px;font-weight:760}.page-header p{color:var(--muted);line-height:1.5;margin-top:9px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border-radius:9px;font-weight:750;font-size:12px;border:1px solid transparent;transition:transform .1s,background .15s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:#1d1c12}.btn-primary:hover{background:var(--yellow-2)}.btn-secondary{background:#262c2e;border-color:#3a4446;color:#f2f2f2}.btn-ghost{background:transparent;color:#b4bfc1;border-color:#343c3e}.btn-full{width:100%;height:53px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel-head h2{font-size:17px;font-weight:760;letter-spacing:-.25px}.panel-head p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}
/* Overview */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.metric-card{background:linear-gradient(146deg,#1c2123,#141819);border:1px solid #2b3234;border-radius:var(--radius);padding:20px;min-height:185px}.metric-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;background:#2b3031;color:#dadcdb;border-radius:10px}.metric-icon.gold{color:var(--yellow);background:#37311e}.metric-arrow{color:#566164}.metric-label{font-size:12px;color:#a8afb0;margin-bottom:10px}.metric-value{font-size:clamp(20px,1.8vw,29px);font-weight:780;letter-spacing:-1px;white-space:nowrap}.metric-sub{font-size:11px;line-height:1.5;margin-top:8px;color:#829092}.dashboard-two{display:grid;grid-template-columns:1.28fr 1fr;gap:18px;margin-bottom:18px}.tiny-tag{font-size:11px;border:1px solid #323a3d;border-radius:7px;color:#b4bbbc;padding:8px 9px}.bar-chart{height:202px;display:grid;grid-template-columns:repeat(6,1fr);gap:21px;align-items:end;border-bottom:1px solid #353a3b;padding:0 10px 0;margin-top:35px}.chart-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;align-items:center;color:#929fa0;font-size:11px}.bar-pair{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.bar{border-radius:4px 4px 0 0;width:35%;max-width:32px;min-height:0;transition:height .2s}.bar-income{background:linear-gradient(var(--yellow-2),#b78c09)}.bar-expense{background:#5a6364}.chart-legend{display:flex;gap:20px;font-size:11px;color:#b2bcbd;margin:27px 0 0}.legend-dot{height:9px;width:9px;display:inline-block;border-radius:3px;margin-right:7px}.legend-dot.gold{background:var(--yellow)}.legend-dot.grey{background:#768080}.donut-layout{display:flex;align-items:center;gap:30px;padding:16px 1px 4px;justify-content:center}.donut{flex:none;height:194px;width:194px;background:conic-gradient(var(--yellow) 0 var(--pct),#464f50 var(--pct) 100%);border-radius:50%;display:grid;place-items:center}.donut-inner{width:153px;height:153px;background:var(--panel);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut-inner b{font-size:35px}.donut-inner span{color:#9da6a7;font-size:12px;margin-top:3px}.donut-legend{min-width:165px;display:flex;flex-direction:column;gap:13px;font-size:12px}.donut-legend div{display:flex;align-items:center;color:#b5bcbc}.donut-legend strong{margin-left:auto;color:#f6f6f6}.donut-legend .legend-divider{border-top:1px solid var(--line);margin:7px 0}.donut-legend small{line-height:1.5;color:var(--muted)}.donut-legend>b{font-size:19px}.arrival-list{display:flex;flex-direction:column}.arrival-row{display:flex;align-items:center;padding:13px 0;gap:12px;border-top:1px solid #282f31}.arrival-icon{background:#292f31;color:var(--yellow);display:grid;place-items:center;width:39px;height:39px;border-radius:10px}.arrival-desc{flex:1;min-width:0}.arrival-desc b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrival-desc span{font-size:11px;color:var(--muted);display:block;margin-top:6px}.arrival-date{font-size:11px;color:var(--yellow);text-align:right}.text-button{border:0;background:none;color:var(--yellow);font-size:12px}.quick-actions{display:flex;flex-direction:column}.quick-actions button{display:flex;align-items:center;text-align:left;gap:12px;padding:13px 0;background:transparent;border:0;border-top:1px solid #2a3132;color:var(--txt)}.quick-actions button>span:nth-child(2){flex:1}.quick-actions button b{font-size:12px}.quick-actions button small{display:block;font-size:11px;margin-top:7px;color:var(--muted)}.quick-actions button>svg{color:#697677}.quick-icon{display:grid;place-items:center;color:#c4cccd;border-radius:9px;background:#272f30;width:42px;height:42px}.gold-icon{background:#37301d;color:var(--yellow)}.onboarding{padding:13px 18px;background:#24231b;border:1px solid #55503a;border-radius:10px;font-size:12px;color:#d5d3c6}.onboarding svg{color:var(--yellow);margin-right:10px}.onboarding button{background:none;border:0;color:var(--yellow);text-decoration:underline}
/* Inventory & tables */
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.mini-stats div{border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:12px}.mini-stats span{color:var(--muted);font-size:11px;display:block;margin-bottom:11px}.mini-stats strong{font-size:18px;letter-spacing:-.5px}.inventory-panel{padding:0;overflow:hidden}.pill-tabs{display:flex;gap:5px;overflow:auto;padding:20px 21px 15px;scrollbar-width:thin}.pill-tab{background:transparent;color:#919a9c;border:0;padding:10px 13px;white-space:nowrap;border-radius:8px;font-size:12px;font-weight:700}.pill-tab.selected{color:#151915;background:var(--yellow)}.pill-tab span{display:inline-block;opacity:.7;margin-left:7px;font-size:10px}.table-toolbar{display:flex;align-items:center;gap:15px;padding:13px 21px 20px}.searchfield{display:flex;align-items:center;gap:9px;max-width:385px;min-width:180px;width:100%;color:#798789;border:1px solid #333b3d;background:#202628;padding:0 12px;height:40px;border-radius:9px}.searchfield input{background:transparent;border:0;outline:0;min-width:0;flex:1;color:var(--txt);font-size:12px}.table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#394143 transparent}.data-table{border-collapse:collapse;width:100%;min-width:840px;text-align:left}.data-table th{padding:17px 17px;font-size:10px;color:#849092;letter-spacing:.4px;font-weight:700;background:#1b2022;white-space:nowrap}.data-table td{padding:14px 17px;border-top:1px solid #293032;color:#c5cccd;font-size:12px;vertical-align:middle;line-height:1.45}.data-table tbody tr:hover{background:#1b2022}.table-strong{font-weight:800!important;color:#eaf0f0!important}.item-name{display:flex;gap:11px;align-items:center;min-width:185px}.item-symbol{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#323638;border-radius:8px;color:var(--yellow)}.item-name b{color:var(--txt);font-weight:750;display:block}.item-name small,.table-sub{display:block;font-size:10px;color:#819092;margin-top:6px}.table-location{color:#b9c0c0;max-width:175px}.table-date{font-size:10px;color:var(--yellow);white-space:nowrap;display:block;margin-top:7px}.status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;font-size:10px;white-space:nowrap;font-weight:700}.status i{height:5px;width:5px;border-radius:50%;background:currentColor}.status-stock{background:#1f392d;color:#87d6a4}.status-transit{background:#463d20;color:#f4cd61}.status-sold{background:#29343a;color:#a8bec6}.status-writtenoff{background:#402c2b;color:#ef9b91}.table-actions{display:flex;align-items:center;gap:5px}.row-action{width:33px;height:33px;border:1px solid #323b3e;color:#c5d0d1;background:#202728;border-radius:8px;display:grid;place-items:center}.row-action:not(:disabled):hover{border-color:var(--yellow);color:var(--yellow)}.cost-action{color:var(--yellow)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 15px}.empty-state>div{width:65px;height:65px;background:#282f30;color:var(--yellow);border-radius:15px;display:grid;place-items:center;margin-bottom:20px}.empty-state h3{font-size:17px;margin-bottom:9px}.empty-state p{color:var(--muted);font-size:12px;line-height:1.6}.finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.finance-main,.finance-small{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:21px;min-height:147px}.finance-main{background:linear-gradient(145deg,#29291d,#15191a)}.finance-card-label{font-size:11px;color:#abb5b5;display:flex;gap:8px;align-items:center}.finance-summary strong{font-size:clamp(20px,1.65vw,28px);letter-spacing:-1px;margin:18px 0 7px;display:block}.finance-summary span{color:var(--muted);font-size:10px;line-height:1.6}.finance-green{color:var(--green)!important}.finance-red{color:var(--red)!important}.finance-month-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:19px}.finance-month-strip div{background:#161c1d;border:1px solid var(--line);border-radius:12px;padding:16px 20px}.finance-month-strip span{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}.finance-month-strip strong{font-size:19px}.finance-table-head{padding:22px 20px 0}.pill-tabs.tight{padding:0}.finance-row-desc{display:flex;align-items:center;gap:10px;min-width:180px}.finance-row-desc b{color:#e3e7e7}.finance-row-desc small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.finance-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;flex:none}.finance-row-icon.income{color:var(--green);background:#1c3428}.finance-row-icon.expense{color:var(--red);background:#372725}.money-income{color:var(--green)!important;font-weight:800}.money-expense{color:var(--red)!important;font-weight:800}.delete-action:hover{color:var(--red)!important;border-color:var(--red)!important}
/* Settings */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-panel{min-height:245px}.settings-icon{width:45px;height:45px;display:grid;place-items:center;background:#3a331e;color:var(--yellow);border-radius:10px;margin-bottom:17px}.settings-panel h2{font-size:18px}.settings-panel p{color:var(--muted);margin:12px 0 22px;font-size:12px;line-height:1.65;max-width:520px}.settings-panel label{font-size:12px;color:#bec8c8;font-weight:700;display:block;margin:14px 0 8px}.input-row{display:flex;gap:8px;max-width:370px}.input-row input{width:100%;background:#22292b;padding:11px 12px;border-radius:8px;border:1px solid #3c4749}.settings-panel form .btn{margin-top:15px}.security-status{color:var(--green);margin-bottom:17px;font-size:12px}
/* Modal / form */
.modal-backdrop{position:fixed;inset:0;z-index:30;background:#000b;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:#191f20;border:1px solid #3a4446;border-radius:17px;max-width:550px;width:100%;max-height:min(90vh,920px);overflow:auto;box-shadow:0 30px 120px #000c}.modal-wide{max-width:760px}.modal-header{display:flex;justify-content:space-between;gap:15px;padding:27px 28px 20px;border-bottom:1px solid #303a3c}.modal-header h2{margin:8px 0 7px;font-size:23px;letter-spacing:-.75px}.modal-header p{font-size:12px;color:var(--muted);line-height:1.5}.close-btn{border:0;background:transparent;color:#a8b3b4;align-self:flex-start;width:30px;height:30px;display:grid;place-items:center}.modal-form{padding:24px 28px 26px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:700;color:#c5cfcf;margin-bottom:9px}.field em{color:var(--yellow);font-style:normal}.field input,.field select{height:44px;width:100%;border-radius:8px;border:1px solid #3b4648;background:#242b2d;color:#eceeee;padding:0 12px;font-size:13px;outline:0;min-width:0}.field input:focus,.field select:focus{border-color:var(--yellow)}.field input[readonly]{color:#778384;cursor:default}.field input::placeholder{color:#637074}.field select option{background:#202628}.form-section-label{border-top:1px solid #2d3638;margin:23px 0 17px;padding-top:18px;font-size:10px;font-weight:900;letter-spacing:1.75px;color:var(--yellow)}.form-section-label:first-child{border-top:0;margin-top:0;padding-top:0}.form-section-label span{font-size:10px;letter-spacing:0;color:var(--muted);font-weight:500}.cost-preview{margin:20px 0 14px;padding:15px;border-radius:10px;background:#26291f;border:1px solid #4b4630;color:#bbc6c4;font-size:12px}.cost-preview>div{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.cost-preview b{color:#f4f6f5}.cost-preview strong{color:var(--yellow);font-size:16px}.cost-preview strong small{color:#aeb8b9;font-size:11px}.cost-preview .cost-summary{margin-top:12px;padding-top:13px;border-top:1px solid #55503a;align-items:center}.cost-preview .cost-summary .finance-green{color:var(--green)}.form-tip{display:flex;gap:10px;align-items:flex-start;border:1px solid #303a3b;background:#22292a;border-radius:8px;margin:15px 0 0;padding:12px 14px;color:#9fabad;line-height:1.6;font-size:11px}.form-tip svg{color:var(--yellow);margin-top:2px}.form-booking{display:flex;flex-direction:column;gap:12px;margin:17px 0}.checkline{display:flex;align-items:center;gap:10px;color:#c9d1d1;font-size:12px;line-height:1.5;margin:13px 0;cursor:pointer}.checkline input{accent-color:var(--yellow);width:16px;height:16px;flex:none}.modal-footer{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #2f393b;margin-top:24px;padding-top:20px}.item-context{background:#242b2d;border-radius:11px;padding:13px;display:flex;align-items:center;gap:13px;margin-bottom:20px}.item-context>span{width:44px;height:44px;border-radius:9px;background:#403920;color:var(--yellow);display:grid;place-items:center}.item-context b{font-size:12px}.item-context small{display:block;color:#9fa9a9;margin-top:7px;line-height:1.5}.item-context .status{padding:2px 5px;vertical-align:middle}.sale-fields{border-top:1px solid var(--line);margin-top:22px}.sale-fields .form-section-label{margin-top:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;transition:.2s;pointer-events:none;z-index:100;background:#2d3426;border:1px solid #687b3e;color:#f4f6ef;padding:14px 20px;box-shadow:0 8px 40px #0008;border-radius:11px;max-width:min(530px,90vw);font-size:13px}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#402c2c;border-color:#a3625e}.mobile-menu,.mobile-bottom-nav{display:none}
@media(max-width:1280px){.main-view{padding:28px}.metric-grid{gap:11px}.metric-card{padding:16px}.metric-value{font-size:23px}.donut{width:150px;height:150px}.donut-inner{width:114px;height:114px}.donut-layout{gap:15px}.donut-legend{min-width:135px}.donut-inner b{font-size:27px}}
@media(max-width:1050px){.sidebar{width:214px;padding-left:11px;padding-right:11px}.page-shell{margin-left:214px;width:calc(100% - 214px)}.brand-title{font-size:24px}.workspace{padding:10px 7px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:165px}.metric-head{margin-bottom:18px}.dashboard-two{grid-template-columns:1fr}.donut-layout{justify-content:flex-start}.finance-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.login-screen{display:block}.login-art{display:none}.login-form-wrap{min-height:100dvh;align-items:center;padding:28px 24px 60px}.login-mobile-brand{display:block;position:absolute;top:28px;left:25px;font-size:24px}.login-card h2{font-size:29px}.sidebar{position:fixed;transform:translateX(-105%);transition:transform .2s;width:270px;z-index:40;box-shadow:20px 0 55px #0006}.menu-open .sidebar{transform:translateX(0)}.page-shell{margin:0;width:100%}.topbar{height:64px;padding:0 17px}.mobile-menu{display:flex;border:0;background:none;color:var(--txt);margin-right:12px}.top-path{font-size:11px;margin-right:auto}.top-right{gap:10px}.top-right .today{display:none}.top-avatar{width:31px;height:31px}.main-view{padding:26px 15px 106px}.page-header{display:block;margin-bottom:21px}.page-header h1{font-size:29px}.page-header p{font-size:12px}.page-actions{margin-top:17px}.page-actions .btn{flex:1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:14px 13px;min-height:160px}.metric-icon{width:34px;height:34px}.metric-icon svg{width:18px;height:18px}.metric-head{margin-bottom:16px}.metric-value{font-size:19px;white-space:normal;word-break:break-word}.metric-label{font-size:11px}.metric-sub{font-size:10px}.panel{padding:19px}.dashboard-two{gap:13px;margin-bottom:13px}.bar-chart{height:180px}.donut-layout{flex-wrap:wrap;justify-content:center}.donut-legend{min-width:130px}.mini-stats{grid-template-columns:repeat(2,1fr);gap:9px}.mini-stats div{padding:14px}.mini-stats strong{font-size:15px}.inventory-panel{padding:0}.pill-tabs{padding:15px 13px 12px}.table-toolbar{padding:9px 12px 17px}.data-table{min-width:810px}.finance-summary{grid-template-columns:repeat(2,1fr);gap:9px}.finance-main,.finance-small{padding:16px;min-height:125px}.finance-summary strong{font-size:20px;white-space:normal}.finance-month-strip{grid-template-columns:1fr;gap:9px}.finance-month-strip div{padding:15px}.settings-grid{grid-template-columns:1fr;gap:12px}.settings-panel{min-height:unset}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:12;padding:7px 5px calc(8px + env(safe-area-inset-bottom));background:#171c1ded;border-top:1px solid #323b3c;backdrop-filter:blur(15px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:0;color:#9eaaac;font-size:10px;padding:6px 2px}.mobile-nav-item.active{color:var(--yellow)}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0;max-width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom)}.modal-header{padding:22px 18px 18px}.modal-form{padding:20px 18px}.form-grid{gap:13px}.modal-footer{justify-content:stretch}.modal-footer>.btn{flex:1}.login-footer{font-size:9px}}
@media(max-width:410px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.metric-value{font-size:18px}.metric-card{min-height:162px}.brand{padding-bottom:23px}.page-header h1{font-size:26px}.login-card h2{font-size:26px}}
/* ECM MOTO v2 — Клиентские заказы и отдельная дебиторская задолженность */
.client-debt-banner{display:flex;align-items:center;gap:18px;background:linear-gradient(118deg,#24231d,#161b1d 70%);border:1px solid #5a5027;border-radius:14px;padding:18px 22px;margin:0 0 19px}
.client-debt-icon{width:46px;height:46px;display:grid;place-items:center;background:#3b3420;color:var(--yellow);border-radius:12px;flex-shrink:0}
.client-debt-banner>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.client-debt-banner b{font-size:15px;color:var(--txt)}.client-debt-banner small{font-size:12px;color:var(--muted)}
.client-debt-banner>strong{font-size:25px;letter-spacing:-.5px;color:var(--yellow);white-space:nowrap}
.debt-color,.yellow-text{color:var(--yellow)!important}.client-debt-total{font-size:24px;color:var(--yellow)}
.client-finance-panel{margin-bottom:20px;border-color:#5a5027}.client-finance-panel .panel-head{padding-bottom:18px}
.order-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.btn.btn-compact{white-space:nowrap;padding:9px 12px;font-size:12px;min-height:34px}
.client-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0 22px}
.client-payment-summary>div{padding:14px;background:var(--panel2);border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.client-payment-summary span{color:var(--muted);font-size:11px}.client-payment-summary b,.client-payment-summary strong{font-size:17px}.client-payment-summary strong{color:var(--yellow)}
.order-detail{padding:4px 24px 22px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-row span{color:var(--muted)}.detail-row b{font-weight:650;text-align:right}.detail-row.highlighted{border-color:#685829;color:var(--yellow);font-size:16px}.detail-row.highlighted b{color:var(--yellow)}
.status-button-row{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0 14px}.status-button-row .btn{font-size:12px}.lock-indicator{color:var(--muted);display:inline-flex;align-items:center;justify-content:center;min-width:30px}
@media(max-width:1050px){.client-debt-banner{flex-wrap:wrap}.client-debt-banner>div:nth-child(2){flex-basis:45%}.client-debt-banner .btn{margin-left:auto}}
@media(max-width:720px){.client-debt-banner{gap:12px;padding:14px}.client-debt-banner>div:nth-child(2){flex:1 1 calc(100% - 62px)}.client-debt-banner>strong{font-size:23px}.client-debt-banner .btn{flex:1 1 100%;justify-content:center}.client-payment-summary{gap:6px}.client-payment-summary>div{padding:12px 9px}.client-payment-summary b,.client-payment-summary strong{font-size:13px}.order-detail{padding:4px 18px 20px}.status-button-row .btn{flex:1}.client-finance-panel .panel-head{align-items:start;gap:10px}.client-debt-total{font-size:21px}}

.swipe-hint{display:none;color:var(--muted);font-size:12px;padding:9px 15px;background:var(--panel2)}@media(max-width:720px){.swipe-hint{display:block}}