:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--surface:#fff;--surface-2:#fafafa;--text:#1d1d1f;--text-2:#6e6e73;--hairline:#e5e5ea;--border:#d2d2d7;--accent:#0071e3;--accent-hover:#0077ed;--green:#248a3d;--green-bg:#34c75926;--blue:#0071e3;--blue-bg:#0071e31f;--orange:#b25000;--orange-bg:#ff950029;--red:#d70015;--red-bg:#ff3b3024;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000d, 0 10px 30px #0000000f;--shadow-lg:0 20px 60px #0000002e;--radius:18px;--radius-sm:12px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--bg);color:var(--text);letter-spacing:-.01em;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600}.app{min-height:100vh;display:flex}.topbar{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffc;border-bottom:1px solid #00000012;align-items:center;gap:12px;padding:10px 16px;display:none;position:sticky;top:0}.topbar-logo{height:30px}.hamburger{cursor:pointer;color:var(--text);background:#0000000d;border:none;border-radius:10px;padding:7px;display:inline-flex}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}.sidebar{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffffb8;border-right:1px solid #00000012;flex-direction:column;width:250px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{margin:4px 8px 22px}.sidebar .brand img{width:auto;height:40px;display:block}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar nav a{color:var(--text-2);border-radius:10px;align-items:center;gap:11px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar nav a:hover{color:var(--text);background:#0000000d}.sidebar nav a svg{color:var(--text-2)}.user-box{border-top:1px solid var(--hairline);flex-direction:column;gap:2px;margin-top:8px;padding-top:14px;display:flex}.user-box>span{font-size:14px;font-weight:600}.user-box small{color:var(--text-2);text-transform:capitalize;font-size:12px}.user-box button{background:var(--red-bg);color:var(--red);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:9px;font-size:13px;font-weight:500;transition:filter .15s;display:flex}.user-box button:hover{filter:brightness(.96)}.lang-toggle{color:var(--text);cursor:pointer;background:#0000000d;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-bottom:10px;padding:8px;font-size:13px;transition:background .15s;display:flex}.lang-toggle:hover{background:#00000014}.content{flex:1;max-width:1280px;padding:40px 44px}.content h2{margin-top:0;font-size:28px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-head h2{margin:0}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s,transform 80ms;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:#0000000d;border:none;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-ghost:hover{background:#00000017}.icon-btn{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:9px;align-items:center;padding:7px;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{color:var(--text);background:#0000000f}.icon-btn.danger:hover{background:var(--red-bg);color:var(--red)}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:4px 0 28px;display:grid}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:none;flex-direction:column;gap:6px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000017}.card-value{letter-spacing:-.03em;font-size:30px;font-weight:700}.card-label{color:var(--text-2);font-size:13px}.table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--hairline);padding:14px 18px;font-size:14px}.table th{background:var(--surface-2);color:var(--text-2);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:500}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.empty{text-align:center;color:var(--text-2);padding:28px}.actions-col{text-align:right;white-space:nowrap}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.toolbar button{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:#0000000d;border:none;padding:0 18px;font-weight:500;transition:background .15s}.toolbar button:hover{background:#00000017}.toolbar select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px;font-size:14px}.search-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:8px;padding:0 12px;transition:border .15s,box-shadow .15s;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #0071e326}.search-field input{color:var(--text);background:0 0;border:none;outline:none;min-width:180px;padding:10px 0;font-size:14px}.badge{text-transform:capitalize;border-radius:980px;align-items:center;gap:4px;padding:4px 11px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge-available,.badge-returned,.badge-active,.badge-pay-paid{background:var(--green-bg);color:var(--green)}.badge-ongoing,.badge-confirmed{background:var(--blue-bg);color:var(--blue)}.badge-pending,.badge-maintenance,.badge-pay-partial{background:var(--orange-bg);color:var(--orange)}.badge-cancelled,.badge-inactive,.badge-pay-unpaid{background:var(--red-bg);color:var(--red)}.badge .lucide{vertical-align:-1px}.alert{background:var(--red-bg);color:var(--red);border-radius:var(--radius-sm);margin-bottom:14px;padding:11px 14px;font-size:14px}.muted{color:var(--text-2);font-size:12px}.status-list{flex-direction:column;gap:10px;max-width:360px;display:flex}.status-row{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.landing{background:radial-gradient(1200px 600px at 50% -10%,#eaf3ff 0%,#f5f5f7 55%,#ececef 100%);min-height:100vh}.land-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 6vw;display:flex}.land-logo{height:38px}.land-nav{align-items:center;gap:12px;display:flex}.land-lang{cursor:pointer;color:var(--text);background:#0000000d;border:none;border-radius:980px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.land-hero{text-align:center;max-width:800px;margin:0 auto;padding:60px 24px 30px}.land-hero h1{letter-spacing:-.03em;margin:0 0 18px;font-size:44px;line-height:1.1}.land-hero>p{color:var(--text-2);max-width:640px;margin:0 auto 30px;font-size:18px;line-height:1.5}.land-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary.big,.btn-ghost.big{border-radius:14px;padding:14px 24px;font-size:16px}.land-loginq{color:var(--text-2);margin-top:16px;font-size:14px;display:block}.land-loginq a{color:var(--accent);font-weight:600}.land-features{max-width:1100px;margin:0 auto;padding:40px 6vw 30px}.land-features>h2{text-align:center;margin-bottom:28px;font-size:30px}.land-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.land-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffc;border:1px solid #fff9;padding:24px}.land-card .land-ic{background:var(--blue-bg);width:46px;height:46px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.land-card h3{margin:0 0 6px;font-size:17px}.land-card p{color:var(--text-2);margin:0;font-size:14px;line-height:1.5}.land-footer{text-align:center;color:var(--text-2);padding:40px 24px;font-size:13px}@media (width<=640px){.land-hero h1{font-size:32px}.land-hero>p{font-size:16px}}.store-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.store-cta{flex-wrap:wrap;gap:10px;display:flex}.store-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.store-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:10px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex}.store-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000017}.sc-thumb{background:var(--surface-2);color:#b0b0b8;border-radius:12px;justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.sc-thumb img{object-fit:cover;width:100%;height:100%}.sc-body{flex-direction:column;gap:2px;display:flex}.sc-body strong{font-size:15px}.sc-price{color:var(--accent);margin-top:4px;font-size:15px;font-weight:700}.sc-shop{color:var(--text-2);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.store-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.store-filters .search-field{background:var(--surface)}.store-filters .search-field.grow{flex:1;min-width:220px}.store-filters select{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;outline:none}@media (width<=520px){.store-filters .search-field.grow{min-width:100%}}.client-app{background:var(--bg);min-height:100vh}.client-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:30;background:#fffc;border-bottom:1px solid #00000012;align-items:center;gap:18px;padding:12px 6vw;display:flex;position:sticky;top:0}.client-header .land-logo{height:34px}.client-nav{gap:6px;margin-right:auto;display:flex}.client-nav a{color:var(--text-2);border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.client-nav a:hover{color:var(--text);background:#0000000d}.client-nav a.active{background:var(--accent);color:#fff}.client-right{align-items:center;gap:10px;display:flex}.client-user{font-size:14px;font-weight:600}.client-content{max-width:1200px;margin:0 auto;padding:30px 6vw}[dir=rtl] .client-nav{margin-left:auto;margin-right:0}.perm-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.perm-item{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.perm-item input{width:auto;accent-color:var(--accent)}.login-wrap{background:radial-gradient(1200px 600px at 50% -10%,#eaf3ff 0%,#f5f5f7 55%,#ececef 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-shell{background:radial-gradient(1200px 600px at 50% -10%,#eaf3ff 0%,#f5f5f7 55%,#ececef 100%);flex-direction:column;min-height:100vh;display:flex}.auth-shell .login-wrap{background:0 0;flex:1;min-height:0;padding:20px 20px 60px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:360px;box-shadow:var(--shadow-lg);background:#ffffffd9;border:1px solid #fff9;border-radius:22px;flex-direction:column;padding:40px;display:flex}.brand-logo{width:auto;height:64px;margin:0 auto 6px;display:block}.subtitle{text-align:center;color:var(--text-2);margin:6px 0 24px;font-size:14px}.login-card label{color:var(--text);margin:10px 0 5px;font-size:13px;font-weight:500}.login-card input{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:12px 14px;font-size:15px;transition:border .15s,box-shadow .15s}.login-card input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e326}.login-card button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:22px;padding:13px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms}.login-card button:hover{background:var(--accent-hover)}.login-card button:active{transform:scale(.98)}.login-card button:disabled{opacity:.6}.hint{text-align:center;color:var(--text-2);margin-top:16px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#00000052;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:440px;max-width:100%;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;animation:.2s pop;overflow-y:auto}.modal-wide{width:880px}.modal-head{border-bottom:1px solid var(--hairline);background:var(--surface);border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex;position:sticky;top:0}.modal-head h3{margin:0;font-size:18px}.modal-body{padding:22px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.form{flex-direction:column;display:flex}.form label{margin:11px 0 5px;font-size:13px;font-weight:500}.form input,.form select,.form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;padding:11px 13px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e326}.form .err{color:var(--red);margin-top:4px;font-size:12px;display:block}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.form-row{gap:12px;display:flex}.form-row>div{flex:1}.form .checkbox{cursor:pointer;flex-direction:row;align-items:center;gap:9px;margin-top:14px;font-weight:500}.form .checkbox input{width:auto;accent-color:var(--accent)}.pay-summary{background:var(--surface-2);border-radius:var(--radius-sm);padding:16px 18px}.pay-summary>div{color:var(--text-2);justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.pay-summary>div strong{color:var(--text)}.pay-summary .ttc{border-top:1px solid var(--border);color:var(--text);margin-top:6px;padding-top:10px;font-size:16px;font-weight:600}.pay-summary .ok{color:var(--green)}.pay-summary .due{color:var(--red)}.table.mini{box-shadow:none;border:1px solid var(--hairline)}.table.mini th,.table.mini td{padding:9px 11px;font-size:13px}.pay-form{border-top:1px solid var(--hairline);margin-top:18px;padding-top:10px}.pay-form h4{margin:8px 0 4px}.thumb{object-fit:cover;width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:10px;display:block}.thumb-empty{background:var(--surface-2);color:#b0b0b8;justify-content:center;align-items:center;display:inline-flex}.thumb.clickable{cursor:zoom-in;transition:transform .12s}.thumb.clickable:hover{transform:scale(1.06)}.lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;cursor:zoom-out;background:#000000b3;place-items:center;padding:30px;animation:.2s fade;display:grid;position:fixed;inset:0}.lightbox img{max-width:90vw;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:16px}.image-field{align-items:center;gap:16px;margin-bottom:6px;display:flex}.image-preview{background:var(--surface-2);color:#b0b0b8;width:84px;height:84px;box-shadow:var(--shadow-sm);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.file-btn{cursor:pointer}.picker{grid-template-columns:1fr 310px;gap:18px;margin-top:14px;display:grid}.picker-catalog{border:1px solid var(--hairline);border-radius:var(--radius);padding:12px}.pick-hint{text-align:center;padding:24px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:340px;padding:2px;display:grid;overflow-y:auto}.product-card{text-align:left;background:var(--surface);border:1px solid var(--hairline);cursor:pointer;border-radius:14px;flex-direction:column;gap:7px;padding:9px;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex;position:relative}.product-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px #0071e324}.product-card:disabled{opacity:.45;cursor:not-allowed}.pc-thumb{background:var(--surface-2);color:#b0b0b8;border-radius:10px;justify-content:center;align-items:center;width:100%;height:74px;display:flex;overflow:hidden}.pc-thumb img{object-fit:cover;width:100%;height:100%}.pc-body{flex-direction:column;display:flex}.pc-body strong{font-size:13px;line-height:1.25}.pc-body .muted{font-size:11px}.pc-price{color:var(--accent);margin-top:2px;font-size:12px;font-weight:600}.pc-avail{background:var(--green-bg);color:var(--green);border-radius:980px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;top:7px;right:7px}.pc-avail.none{background:var(--red-bg);color:var(--red)}.picker-cart{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);padding:14px}.picker-cart h4{align-items:center;gap:7px;margin:0 0 12px;display:flex}.cart-line{border-bottom:1px solid var(--hairline);align-items:center;gap:9px;padding:8px 0;display:flex}.cl-info{flex-direction:column;flex:1;display:flex}.cl-info strong{font-size:13px}.cl-info .muted{font-size:11px}.qty-stepper{align-items:center;gap:7px;display:flex}.qty-stepper button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .12s;display:inline-flex}.qty-stepper button:hover{background:var(--surface-2)}.qty-stepper span{text-align:center;min-width:18px;font-size:13px}.cart-btn{border:1px solid var(--hairline);background:var(--surface);cursor:pointer;width:42px;height:42px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;transition:background .12s,transform .1s;display:inline-flex;position:relative}.cart-btn:hover{background:var(--surface-2)}.cart-btn:active{transform:scale(.95)}.cart-badge{top:-6px;background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:-6px}.cart-lines{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.cl-thumb{background:var(--surface-2);color:#b0b0b8;border-radius:9px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.cl-thumb img{object-fit:cover;width:100%;height:100%}.cl-total{font-variant-numeric:tabular-nums;text-align:end;min-width:80px;font-size:13px}.rent-line{align-items:center;gap:9px;margin-bottom:9px;display:flex}.rent-line select{flex:1}.rent-line .qty-input{width:64px}.rent-line .line-total{text-align:right;width:96px;color:var(--text-2);font-size:13px}.add-line{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.settings-title{margin:0 0 18px;font-size:28px}.tabs{background:#0000000d;border-radius:12px;flex-wrap:wrap;gap:2px;margin-bottom:24px;padding:3px;display:inline-flex}.tab{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tab-panel .page-head h2,.tab-panel .content h2{font-size:20px}.cal-meta{color:var(--text-2);flex-direction:column;gap:4px;margin-bottom:14px;font-size:13px;display:flex}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-title{text-transform:capitalize;font-size:16px;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-head{margin-bottom:5px}.cal-wd{text-align:center;color:var(--text-2);text-transform:capitalize;font-size:11px;font-weight:600}.cal-cell{aspect-ratio:1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex}.cal-cell.empty-cell{background:0 0}.cal-cell.avail{background:var(--green-bg);color:var(--green)}.cal-cell.buffer{background:var(--orange-bg);color:var(--orange)}.cal-cell.full{background:var(--red-bg);color:var(--red)}.cal-day{font-weight:600}.cal-av{opacity:.85;font-size:10px}.cal-legend{color:var(--text-2);justify-content:center;gap:18px;margin-top:16px;font-size:12px;display:flex}.cal-legend .dot{vertical-align:-1px;border-radius:4px;width:10px;height:10px;margin-right:6px;display:inline-block}.dot.avail{background:#34c759}.dot.buffer{background:#ff9f0a}.dot.full{background:#ff453a}.board-head{align-items:baseline;gap:12px;margin:4px 0 12px;display:flex}.board-head h3{margin:0}.kanban{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}.kanban-col{background:var(--surface-2);border-radius:var(--radius);outline:2px solid #0000;min-height:120px;padding:12px;transition:background .15s,outline .15s}.kanban-col.over{outline:2px dashed var(--accent);background:#eaf3ff}.kanban-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kanban-count{color:var(--text-2);font-size:13px;font-weight:600}.kanban-cards{flex-direction:column;gap:9px;display:flex}.kanban-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-sm);cursor:grab;border-radius:12px;padding:11px 12px;transition:box-shadow .15s,transform 80ms}.kanban-card:hover{box-shadow:0 6px 16px #00000014}.kanban-card:active{cursor:grabbing;transform:scale(.99)}.kc-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.kc-top strong{font-size:13px}.kc-dates{color:var(--text-2);font-size:12px}.kc-amount{margin-top:4px;font-size:13px;font-weight:600}.kanban-empty{color:#c7c7cc;text-align:center;padding:14px 0;font-size:13px}@media (width<=900px){.kanban{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kanban{grid-template-columns:1fr}}.date-field{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.date-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:9px 11px;font-size:14px}.num{text-align:right;font-variant-numeric:tabular-nums}.report-cols{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.report-cols h3{margin:0 0 10px;font-size:16px}@media (width<=700px){.report-cols{grid-template-columns:1fr}}.chart-grid-2{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:20px;margin:8px 0 24px;display:grid}@media (width<=820px){.chart-grid-2{grid-template-columns:1fr}}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:20px;display:flex}.panel h3{margin:0 0 14px;font-size:15px;font-weight:600}.chart-scroll{overflow-x:auto}.chart-svg{max-width:100%;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4}.chart-axis{fill:var(--text-2);font-size:10px}.chart-svg rect,.chart-svg path,.chart-svg circle{transition:opacity .15s}.chart-svg rect:hover,.chart-svg path:hover{opacity:.82;cursor:default}.chart-legend{color:var(--text-2);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12.5px;display:flex}.chart-legend.col{flex-direction:column;gap:8px}.chart-legend span{align-items:center;gap:7px;display:inline-flex}.chart-legend i{border-radius:3px;flex:none;width:11px;height:11px;display:inline-block}.chart-legend strong{color:var(--text)}.donut-wrap{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.donut-center{fill:var(--text);font-size:15px;font-weight:700}.hbar{flex-direction:column;gap:12px;display:flex}.hbar-row{grid-template-columns:120px 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.hbar-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.hbar-track{background:var(--border);border-radius:6px;height:10px;overflow:hidden}.hbar-fill{border-radius:6px;height:100%;transition:width .4s}.hbar-val{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=520px){.hbar-row{grid-template-columns:90px 1fr auto}}.sale-detail{flex-direction:column;gap:16px;display:flex}.sd-head{background:var(--surface-2,#f5f5f7);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:22px;padding:14px 16px;display:flex}.sd-head>div{flex-direction:column;gap:3px;display:flex}.sd-head .muted{font-size:12px}.sd-head>button{margin-left:auto}.sd-title{align-items:center;gap:6px;margin:4px 0 8px;font-size:14px;font-weight:600;display:flex}.sd-cols{grid-template-columns:1fr 1.2fr;align-items:start;gap:22px;display:grid}@media (width<=720px){.sd-cols{grid-template-columns:1fr}}.table.compact th,.table.compact td{padding:7px 10px;font-size:13px}.pay-list{flex-direction:column;gap:8px;max-height:220px;display:flex;overflow-y:auto}.loader{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 0;display:flex}.spinner{border:3px solid #0000001a;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.loader-label{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary .spinner,.login-card .spinner{border-width:2px;border-color:#ffffff59;width:16px;height:16px}.toast-stack{z-index:100;flex-direction:column;gap:10px;max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast{color:#fff;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1c1eeb;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;animation:.25s cubic-bezier(.2,.8,.2,1) toastIn;display:flex}.toast span{flex:1}.toast-icon{flex-shrink:0}.toast-error .toast-icon{color:#ff453a}.toast-success .toast-icon{color:#30d158}.toast-info .toast-icon{color:#0a84ff}.toast-close{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;display:inline-flex}.toast-close:hover{color:#fff;background:#ffffff1f}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}}[dir=rtl] .toast-stack{left:20px;right:auto}[dir=rtl] .toast{flex-direction:row-reverse}.confirm-msg{color:var(--text);margin:4px 0 0;font-size:15px;line-height:1.5}.btn-danger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ff3b30;border:none;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s,transform 80ms}.btn-danger:hover{background:#ff453a}.btn-danger:active{transform:scale(.97)}[dir=rtl] .sidebar{border-left:1px solid #00000012;border-right:none}[dir=rtl] .sidebar nav a{text-align:right;flex-direction:row-reverse}[dir=rtl] .actions-col{text-align:left}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}[dir=rtl] .pay-summary>div,[dir=rtl] .cart-line{flex-direction:row-reverse}@media (width<=900px){.topbar{display:flex}.app{flex-direction:column}.sidebar{z-index:46;background:#fffffff5;width:270px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}.content{max-width:100%;padding:20px 16px}.content h2,.settings-title{font-size:22px}.page-head{flex-wrap:wrap}.table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.form-row{flex-direction:column;gap:0}.picker{grid-template-columns:1fr}.modal,.modal-wide{width:100%}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.tabs{width:100%;overflow-x:auto}.toolbar{gap:8px}.search-field input{min-width:120px}}@media (width<=480px){.cards{grid-template-columns:1fr}.card-value{font-size:26px}.toast-stack{max-width:none;left:12px;right:12px}}