:root{
  --bg:#F3F4F6;--surface:#FFFFFF;--card:#F6F6F6;--border:#E8E8E8;
  --brand:#041A9B;--brand2:#3347C4;--brand-light:#EEF1FF;
  --text:#0C0C0C;--text2:#6B7280;--text3:#9CA3AF;
  --green:#16A34A;--green-bg:#F0FDF4;
  --red:#DC2626;--red-bg:#FEF2F2;
  --yellow:#D97706;--yellow-bg:#FFFBEB;
  --blue:#2563EB;--blue-bg:#EFF6FF;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);
  --shadow-lg:0 10px 25px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);
  --sidebar-w:260px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5;display:flex}

/* ===== SIDEBAR ===== */
.sidebar{
  width:var(--sidebar-w);min-height:100vh;background:var(--brand);
  display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;
  z-index:300;transition:transform .3s ease;overflow-y:auto;
}
.sb-logo{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.sb-logo-txt{font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px}
.sb-logo-txt span{opacity:.6;font-weight:400;font-size:12px;margin-left:6px;letter-spacing:0}

.sb-nav{flex:1;padding:16px 0}
.sb-section{margin-bottom:4px}
.sb-section-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85);
  cursor:pointer;transition:all .2s;user-select:none;
}
.sb-section-title:hover{background:rgba(255,255,255,.08);color:#fff}
.sb-section-title.active{background:rgba(255,255,255,.12);color:#fff}
.sb-section-title .sb-arrow{
  font-size:10px;transition:transform .2s;opacity:.5;
}
.sb-section-title.active .sb-arrow{transform:rotate(90deg);opacity:.8}
.sb-section-title .sb-icon{margin-right:10px;font-size:15px;opacity:.7}
.sb-sub{max-height:0;overflow:hidden;transition:max-height .3s ease}
.sb-sub.open{max-height:300px}
.sb-sub-item{
  padding:8px 20px 8px 48px;font-size:12px;font-weight:500;
  color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s;
  position:relative;
}
.sb-sub-item:hover{color:#fff;background:rgba(255,255,255,.06)}
.sb-sub-item.active{color:#fff;background:rgba(255,255,255,.1)}
.sb-sub-item.active::before{
  content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:#fff;
}
.sb-divider{height:1px;background:rgba(255,255,255,.1);margin:8px 20px}
.sb-bell{
  padding:14px 20px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;gap:10px;
  font-size:13px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s;
}
.sb-bell:hover{background:rgba(255,255,255,.08);color:#fff}

/* ===== LAYOUT ===== */
.app-content{
  margin-left:var(--sidebar-w);flex:1;min-height:100vh;
  display:flex;flex-direction:column;
}
.main{padding:24px 28px;max-width:1700px;flex:1}

/* ===== BURGER ===== */
.burger{display:none;position:fixed;top:14px;left:14px;z-index:400;
  background:var(--brand);border:none;color:#fff;width:40px;height:40px;
  border-radius:10px;font-size:20px;cursor:pointer;box-shadow:var(--shadow-md);
  align-items:center;justify-content:center;transition:all .2s}
.burger:hover{background:var(--brand2)}
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:250;backdrop-filter:blur(2px)}

/* ===== CONTENT HEADER ===== */
.content-hdr{
  padding:18px 28px;background:var(--surface);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.content-hdr h1{font-size:20px;font-weight:700;color:var(--text)}
.content-hdr-sub{font-size:12px;color:var(--text2);margin-top:2px}

/* ===== TABS within content (Розница / Косметологи / etc) ===== */
.tab-pane{display:none}
.tab-pane.active{display:block}
/* ===== Отчёты ===== */
.rep-toolbar{background:var(--surface);padding:14px 16px;border-radius:12px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:1px solid var(--border)}
.rep-toolbar label{font-size:12px;color:var(--text2);font-weight:500;margin-right:4px}
.rep-toolbar input[type="date"]{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background:#fff}
.rep-toolbar .rep-presets{display:flex;gap:6px}
.rep-preset{padding:6px 12px;font-size:12px;font-weight:500;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text2)}
.rep-preset:hover{background:#f5f5f5}
.rep-preset.active{background:#041A9B;color:#fff;border-color:#041A9B}
.rep-actions{margin-left:auto;display:flex;gap:8px}
.rep-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.rep-kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.rep-kpi-lbl{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.4px;font-weight:600;margin-bottom:6px}
.rep-kpi-v{font-size:22px;font-weight:700;color:var(--text1);font-variant-numeric:tabular-nums}
.rep-kpi-sub{font-size:12px;color:var(--text2);margin-top:2px;font-variant-numeric:tabular-nums}
.rep-kpi.reject .rep-kpi-v{color:#B71C1C}
.rep-kpi.done .rep-kpi-v{color:#0F9D58}
.rep-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.rep-chart-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.rep-chart-box h3{font-size:13px;font-weight:600;color:var(--text1);margin-bottom:10px}
.rep-chart-box canvas{max-height:280px;width:100%!important;height:280px!important}
.rep-tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.rep-tbl-wrap h3{font-size:13px;font-weight:600;color:var(--text1);margin-bottom:10px}
.rep-tbl{width:100%;border-collapse:collapse;font-size:13px}
.rep-tbl th{background:#fafafa;padding:8px 10px;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.3px;text-align:left;border-bottom:1px solid var(--border)}
.rep-tbl td{padding:8px 10px;border-bottom:1px solid #f2f2f2;font-variant-numeric:tabular-nums}
.rep-tbl tr:last-child td{border-bottom:none}
.rep-tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.rep-tbl .total-row td{font-weight:700;background:#fafafa;border-top:2px solid var(--border);border-bottom:none}
@media(max-width:960px){.rep-charts{grid-template-columns:1fr}}
@media(max-width:768px){.rep-toolbar{flex-direction:column;align-items:stretch}.rep-actions{margin-left:0}}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.scard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.scard::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--brand)}
.scard-lbl{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.scard-val{font-size:24px;font-weight:700;color:var(--brand)}
.scard-sub{font-size:11px;color:var(--text3);margin-top:3px}
.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap}
.toolbar-l{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sw{position:relative}
.sw input{background:#fff;border:1px solid var(--border);color:var(--text);padding:8px 12px 8px 36px;border-radius:8px;font-size:13px;width:220px;transition:border-color .2s;font-family:'Inter',sans-serif;box-shadow:var(--shadow)}
.sw input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(4,26,155,.08)}
.sw::before{content:'⌕';position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:16px}
.fsel{background:#fff;border:1px solid var(--border);color:var(--text2);padding:8px 12px;border-radius:8px;font-size:13px;font-family:'Inter',sans-serif;cursor:pointer;box-shadow:var(--shadow)}
.fsel:focus{outline:none;border-color:var(--brand)}
.btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s;font-family:'Inter',sans-serif;display:inline-flex;align-items:center;gap:6px}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand2)}
.btn-outline{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}
.btn-outline:hover{border-color:var(--brand);color:var(--brand)}
.btn-dsm{background:transparent;color:var(--red);border:1px solid #fca5a5;padding:4px 9px;font-size:11px;border-radius:6px;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s}
.btn-dsm:hover{background:var(--red-bg)}
.btn-gsm{background:transparent;color:var(--text2);border:1px solid var(--border);padding:4px 9px;font-size:11px;border-radius:6px;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s}
.btn-gsm:hover{color:var(--brand);border-color:var(--brand)}
.btn-greensm{background:transparent;color:var(--green);border:1px solid #86efac;padding:4px 9px;font-size:11px;border-radius:6px;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s}
.btn-greensm:hover{background:var(--green-bg)}
.btn-exp{background:#fff;color:var(--brand);border:1.5px solid var(--brand);padding:8px 14px;font-size:12px;border-radius:8px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s}
.btn-exp:hover{background:var(--brand-light)}
.tbl-wrap{background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}
.tbl-ov{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
thead{background:var(--card)}
th{padding:11px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;cursor:pointer;user-select:none;border-bottom:1px solid var(--border)}
th:hover{color:var(--brand)}
tbody tr{border-bottom:1px solid var(--border);transition:background .12s}
tbody tr:last-child{border-bottom:none}
tbody tr:hover{background:#FAFBFF}
td{padding:11px 14px;vertical-align:middle}
td.mu{color:var(--text2);font-size:12px}
.nc{display:flex;align-items:center;gap:9px}
.av{width:30px;height:30px;border-radius:50%;background:var(--brand-light);border:1.5px solid var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--brand);flex-shrink:0}
.money{font-weight:600;color:var(--brand)}
.profit{color:var(--green);font-weight:600}
.ac-btns{display:flex;gap:5px;align-items:center}
.copy-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;transition:color .15s}
.copy-btn:hover{color:var(--brand)}
.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500}
.bg{background:var(--green-bg);color:var(--green);border:1px solid #bbf7d0}
.bb{background:var(--blue-bg);color:var(--blue);border:1px solid #bfdbfe}
.by{background:var(--yellow-bg);color:var(--yellow);border:1px solid #fde68a}
.br{background:var(--red-bg);color:var(--red);border:1px solid #fca5a5}
.bp{background:#F3E8FF;color:#6D28D9;border:1px solid #DDD6FE}
.stag{background:var(--brand-light);color:var(--brand);border:1px solid #c7d2fe;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}
.modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;align-items:flex-start;justify-content:center;padding:40px 16px;backdrop-filter:blur(3px);overflow-y:auto}
.modal-ov.open{display:flex}
.modal{background:#fff;border-radius:14px;width:720px;max-width:100%;box-shadow:var(--shadow-lg);animation:mIn .22s ease;border:1px solid var(--border)}
@keyframes mIn{from{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}
.mhd{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}
.mtitle{font-size:16px;font-weight:700;color:var(--brand)}
.mx{background:none;border:none;color:var(--text2);font-size:20px;cursor:pointer;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}
.mx:hover{background:var(--card)}
.mbody{padding:20px 24px}
.mft{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px 20px;border-top:1px solid var(--border)}
.fg{display:flex;flex-direction:column;gap:5px}
.fl{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.6px}
.req{color:var(--red);margin-left:2px}
.fi{background:#fff;border:1.5px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:13px;font-family:'Inter',sans-serif;transition:border-color .2s;width:100%}
.fi:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(4,26,155,.08)}
.fi.err{border-color:var(--red)!important;background:var(--red-bg)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.full{grid-column:1/-1}
.fsec{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:1px;margin:16px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--brand-light)}
.plines{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.pline{display:grid;grid-template-columns:1fr 75px 110px 28px;gap:7px;align-items:start}
.acw{position:relative}
.acdrop{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1.5px solid var(--brand);border-radius:8px;max-height:200px;overflow-y:auto;z-index:600;display:none;box-shadow:var(--shadow-lg)}
.acdrop.open{display:block}
.aci{padding:8px 12px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center}
.aci:hover{background:var(--brand-light);color:var(--brand)}
.aci small{color:var(--text2);font-size:11px}
.add-line{display:flex;align-items:center;gap:6px;background:var(--card);border:1.5px dashed var(--border);color:var(--text2);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;font-family:'Inter',sans-serif;transition:all .2s;width:100%}
.add-line:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}
.col-hd{display:grid;grid-template-columns:1fr 75px 110px 28px;gap:7px;padding:0 1px;margin-bottom:4px}
.col-hd span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text3)}
.btn-rm{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:4px;font-size:14px;height:38px;display:flex;align-items:center;justify-content:center;transition:color .15s}
.btn-rm:hover{color:var(--red)}
.osum{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-top:12px}
.sr{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px}
.sr.total{border-top:1.5px solid var(--border);margin-top:8px;padding-top:10px;font-size:15px;font-weight:700;color:var(--brand)}
.slbl{color:var(--text2)}
.si{background:#fff;border:1.5px solid var(--border);color:var(--text);padding:5px 9px;border-radius:7px;font-size:13px;font-family:'Inter',sans-serif;width:115px;text-align:right}
.si:focus{outline:none;border-color:var(--brand)}
.fi-final{background:#fff;border:1.5px solid var(--brand);color:var(--brand);padding:5px 10px;border-radius:7px;font-size:14px;font-weight:700;font-family:'Inter',sans-serif;width:140px;text-align:right}
.fi-final:focus{outline:none}
.exp-opt{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.exp-row{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--border);border-radius:9px;padding:12px 16px}
.exp-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:14px 0}
.arch-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}
.arch-info{flex:1;min-width:0}
.arch-name{font-weight:600;font-size:14px}
.arch-meta{font-size:12px;color:var(--text2);margin-top:3px}
.arch-del{font-size:11px;color:var(--red);margin-top:4px}
.arch-btns{display:flex;gap:6px;flex-shrink:0}
.notif{position:fixed;bottom:24px;right:24px;background:var(--brand);color:#fff;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:500;z-index:9999;opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none;box-shadow:var(--shadow-md)}
.notif.show{opacity:1;transform:translateY(0)}
@keyframes rpIn{from{transform:translateX(100%)}to{transform:none}}
.rp{position:fixed;top:0;right:0;width:340px;max-height:100vh;overflow-y:auto;background:#fff;border-left:2px solid var(--brand);z-index:2000;box-shadow:-8px 0 40px rgba(0,0,0,.12);animation:rpIn .25s ease}
.rp-hd{padding:16px 18px;background:var(--brand);color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}
.rp-title{font-weight:700;font-size:15px}
.rp-x{background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
.ri{padding:12px 16px;border-bottom:1px solid var(--border)}
.ri:hover{background:var(--card)}
.ri-name{font-weight:600;font-size:13px}
.ri-meta{font-size:11px;color:var(--text2);margin-top:2px}
.tag-t{background:var(--yellow-bg);color:var(--yellow);border:1px solid #fde68a;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700}
.tag-o{background:var(--red-bg);color:var(--red);border:1px solid #fca5a5;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700}
.empty{text-align:center;padding:52px 20px;color:var(--text2)}
.empty .ico{font-size:36px;opacity:.3;margin-bottom:10px}

/* CLIENT CARD MODAL */
.cc-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100;align-items:flex-start;justify-content:flex-end;backdrop-filter:blur(2px)}
.cc-ov.open{display:flex}
.cc-panel{width:560px;max-width:100vw;height:100vh;background:#fff;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.12);animation:ccIn .25s ease;overflow:hidden}
@keyframes ccIn{from{transform:translateX(100%)}to{transform:none}}
.cc-hd{padding:20px 22px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;flex-shrink:0}
.cc-av{width:46px;height:46px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}
.cc-info{flex:1;min-width:0}
.cc-name{font-size:18px;font-weight:700;color:var(--text)}
.cc-meta{font-size:12px;color:var(--text2);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap}
.cc-close{background:none;border:1px solid var(--border);color:var(--text2);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.cc-close:hover{border-color:var(--red);color:var(--red)}
.cc-tabs{display:flex;border-bottom:2px solid var(--border);padding:0 22px;flex-shrink:0}
.cc-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
.cc-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}
.cc-body{flex:1;overflow-y:auto;padding:18px 22px}
.cc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}
.cc-stat{background:var(--card);border-radius:10px;padding:12px 14px;border:1px solid var(--border)}
.cc-stat-v{font-size:18px;font-weight:700;color:var(--brand)}
.cc-stat-l{font-size:11px;color:var(--text2);margin-top:2px}
.cc-sec{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.8px;margin:16px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--brand-light)}
.order-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all .18s;position:relative}
.order-card:hover{border-color:var(--brand);box-shadow:0 2px 12px rgba(4,26,155,.08)}
.order-card-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.order-card-date{font-size:12px;color:var(--text2)}
.order-card-items{font-size:12px;color:var(--text2);margin-top:6px;line-height:1.5}
.order-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}
.cc-add-btn{width:100%;background:var(--brand-light);color:var(--brand);border:1.5px dashed var(--brand);border-radius:10px;padding:12px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;margin-bottom:10px}
.cc-add-btn:hover{background:var(--brand);color:#fff}
.cc-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.cc-field:last-child{border-bottom:none}
.cc-field-l{color:var(--text2);font-size:12px}
.cc-field-v{font-weight:500;text-align:right}


/* ===== PRICE LIST ===== */
.pl-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap}
.pl-toolbar-l{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pl-tbl-wrap{background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}
.pl-tbl{width:100%;border-collapse:collapse;font-size:13px}
.pl-tbl thead{background:var(--card)}
.pl-tbl th{padding:11px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid var(--border)}
.pl-tbl tbody tr{border-bottom:1px solid var(--border);transition:background .12s}
.pl-tbl tbody tr:last-child{border-bottom:none}
.pl-tbl tbody tr:hover{background:#FAFBFF}
.pl-tbl td{padding:10px 14px;vertical-align:middle}
.pl-tbl td.pl-name{font-weight:500;max-width:400px}
.pl-tbl td.pl-sku{color:var(--text2);font-size:12px;font-family:monospace}
.pl-tbl td.pl-price{font-weight:600;color:var(--brand);white-space:nowrap}
.pl-edit-inp{background:#fff;border:1.5px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:13px;font-family:'Inter',sans-serif;width:100%;transition:border-color .2s}
.pl-edit-inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(4,26,155,.08)}
.pl-cnt{font-size:12px;color:var(--text2);margin-left:4px}

/* ===== IMPORT MODAL ===== */
.import-zone{border:2px dashed var(--border);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:var(--card)}
.import-zone:hover{border-color:var(--brand);background:var(--brand-light)}
.import-zone.dragover{border-color:var(--brand);background:var(--brand-light)}
.import-zone .iz-icon{font-size:36px;opacity:.5;margin-bottom:10px}
.import-zone .iz-text{font-size:14px;color:var(--text2);font-weight:500}
.import-zone .iz-sub{font-size:12px;color:var(--text3);margin-top:4px}
.import-preview{margin-top:16px}
.import-preview table{width:100%;border-collapse:collapse;font-size:12px}
.import-preview th{background:var(--card);padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:var(--text2);text-transform:uppercase;border-bottom:1px solid var(--border)}
.import-preview td{padding:6px 10px;border-bottom:1px solid var(--border)}
.import-info{font-size:12px;color:var(--text2);margin-top:8px}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .sb-overlay.open{display:block}
  .burger{display:flex}
  .sidebar.open~.burger{opacity:0;pointer-events:none}
  .app-content{margin-left:0}
  .content-hdr{padding:14px 16px 14px 72px}
  .content-hdr h1{font-size:17px}
  .main{padding:14px 16px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
  .g2,.g3{grid-template-columns:1fr}
  .pline{grid-template-columns:1fr 65px 95px 28px}
  .sw input{width:160px}
  .exp-filters{grid-template-columns:1fr}
  .rp{width:100%}
  .cc-panel{width:100vw}
  .cc-stats{grid-template-columns:1fr 1fr}
}

/* ===== AUTH SCREEN ===== */
.auth-screen{position:fixed;inset:0;z-index:9999;background:var(--brand);display:flex;align-items:center;justify-content:center;flex-direction:column}
.auth-box{background:#fff;border-radius:16px;padding:40px 36px;width:360px;max-width:90vw;box-shadow:var(--shadow-lg)}
.auth-logo{text-align:center;margin-bottom:28px}
.auth-logo-txt{font-size:22px;font-weight:700;color:var(--brand)}
.auth-logo-txt span{font-weight:400;color:var(--text2)}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}
.auth-field input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:'Inter',sans-serif;outline:none;transition:border .2s}
.auth-field input:focus{border-color:var(--brand)}
.auth-btn{width:100%;padding:12px;background:var(--brand);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;margin-top:8px;transition:background .2s}
.auth-btn:hover{background:var(--brand2)}
.auth-err{color:var(--red);font-size:13px;text-align:center;margin-top:12px;min-height:20px}
.auth-user{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.15)}
.auth-user-av{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}
.auth-user-name{color:rgba(255,255,255,.85);font-size:13px;font-weight:500;flex:1}
.auth-logout{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:16px;padding:4px}
.auth-logout:hover{color:#fff}

/* ===== ORDERS KANBAN (v26) ===== */
.ord-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.ord-kpi{background:#fff;border:1px solid var(--bd);border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ord-kpi-v{font-size:24px;font-weight:700;color:var(--text1);line-height:1.1}
.ord-kpi-l{font-size:11px;color:var(--text2);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}
.ord-filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.ord-board{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:flex-start}
.ord-col{background:#F5F5F2;border:1px solid var(--bd);border-radius:12px;overflow:hidden;min-height:400px;display:flex;flex-direction:column}
.ord-col-hdr{padding:12px 14px;font-size:13px;font-weight:700;color:var(--text1);background:#FBFAF7;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px}
.ord-col-cnt{margin-left:auto;background:#E7E5DF;color:var(--text2);padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}
.ord-col-body{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:60px;flex:1;transition:background .15s}
.ord-col-body.drag-over{background:rgba(4,26,155,.04);outline:2px dashed rgba(4,26,155,.25);outline-offset:-6px}
.ord-card{background:#fff;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .1s,box-shadow .15s,opacity .15s;position:relative;user-select:none}
.ord-card:hover{box-shadow:0 3px 8px rgba(0,0,0,.09);transform:translateY(-1px)}
.ord-card:active{cursor:grabbing}
.ord-card.dragging{opacity:.5;transform:rotate(-1.5deg)}
.ord-card-row1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ord-card-name{font-size:14px;font-weight:600;color:var(--text1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-card-date{font-size:11px;color:var(--text2);flex-shrink:0}
.ord-card-phone{font-size:12px;color:var(--text2);margin-top:3px;font-variant-numeric:tabular-nums}
.ord-card-row3{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.ord-card-sum{font-size:13px;font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums}
.ord-card-src{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;background:#F1EFEA;border-radius:4px;margin-left:6px}
.ord-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.ord-dot-wait{background:#E5B300}
.ord-dot-work{background:#2B72D6}
.ord-dot-done{background:#3A9A2F}
.ord-dot-cancel{background:#B23A3A}
.ord-dot-armenia{background:#8B5CF6}
.ord-card-dot{width:10px;height:10px;border-radius:50%;position:absolute;right:10px;bottom:10px}
.ord-card-empty{text-align:center;padding:20px 10px;color:var(--text2);font-size:12px;font-style:italic}
@media(max-width:1400px){.ord-board{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.ord-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ord-board{grid-template-columns:1fr}.ord-kpis{grid-template-columns:repeat(2,1fr)}}

/* Orders period filter (v27) */
.ord-period{display:flex;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap;padding:10px 12px;background:#FBFAF7;border:1px solid var(--bd);border-radius:10px}
.ord-presets{display:flex;gap:6px;flex-wrap:wrap}
.ord-preset{padding:6px 12px;font-size:12px;font-weight:500;color:var(--text2);background:#fff;border:1px solid var(--bd);border-radius:6px;cursor:pointer;transition:all .12s}
.ord-preset:hover{border-color:var(--brand);color:var(--brand)}
.ord-preset.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.ord-dates{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text2)}
.ord-dates .inp{max-width:150px;padding:5px 8px;font-size:12px}
.ord-arch-btn{background:#9B2E2E;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s;margin-left:auto}
.ord-arch-btn:hover{background:#7A2323}
.ord-col-sum{margin-left:auto;font-size:12px;font-weight:600;color:var(--brand);white-space:nowrap}