:root{--bg:#0b0d10;--panel:#11151a;--panel2:#161b22;--text:#f6f7f9;--muted:#929aa6;--line:#262d36;--accent:#ffe11a;--accentText:#0a0b0d;--danger:#ff3946;--warning:#ffd51d;--success:#22c778;--input:#171c23;--shadow:0 18px 50px rgba(0,0,0,.25);--radius:18px}html[data-theme="light"]{--bg:#f3f5f7;--panel:#fff;--panel2:#f7f8fa;--text:#121519;--muted:#65707d;--line:#dfe3e8;--accent:#111827;--accentText:#fff;--input:#f6f7f9;--shadow:0 18px 50px rgba(17,24,39,.10)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:228px;background:var(--panel);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px 22px}.sidebar-brand strong{display:block;font-size:15px}.sidebar-brand small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#ffe11a;color:#080808;font-weight:900;letter-spacing:-.04em}.brand-mark.small{width:36px;height:36px;border-radius:10px;font-size:12px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:11px;font-weight:700;display:flex;gap:10px;align-items:center}.nav-item:hover{background:var(--panel2);color:var(--text)}.nav-item.active{background:var(--text);color:var(--bg)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:4px}.ghost-link{border:0;background:transparent;color:var(--muted);padding:9px;text-align:left}.danger-text,.danger{color:var(--danger)!important}.main{margin-left:228px;padding:30px 34px 90px;max-width:1500px}.page{display:none}.page.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head h1{font-size:32px;line-height:1.1;margin:2px 0 5px;letter-spacing:-.04em}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--muted);margin:0}.lead{color:var(--muted);font-size:13px;margin:0}.quick-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel);padding:10px 14px;border-radius:11px;font-weight:800;min-height:40px}.btn:hover{filter:brightness(1.05)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accentText)}.btn.secondary{background:var(--panel2)}.btn.danger-btn{background:rgba(255,57,70,.10);border-color:rgba(255,57,70,.35);color:var(--danger)}.btn.wide{width:100%}.btn.small{padding:7px 10px;min-height:32px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-card{position:relative;border:2px solid var(--tone);border-radius:24px;padding:23px 25px;background:linear-gradient(130deg,color-mix(in srgb,var(--tone) 10%,var(--panel)),var(--panel) 55%);min-height:208px;cursor:pointer;overflow:hidden;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-100px;background:var(--tone);opacity:.09}.tone-yellow{--tone:#ffe11a}.tone-red{--tone:#ff2737}.tone-green{--tone:#18c976}.hero-kicker{color:var(--tone);font-size:10px;font-weight:900;letter-spacing:.16em}.hero-copy h2{font-size:27px;line-height:1.15;margin:12px 50px 24px 0;font-weight:500;letter-spacing:-.03em}.hero-copy h2 strong{font-size:1.1em;color:var(--tone)}.card-menu{position:absolute;right:17px;top:15px;border:0;background:transparent;color:var(--tone);font-size:22px;font-weight:900;z-index:2}.progress-wrap{display:flex;gap:10px;align-items:center}.progress{height:15px;background:color-mix(in srgb,var(--text) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone) 35%,var(--line));border-radius:999px;overflow:hidden;flex:1}.progress span{display:block;height:100%;width:0;background:var(--tone);border-radius:999px;transition:width .35s ease}.progress-caption{font-size:12px;color:var(--muted);margin:8px 0 0}.eye-btn{border:0;background:transparent;color:inherit}.home-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.mini-stat{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:13px;text-align:left;color:var(--text)}.mini-stat b{font-size:20px}.mini-stat span{font-size:11px;color:var(--muted);margin-left:5px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.compact-panel{margin-top:4px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.text-btn{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.text-btn:hover{color:var(--text)}.list-head{display:grid;grid-template-columns:34px minmax(220px,1.7fr) minmax(170px,1fr) 100px 120px 25px;gap:12px;padding:9px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.home-list-head{grid-template-columns:minmax(250px,1.7fr) 110px 90px 25px;padding-left:18px}.linear-list{display:flex;flex-direction:column}.order-row,.home-product-row{display:grid;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);transition:background .15s;cursor:pointer}.order-row{grid-template-columns:34px minmax(220px,1.7fr) minmax(170px,1fr) 100px 120px 25px}.home-product-row{grid-template-columns:minmax(250px,1.7fr) 110px 90px 25px;padding-left:18px}.order-row:last-child,.home-product-row:last-child,.customer-row:last-child,.finance-row:last-child{border-bottom:0}.order-row:hover,.home-product-row:hover,.customer-row:hover,.finance-row:hover{background:var(--panel2)}.check{width:18px;height:18px;accent-color:var(--accent)}.product-title,.row-title{font-weight:850;font-size:14px}.meta,.row-sub{font-size:11px;color:var(--muted);margin-top:3px}.metric strong{font-size:15px;display:block}.metric span{font-size:10px;color:var(--muted)}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--panel2);font-size:9px;font-weight:900;margin-top:4px}.badge.partial{color:#e2af00;background:rgba(255,213,29,.1)}.badge.overdue{color:var(--danger);background:rgba(255,57,70,.1)}.toolbar{display:flex;gap:10px;margin:0 0 12px}.toolbar select,.searchbox{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-height:42px}.toolbar select{padding:0 12px}.searchbox{display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;max-width:530px;color:var(--muted)}.searchbox input{border:0;outline:0;background:transparent;width:100%;color:var(--text)}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:12px}.tab{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.customer-row,.finance-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(150px,1fr) minmax(130px,.7fr) 25px;gap:15px;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line);cursor:pointer}.finance-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.finance-overview>div{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:13px}.finance-overview span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:900}.finance-overview strong{display:block;font-size:20px;margin-top:4px}.money-private.is-hidden{filter:blur(7px);user-select:none}.selection-bar{position:sticky;bottom:15px;margin:12px auto 0;max-width:650px;display:none;justify-content:space-between;align-items:center;gap:12px;background:var(--text);color:var(--bg);padding:11px 13px;border-radius:13px;box-shadow:var(--shadow);z-index:10}.selection-bar.show{display:flex}.selection-bar>div{display:flex;gap:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px}.settings-card h2{font-size:15px;margin:0 0 4px}.settings-card>p{font-size:11px;color:var(--muted);margin:0 0 15px}.segmented{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:3px;margin-bottom:12px}.segmented button{flex:1;border:0;background:transparent;padding:8px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:800}.segmented button.active{background:var(--text);color:var(--bg)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:12px 0}.setting-row strong{display:block;font-size:12px}.setting-row small,.hint{display:block;color:var(--muted);font-size:10px;margin-top:2px}.color-prefs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.settings-card label{font-size:11px;font-weight:800}.settings-card select,.settings-card input{width:100%;margin-top:5px}.setting-row input{width:auto}.account-box{background:var(--panel2);padding:10px;border-radius:10px;margin-bottom:10px}.account-box span{font-size:10px;color:var(--muted);display:block}.settings-links{display:flex;flex-direction:column}.settings-links button{border:0;border-top:1px solid var(--line);background:transparent;padding:10px 0;text-align:left;color:var(--text)}.mobile-head,.bottom-nav{display:none}.login-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(390px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.login-card h1{font-size:25px;margin:18px 0 4px}.login-card>p{font-size:12px;color:var(--muted);margin:0 0 18px}.login-card label{display:block;font-size:11px;font-weight:800;margin:11px 0}.login-card input:not([type=checkbox]){display:block;width:100%;margin-top:6px}.remember{display:flex!important;gap:8px;align-items:center;color:var(--muted)}.form-error{color:var(--danger);font-size:11px;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;align-items:center;justify-content:center;padding:20px;z-index:50;backdrop-filter:blur(4px)}.modal-backdrop.show{display:flex}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.wide-modal{width:min(1000px,100%)}.small-modal{width:min(520px,100%)}.detail-modal{width:min(1040px,100%);padding-bottom:8px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.sticky-head{position:sticky;top:0;background:var(--panel);z-index:4}.modal-head h3{margin:2px 0 0;font-size:20px}.modal-subtitle{font-size:11px;color:var(--muted);margin:4px 0 0}.icon-btn{border:1px solid var(--line);background:var(--panel2);width:34px;height:34px;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px 20px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label,.field-title-row label{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.field-title-row{display:flex;justify-content:space-between;align-items:center}.field input,.field select,.field textarea,.settings-card input,.settings-card select,.detail-input{border:1px solid var(--line);background:var(--input);border-radius:10px;padding:9px 10px;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.detail-input:focus{border-color:color-mix(in srgb,var(--accent) 75%,var(--line))}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 18px}.dual-select{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px}.dual-select>span{text-align:center;font-size:9px;color:var(--muted);text-transform:uppercase}.items-box{border:1px solid var(--line);border-radius:13px;overflow:hidden}.order-item-line{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(190px,1.2fr) 70px 95px 80px 95px 30px;gap:7px;align-items:end;padding:11px;border-bottom:1px solid var(--line)}.order-item-line:last-child{border-bottom:0}.mini-field label{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900;margin-bottom:4px}.mini-field input,.mini-field select{width:100%;border:1px solid var(--line);background:var(--input);border-radius:8px;padding:8px}.linkbtn{border:0;background:transparent;font-size:18px;color:var(--muted);height:35px}.order-total{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:3px}.order-total span{color:var(--muted);font-size:11px}.order-total strong{font-size:20px}.detail-body{padding:18px 20px}.detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.detail-stat{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:11px}.detail-stat span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900}.detail-stat strong{font-size:18px;display:block;margin-top:3px}.detail-section{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:12px}.detail-section-head{padding:11px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-section-head h4{margin:0;font-size:12px}.detail-section-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.detail-form{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:12px}.detail-form .span2{grid-column:span 2}.detail-form .span4{grid-column:1/-1}.detail-field label{font-size:8px;text-transform:uppercase;font-weight:900;color:var(--muted);display:block;margin-bottom:4px}.detail-field input,.detail-field select,.detail-field textarea{width:100%;border:1px solid var(--line);background:var(--input);border-radius:9px;padding:8px}.detail-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 12px 12px;flex-wrap:wrap}.breakdown-row{border-bottom:1px solid var(--line);padding:12px}.breakdown-row:last-child{border-bottom:0}.breakdown-top{display:grid;grid-template-columns:minmax(180px,1.4fr) 90px 90px 110px auto;gap:9px;align-items:center}.breakdown-edit{display:grid;grid-template-columns:70px 95px 80px 95px minmax(130px,1fr);gap:7px;margin-top:9px}.breakdown-edit input{width:100%;border:1px solid var(--line);background:var(--input);border-radius:8px;padding:7px}.action-row{display:flex;gap:7px;justify-content:flex-end;margin-top:9px;flex-wrap:wrap}.history-list{display:flex;flex-direction:column}.history-entry{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:11px}.history-entry:last-child{border-bottom:0}.history-entry small{color:var(--muted)}.empty{padding:32px;text-align:center;color:var(--muted);font-size:12px}.toast{position:fixed;right:18px;bottom:18px;max-width:380px;background:var(--text);color:var(--bg);padding:12px 14px;border-radius:11px;font-weight:700;font-size:12px;display:none;z-index:100;box-shadow:var(--shadow)}.toast.show{display:block}.toast.error{background:#8d2028;color:#fff}.loading{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:6px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero-cards{grid-template-columns:1fr}.order-item-line{grid-template-columns:1fr 1fr 65px 90px}.order-item-line .price-discount,.order-item-line .price-final{grid-row:2}.order-item-line .item-remove{grid-column:4}.detail-form{grid-template-columns:1fr 1fr}.breakdown-top{grid-template-columns:1fr 80px 80px auto}.breakdown-top .breakdown-price{display:none}.breakdown-edit{grid-template-columns:repeat(4,1fr)}.breakdown-edit .breakdown-notes{grid-column:1/-1}}
@media(max-width:780px){.sidebar{display:none}.main{margin-left:0;padding:16px 13px 88px}.mobile-head{display:flex;justify-content:space-between;align-items:center;margin:-3px 0 18px}.mobile-head .sidebar-brand{padding:0}.page-head{flex-direction:column;gap:12px}.page-head h1{font-size:27px}.quick-actions{width:100%}.quick-actions .btn,.page-head>.btn{flex:1}.hero-card{padding:19px;min-height:190px}.hero-copy h2{font-size:22px}.home-strip{grid-template-columns:1fr 1fr 1fr}.list-head{display:none}.order-row{grid-template-columns:28px 1fr 72px 20px;padding:12px}.order-row .customer-col{grid-column:2/4}.order-row .price-col{display:none}.home-product-row{grid-template-columns:1fr 65px 20px;padding:12px 14px}.home-product-row .home-clients{grid-column:1}.customer-row,.finance-row{grid-template-columns:1fr 25px;padding:13px}.customer-row .secondary-col,.customer-row .money-col,.finance-row .secondary-col,.finance-row .money-col{grid-column:1}.finance-overview{grid-template-columns:1fr 1fr}.finance-overview>div:first-child{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--panel) 94%,transparent);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30;backdrop-filter:blur(16px)}.bottom-nav button{border:0;background:transparent;color:var(--muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav span{font-size:8px;font-weight:800}.bottom-nav button.active{color:var(--text)}.modal-backdrop{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dual-select{grid-template-columns:1fr}.dual-select>span{display:none}.order-item-line{grid-template-columns:1fr 68px;align-items:end}.order-item-line .item-product-select{grid-column:1/-1}.order-item-line .item-qty{grid-column:2}.order-item-line .price-base,.order-item-line .price-discount,.order-item-line .price-final{grid-column:auto;grid-row:auto}.order-item-line .item-remove{grid-column:2}.detail-summary{grid-template-columns:1fr 1fr}.detail-form{grid-template-columns:1fr}.detail-form .span2,.detail-form .span4{grid-column:auto}.breakdown-top{grid-template-columns:1fr 70px 20px}.breakdown-top .breakdown-produced,.breakdown-top .breakdown-price{display:none}.breakdown-edit{grid-template-columns:1fr 1fr}.breakdown-edit .breakdown-notes{grid-column:1/-1}.selection-bar{bottom:72px}.toast{bottom:78px;left:12px;right:12px}.color-prefs{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar select,.searchbox{max-width:none;width:100%}}