:root{--navy:#102e42;--navy2:#173e53;--cyan:#49c4c8;--cyan-dark:#087e87;--bg:#f3f6f8;--text:#173548;--muted:#657c8b;--border:#e1e8ed;--shadow:0 5px 22px #16354808;--amber:#e5a044}
body{line-height:1.55}.sidebar{background:#102e42;padding:26px 16px 18px}.sidebar .brand{padding-bottom:25px}.brand small{letter-spacing:.04em;color:#adc0cc}.logo-mark,.logo{background:transparent!important;box-shadow:none!important;flex-shrink:0}.logo-mark img,.logo img{width:100%;height:100%;display:block}.nav-link{font-size:.84rem;min-height:43px;border-radius:8px}.nav-link.active{color:#fff;background:#225064;box-shadow:inset 3px 0 #49c4c8}.nav-link:hover{background:#ffffff0d}.nav-link svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar{height:84px;background:#fff;backdrop-filter:none}.topbar h1{font-size:1.25rem}.content{padding:28px;max-width:1800px;margin:auto}.hero{background:#fff;color:var(--text);border:1px solid var(--border);border-inline-start:5px solid var(--cyan-dark);box-shadow:none;padding:26px 30px;border-radius:14px;position:relative;overflow:hidden}.hero h2{font-size:1.75rem;letter-spacing:-.7px}.hero p{color:var(--muted)}.hero-badge{color:var(--cyan-dark);background:#edf8f8;font-weight:700;font-size:.7rem;letter-spacing:.06em}.size-row b{background:#f3f6f8;border:1px solid var(--border);color:var(--muted);font-size:.75rem}.hero .btn{background:var(--cyan-dark);color:#fff}.metric{border:1px solid var(--border);border-radius:12px;box-shadow:none;padding:22px;position:relative}.metric strong{font-size:1.65rem;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.metric small{font-size:.74rem}.metric-icon{border-radius:9px;width:34px;height:34px;font-size:1rem}.panel{border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.panel-head{padding:21px 23px;border-bottom:1px solid #edf1f4}.panel-head h3{font-size:.98rem}.panel-head p{font-size:.75rem}th{background:#f7f9fb;color:#657b88;font-size:.72rem;letter-spacing:.015em;padding:14px 17px}td{font-size:.8rem;padding:15px 17px;border-bottom:1px solid #edf1f4}tbody tr:hover{background:#f8fbfc}.btn{min-height:42px;border-radius:8px;font-size:.8rem}.btn.primary{background:var(--cyan-dark);box-shadow:none}.btn.primary:hover{background:#086771}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #e5a044;outline-offset:3px}input,select,textarea{border-radius:8px;border-color:#dbe4ea;min-height:43px}label{font-size:.8rem}.status,.tag{border-radius:6px;font-size:.68rem}.quick-action{border:1px solid var(--border);background:#fff;border-radius:9px}.product-card{border:1px solid var(--border);border-radius:12px;box-shadow:none;padding:20px;text-align:start;transition:border-color .15s,transform .15s}.product-card:hover{border-color:var(--cyan-dark);transform:translateY(-2px)}.product-icon{background:#edf7f8;color:var(--cyan-dark)}.product-card strong{color:var(--cyan-dark)}.product-card:disabled{opacity:.5;cursor:not-allowed}.cart-panel{border-top:4px solid var(--cyan-dark)}.cart-total{background:#f0f8f8;border-radius:10px;color:var(--text)}.cart-total strong{color:var(--cyan-dark)}dialog{border-radius:16px;border:1px solid var(--border);box-shadow:0 30px 100px #102e4233}dialog::backdrop{background:#102e4270;backdrop-filter:blur(3px)}.login-body{background:radial-gradient(ellipse at 15% 15%,#285867,#102e42 65%)}.login-card{border-radius:20px;border-top:5px solid var(--cyan);box-shadow:0 24px 80px #0003}.login-card>.logo-mark{width:72px;height:72px}.pro-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px 0}.pro-filter label{display:grid;gap:5px}.trend{padding:20px 24px}.trend-bars{display:flex;align-items:end;gap:6px;height:140px;border-bottom:1px solid var(--border)}.trend-bar{flex:1;min-width:3px;background:#0c8892;border-radius:4px 4px 0 0;min-height:2px}.trend-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.pro-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.pro-kpis article{background:white;border:1px solid var(--border);border-radius:12px;padding:18px}.pro-kpis small{display:block;color:var(--muted);font-size:11px}.pro-kpis b{display:block;font-size:22px;margin-top:7px}.table-search{margin:12px 20px;width:calc(100% - 40px);max-width:360px}.pos-sizes{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pos-sizes button{background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:8px;cursor:pointer}.pos-sizes button.active{background:var(--cyan-dark);color:white}.sidebar-user small{color:#a6bbc7}.cell-note{max-width:300px}.top-actions select{min-width:110px}
html[dir=rtl] .nav-link.active{box-shadow:inset -3px 0 #49c4c8}html[lang=ku],html[lang=ar]{letter-spacing:normal}.brand-preview{width:100px;height:100px}.brand-downloads{display:flex;gap:10px;flex-wrap:wrap}
.simple-back{margin-bottom:14px}.debtor-profile{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.debtor-profile h2{margin:4px 0;font-size:1.45rem}.debtor-profile p{margin:2px 0;color:var(--muted)}.debt-balance{text-align:end;padding:15px 20px;border-radius:10px;background:#fff5e7;border-inline-start:4px solid var(--amber)}.debt-balance small{display:block;color:var(--muted)}.debt-balance strong{font-size:1.65rem;color:#a7660b}.debtor-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.debtor-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;border:1px solid var(--border);border-radius:11px;padding:16px;transition:.15s}.debtor-card:hover{border-color:var(--cyan-dark);transform:translateY(-1px)}.debtor-card h3,.debtor-card p{margin:0}.debtor-card p{font-size:.75rem;color:var(--muted);text-align:start}.debtor-card>strong{font-size:1.05rem;color:#a7660b}.debtor-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf6f7;color:var(--cyan-dark);font-weight:800}.payment-timeline{padding:10px 22px 22px}.payment-timeline article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--border)}.payment-timeline article:last-child{border-bottom:0}.payment-timeline small{display:block;color:var(--muted);font-size:.7rem}.payment-timeline p{margin:3px 0 0;font-size:.78rem}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan-dark);box-shadow:0 0 0 5px #e8f6f7}
@media(max-width:1100px){.pro-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.content{padding:16px}.topbar{height:74px;padding:0 16px}.hero{padding:22px}.hero h2{font-size:1.35rem}.metric strong{font-size:1.3rem}.topbar p{display:none}.pro-filter{gap:8px}.pro-filter label{flex:1;min-width:120px}.pro-kpis b{font-size:18px}.product-card{padding:15px}.sidebar{overflow-y:auto}.topbar-title{min-width:0}.topbar h1{font-size:1.05rem}.cart-panel{position:static}.table-wrap{max-width:100%;overflow:auto}.pro-kpis{gap:10px}.debtor-cards{grid-template-columns:1fr}.debtor-profile{align-items:flex-start}.debt-balance strong{font-size:1.3rem}}@media(max-width:500px){.debtor-profile{display:block}.debt-balance{margin-top:15px}.debtor-card{grid-template-columns:auto 1fr auto}.debtor-card>span{display:none}.debtor-card>strong{grid-column:2}.payment-timeline article{grid-template-columns:auto 1fr auto}.payment-timeline article>a{grid-column:3}.payment-timeline article>strong{grid-column:2}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.pro-filter,.table-search,.pos-sizes{display:none}.panel{box-shadow:none}.content{max-width:none}}