@font-face{font-family:Vazir;src:url('/fonts/Vazir-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Vazir;src:url('/fonts/Vazir-Medium.woff2') format('woff2');font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:Vazir;src:url('/fonts/Vazir-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}

:root{
  color-scheme:dark;
  --blue:#a5b5ff;
  --turquoise:#64d6cf;
  --ink:#edf2fb;
  --muted:#a3b1c7;
  --line:#29364c;
  --bg:#0b1220;
  --surface:#141f32;
  --surface-raised:#1b2940;
  --field:#0e1829;
  --radius:20px;
  --shadow:0 16px 45px #0000001c;
}
html{background:var(--bg);scroll-behavior:smooth;scrollbar-color:#40506d #0e1727}
body{
  font-family:Vazir,Tahoma,sans-serif;
  background:radial-gradient(ellipse at 8% 0%,#1d31513b,transparent 50%),var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:inherit}
button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
button:hover{filter:none}
button:active:not(:disabled){transform:translateY(1px)}
button:disabled{opacity:.35}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--turquoise);outline-offset:4px}
::selection{background:#4c6c9e;color:#fff}
h1,h2,h3,h4{letter-spacing:-.35px}
h1{font-weight:700;font-size:25px}
h2{font-weight:700}
h3{font-size:18px}
p{color:var(--muted)}
.eyebrow{color:var(--turquoise);font-size:12px;font-weight:500}
.primary{
  background:linear-gradient(115deg,#35479f,#4962cf);
  box-shadow:0 6px 18px #18296138,inset 0 1px #ffffff12;
  color:#fff;border:1px solid #6b83e54d;padding:11px 20px;border-radius:12px;
}
.primary:hover{background:linear-gradient(115deg,#4054b4,#5671e0);box-shadow:0 8px 24px #101a4d66}
.secondary{background:#19273d;border-color:#34425a;color:#dce5f8;border-radius:11px}
.secondary:hover{background:#253650;border-color:#647b9c}
.text-btn{color:#b3c3ff;border-radius:8px}
.text-btn:hover{background:#7c9ad41a;color:#d9e2ff}
.sidebar{
  background:linear-gradient(170deg,#111d31,#0e1728 70%);
  border-color:#29364a;padding-top:34px;
  box-shadow:-10px 0 40px #0000000d;
}
.wordmark{color:#e5ebff;font-weight:700;margin-bottom:36px;letter-spacing:-1px}
.wordmark:after{width:42px;height:3px;background:linear-gradient(90deg,#64d6cf,#536fdb);box-shadow:0 2px 14px #64d6cf22}
.wordmark span{color:#9aabc4;letter-spacing:0;font-size:11px}
.nav{color:#a8b6cc;border:1px solid transparent;padding:12px 11px;border-radius:12px}
.nav span{color:#8295b3;font-size:22px}
.nav:hover{background:#1a2941;color:#e1e9fb}
.nav.active{color:#c2cfff;background:linear-gradient(100deg,#243356,#1b2b45);border-color:#3b52774f;box-shadow:inset -3px 0 var(--turquoise)}
.nav.active span{color:var(--turquoise)}
.sidebar-bottom{border-top:1px solid #27334a;margin-right:10px;margin-left:10px;padding-right:2px;padding-left:2px}
.sidebar-bottom p{color:#b5c6ef;font-size:18px;line-height:2}
.pilot{background:#173937;color:#86e0d3;border:1px solid #2b5d574d;padding:5px 11px}
main{padding-top:28px}
header{padding-bottom:23px;margin-bottom:24px;border-bottom:1px solid #253149}
header small{color:#91a1bb;font-size:11px}
.avatar{background:#253554;color:#b9c9ff;border:1px solid #3f5279}
.account{gap:10px;color:#bdcbe2}
.intro{
  background:radial-gradient(ellipse at 0% 80%,#4f9fa51c,transparent 60%),linear-gradient(120deg,#192b47,#192541);
  border:1px solid #34496a;border-radius:22px;padding:28px 32px;
  box-shadow:var(--shadow);
}
.intro h2{color:#f1f5ff;font-size:29px;letter-spacing:-.8px}
.intro p{color:#acbad2;font-size:13px}
.intro-mark{color:#75ded5;opacity:.85;text-shadow:0 0 34px #63cfc32b;font-size:88px}
.stats{gap:16px}
.stat{background:linear-gradient(145deg,#17243a,#141f32);border-color:#2d3b54;border-radius:17px;padding:19px 22px;box-shadow:0 8px 24px #00000012;position:relative}
.stat:before{content:'';position:absolute;right:22px;top:0;width:30px;height:2px;background:#5c80d6;border-radius:0 0 3px 3px}
.stat:nth-child(2):before,.stat:nth-child(4):before{background:#64d6cf}
.stat small{color:#b5c1d6;font-size:12px}
.stat strong{color:#f1f5ff;font-size:30px;font-weight:700;line-height:1.5;margin:10px 0 7px;font-variant-numeric:tabular-nums}
.stat em{color:#7acac3;font-size:11px}
.card,.segment-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.section-heading h3{color:#e4ecfc}
.section-heading p{font-size:12px;color:#9aaac4;line-height:1.9}
.quick-filters{gap:9px;margin-bottom:23px}
.chip{background:#141f32;border-color:#2f3e56;color:#adbbd1;padding:8px 16px;font-size:12px}
.chip:hover{background:#24334c;color:#e6efff;border-color:#566d91}
.chip.selected{background:#31458c;border-color:#596fbe;color:#edf3ff;box-shadow:0 4px 14px #1521453b}
input,select,textarea{background:var(--field);border-color:#34425b;color:#e7eefc;border-radius:11px;padding:11px 14px;transition:border-color .18s,box-shadow .18s}
input:hover,select:hover,textarea:hover{border-color:#526582}
input:focus,select:focus,textarea:focus{border-color:#69bdbb;box-shadow:0 0 0 3px #64d6cf0b}
input::placeholder,textarea::placeholder{color:#8293ae;font-size:12px;opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--turquoise);box-shadow:none}
input[type=range]{accent-color:var(--turquoise);background:transparent;box-shadow:none}
select option{background:#152137;color:#e7eefc}
label{color:#c6d2e5;font-size:13px}
summary{color:#afc2ff;line-height:2}
.required{color:#85e0d5}
.table-toolbar{margin:20px 0}
.table-toolbar label,.table-toolbar select{font-size:12px}
.table-wrap{border:1px solid #2a3851;border-radius:13px}
table{font-size:13px}
th{background:#1b2940;color:#b8c7df;font-weight:500;font-size:11px;padding:14px}
td{border-color:#29364c;padding:16px 14px}
tbody tr{transition:background .16s}
tbody tr:nth-child(even){background:#17233866}
tbody tr:hover{background:#21324c}
td .name{color:#e7eefb;font-weight:500}
td small{color:#99aac5;font-size:11px;line-height:1.9;margin-top:3px}
.phone{color:#bfcee7;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.badge{color:#8bded3;background:#1b3a3d;border:1px solid #32636273;border-radius:7px;font-size:11px}
.badge.manual{background:#3e3425;color:#e4c68b;border-color:#7c684442}
.count{color:#bacaff;background:#2a3b60;border:1px solid #41588266;padding:1px 10px}
.pagination{color:#a6b6ce;font-size:12px;margin-top:20px}
.pagination button{padding:6px 16px;font-size:12px}
.delivery-badge{background:#173b35;color:#8ae0bc;border:1px solid #35645770}
.filter-group{background:#17243a}
.group-heading select{background:var(--field)}
.group-heading .group-label,.add-condition{color:#a7bcff}
.shop-filters{border-color:#32435f}
.shop-filters>.section-heading{padding-top:24px;padding-bottom:12px}
.shop-status{padding-bottom:20px}
.shop-status p{font-size:11px;color:#a9b8cf}
.shop-grid{border-color:#2a3851}
.filter-column{padding:22px;border-color:#2b3a53;background:linear-gradient(180deg,#17243a55,transparent 80%)}
.filter-column h4{font-size:14px;font-weight:500;color:#dfe8fa;margin-bottom:12px}
.filter-column p{font-size:11px;color:#9cacc5;line-height:1.9}
.filter-column select,.filter-column input[type=search]{font-size:12px}
.filter-column input[type=search]{padding:9px 12px;margin-bottom:12px}
.filter-block{border-color:#2b3951;padding-bottom:20px;margin-bottom:20px}
.check-list{scrollbar-width:thin;scrollbar-color:#455a7a #101a2c;padding:3px 2px 3px 6px}
.check-option{font-size:12px;color:#b7c6df;min-height:36px;padding:8px;border:1px solid transparent;border-radius:8px;transition:background .15s,border-color .15s}
.check-option:hover{background:#24344f;border-color:#344967}
.check-option input{width:17px;height:17px;accent-color:#64d6cf;outline-offset:2px}
.check-option small{color:#9daecb;font-size:11px;background:#0d182956;border-radius:5px;min-width:25px;text-align:center;padding:0 5px}
.check-option:has(input:checked){background:#1a3c42;color:#b2f1e5;border-color:#3b777273}
.check-option:has(input:checked) small{background:#264e50;color:#b1eee2}
.area-checks{gap:3px}
.area-checks .check-option{font-size:11px;padding:7px 5px}
.range-inputs input{background:#0e1829;border-color:#344760;font-size:13px;padding:11px}
.range-inputs label{font-size:11px;color:#a9bad5}
.price-sliders{padding-top:10px}
.price-sliders input{accent-color:#64d6cf}
.area-sliders label{font-size:11px;color:#a9bad5;margin:8px 0 0}
.area-range-caption{color:#8ee0d3!important;background:#153537;border:1px solid #2e615c;border-radius:9px;padding:9px 12px;margin:12px 0 0!important;font-variant-numeric:tabular-nums}
.filter-note{background:#101c2e;color:#a9bdd5;border-top:1px solid #293b55;font-size:11px;padding:14px 24px}
.selection-tag{background:#283a60;border:1px solid #456092;color:#c8d7ff;padding:5px 12px;font-size:11px}
.selection-tag:hover{background:#344b76}
.shop-bottom{background:#131e31;border-color:#2c3c55;padding-top:17px;padding-bottom:17px}
.shop-bottom small{font-size:11px}
.form-card{background:linear-gradient(150deg,#18263d,#141f32);padding:34px;border-color:#34445e;border-radius:22px}
.form-card h2{font-size:26px;letter-spacing:-.6px}
.form-card .wide{margin-top:4px;padding-top:13px;padding-bottom:13px}
.call-aside{padding-top:42px}
.call-aside h2{font-size:34px;color:#c4d2fa;line-height:1.9;letter-spacing:-.8px}
.big-symbol{color:#6ad4d0;opacity:.9;font-weight:400}
.call-aside p{font-size:13px;color:#a9b9d1;line-height:2.2}
.note-box{background:#153239;color:#aad7d5;border-color:#56bdb4;line-height:2;border-radius:10px;font-size:12px}
.segment-card{border-radius:18px;background:linear-gradient(140deg,#1a2942,#141f32)}
.segment-number{color:#73d8d1}
.segment-card p{font-size:12px}
.user-row{border-color:#2c3c55;padding:17px 0}
.user-row small{display:block;color:#9cafca}
.data-grid div{background:#0f1a2d;border:1px solid #283b55;border-radius:12px;padding:18px;line-height:2.1;color:#c8d6ed}
.data-grid small{color:#9bb0ce}
.data-grid{gap:14px}
.match{background:#1d304e;border:1px solid #3a5379;color:#cfdbf3}
dialog{background:#152238;color:var(--ink);border-color:#405476;box-shadow:0 30px 100px #0009}
dialog::backdrop{background:#030912bc;backdrop-filter:blur(6px)}
.profile-info{background:#0e1a2c;padding:18px;border:1px solid #293e5b;border-radius:13px}
.profile-info small{color:#98adcc;font-size:11px}
.invoice-record{background:#111e32;border-color:#324763;border-radius:13px}
.invoice-record p,.invoice-dates{font-size:12px;color:#b2c0d7}
.invoice-record strong{color:#e8f0ff}
.invoice-record h4{color:#dbe7ff}
.error,#login-error{color:#ffa2ac}
.success{color:#85ddbd}
#toast{border:1px solid #60749177;box-shadow:0 12px 40px #0006;font-size:13px}
footer{color:#8b9bb4;font-size:10px}
.login-screen{background:radial-gradient(ellipse at 0% 0%,#24365755,transparent 70%),#0d1627}
.login-brand{background:radial-gradient(ellipse at 10% 0%,#58c1c329,transparent 60%),linear-gradient(150deg,#142544,#1f3168);border-left:1px solid #344971}
.login-brand img{border-radius:20px;box-shadow:0 28px 70px #060c2450;border:1px solid #6f87d347}
.login-brand p{color:#a0dedb;font-size:16px}
.login-card{background:#152137;border:1px solid #354762;border-radius:24px;padding:32px;width:420px;box-shadow:0 20px 70px #0003}
.login-card h1{font-size:34px;color:#f0f4ff}
.login-card p{font-size:13px;line-height:2}
.login-card input{padding:12px 14px}
.login-card button{padding:13px;margin-top:13px}
.login-card small{color:#98a9c4;line-height:2}
@media(max-width:1100px){.stat{padding:17px}.stat strong{font-size:27px}.intro h2{font-size:27px}.filter-column{padding:18px}}
@media(max-width:760px){
  .sidebar{padding:17px 14px;background:#101c30}
  .wordmark{font-size:28px;margin-bottom:17px}
  .nav{padding:9px 12px;font-size:12px}
  header{padding-bottom:17px;margin-bottom:20px}
  h1{font-size:21px}
  .intro{padding:22px}.intro h2{font-size:24px}.intro p{font-size:11px}.intro-mark{font-size:62px}
  .stat{padding:15px}.stat strong{font-size:26px}.stat em{font-size:10px}.stat small{font-size:11px}
  .form-card{padding:26px}.call-aside{padding:12px 18px}.call-aside h2{font-size:28px}
  .header-actions .primary{font-size:11px}.login-card{max-width:90%;padding:28px}
  .pagination{gap:10px}.pagination button{padding:6px 10px;font-size:11px}
  .profile-info{grid-template-columns:1fr 1fr;padding:14px}
}
@media(max-width:430px){
  main{padding:14px}.intro-mark{display:none}.intro h2{font-size:22px}
  .account{gap:2px}.header-actions{gap:4px}.chip{padding:7px 11px;font-size:11px}
  .area-checks{grid-template-columns:1fr 1fr}.profile-info{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}