:root {
  color-scheme: light dark;
  --bg:#ddc6b6; --surface:rgba(255,248,245,.64); --surface-strong:rgba(255,250,248,.82);
  --ink:#1a0a0f; --secondary:#1c1c28; --muted:#735e63; --line:rgba(26,10,15,.14); --blush:#f6e6ea;
  --accent:#7b263f; --accent-2:#c7677f; --good:#13765b; --warn:#a4670b; --bad:#a32c3a;
  --shadow:0 22px 55px rgba(44,15,24,.13); --nav-h:78px; --radius:22px;
  --safe-bottom:env(safe-area-inset-bottom,0px); --safe-top:env(safe-area-inset-top,0px);
  font-family:Vazirmatn,IRANSansX,"Segoe UI",Tahoma,sans-serif;
}
[data-theme="dark"] { --bg:#232023; --surface:rgba(39,34,39,.76); --surface-strong:rgba(49,42,48,.92); --ink:#fff5f7; --muted:#bfaeb3; --line:rgba(246,230,234,.13); --accent:#ec91aa; --accent-2:#a84160; --blush:#3d2b33; --shadow:0 24px 65px rgba(0,0,0,.31); }
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.is-hidden{display:none!important}
.ambient{position:fixed;border-radius:50%;filter:blur(2px);opacity:.58;pointer-events:none;z-index:0}.ambient-a{width:320px;height:320px;top:-120px;left:-100px;background:radial-gradient(circle,#f7e9ea 0,transparent 68%)}.ambient-b{width:430px;height:430px;right:-230px;bottom:10%;background:radial-gradient(circle,rgba(141,52,78,.26),transparent 68%)}
.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15)}
.splash{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:28px;z-index:30;background:var(--bg);transition:.5s ease}.splash.done{opacity:0;transform:scale(1.04);pointer-events:none}.brand-mark{font-weight:850;letter-spacing:.42em;font-size:clamp(24px,8vw,40px);margin-left:.42em}.splash p{font-size:13px;color:var(--muted)}.orb{width:70px;height:70px;position:relative}.orb span{position:absolute;inset:0;border:1px solid var(--accent);border-radius:45% 55% 52% 48%;animation:spin 2.6s linear infinite}.orb span:nth-child(2){inset:8px;animation-direction:reverse;animation-duration:2s}.orb span:nth-child(3){inset:23px;background:var(--accent);border:0;animation:pulse 1.6s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.65);opacity:.55}}
.app{position:relative;z-index:2;max-width:720px;margin:auto;padding:calc(14px + var(--safe-top)) 14px calc(var(--nav-h) + 30px + var(--safe-bottom));min-height:100vh}.topbar{height:70px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;position:sticky;top:calc(8px + var(--safe-top));z-index:12}.eyebrow{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.topbar h1{font-size:18px;margin:0;letter-spacing:.12em}.top-actions{display:flex;align-items:center;gap:9px}.icon-button,.avatar{border:1px solid var(--line);background:var(--surface-strong);width:42px;height:42px;border-radius:15px;display:grid;place-items:center;position:relative}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.icon-button b{position:absolute;top:6px;right:7px;background:var(--bad);width:7px;height:7px;border-radius:50%;display:none}.icon-button b.show{display:block}.avatar{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:white;font-weight:800;border:0}
.view{padding:18px 0;display:grid;gap:14px}.hero{border-radius:28px;padding:22px;min-height:188px;position:relative;overflow:hidden;background:linear-gradient(140deg,#1a0a0f,#48202d);color:#fff5f7;box-shadow:0 28px 60px rgba(26,10,15,.28)}.hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-70px;border:35px solid rgba(246,230,234,.07)}.hero .label{font-size:13px;color:#d9bec7}.hero-value{font-size:30px;font-weight:850;margin:12px 0 4px;font-variant-numeric:tabular-nums}.hero .sub{font-size:12px;color:#d9bec7}.hero-actions{display:flex;gap:8px;margin-top:22px;position:relative;z-index:1}.button{min-height:46px;border:0;border-radius:16px;padding:0 17px;background:var(--accent);color:white;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.button.secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.button.ghost{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink)}.button.danger{background:var(--bad)}.button.block{width:100%}.button:disabled{opacity:.48;cursor:not-allowed}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-top:3px}.section-head h2{font-size:17px;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.text-button{border:0;background:transparent;color:var(--accent);font-weight:750;padding:6px}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card,.card{border-radius:var(--radius);padding:16px}.quick-card{min-height:112px;text-align:start;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 30px rgba(40,14,23,.07)}.quick-card svg{width:25px;height:25px;fill:none;stroke:var(--accent);stroke-width:1.7}.quick-card strong{font-size:14px}.quick-card small{color:var(--muted);font-size:10px}.service-card{display:grid;gap:13px}.service-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-title{display:flex;align-items:center;gap:10px}.service-icon{width:45px;height:45px;border-radius:15px;background:var(--blush);display:grid;place-items:center;color:var(--accent)}.status{font-size:11px;border-radius:99px;padding:6px 9px;background:rgba(19,118,91,.12);color:var(--good);white-space:nowrap}.status.off{background:rgba(163,44,58,.12);color:var(--bad)}.progress{height:7px;background:var(--line);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:inherit}.meta-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.location-row{display:flex;gap:5px;flex-wrap:wrap}.location-chip{background:var(--surface-strong);border:1px solid var(--line);border-radius:99px;padding:5px 8px;font-size:11px}.promo{background:linear-gradient(145deg,var(--surface-strong),var(--blush));border-radius:24px;padding:19px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.promo h3{margin:0 0 7px;font-size:17px}.promo p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.promo-orb{width:67px;height:67px;border-radius:22px;background:linear-gradient(145deg,var(--accent),#1a0a0f);color:white;display:grid;place-items:center;font-size:28px;transform:rotate(-6deg)}
.bottom-nav{position:fixed;z-index:20;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),692px);height:var(--nav-h);border-radius:25px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr)}.nav-item{border:0;background:transparent;border-radius:18px;color:var(--muted);display:grid;place-items:center;align-content:center;gap:4px;font-size:10px}.nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.nav-item.active{background:var(--surface-strong);color:var(--accent);box-shadow:0 8px 20px rgba(39,10,20,.09)}
.list{display:grid;gap:9px}.list-item{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start}.list-item .body{min-width:0;flex:1}.list-item h3{font-size:14px;margin:0 0 5px}.list-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.chevron{color:var(--muted);font-size:20px}.price{font-weight:850;color:var(--accent);font-size:14px;white-space:nowrap}.segmented{display:flex;background:var(--surface);border:1px solid var(--line);padding:5px;border-radius:17px;gap:4px}.segmented button{flex:1;min-height:40px;border:0;border-radius:13px;background:transparent;color:var(--muted)}.segmented button.active{background:var(--surface-strong);color:var(--accent);box-shadow:0 8px 20px rgba(20,5,10,.08)}
.detail-stat{padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}.detail-stat small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.detail-stat b{font-size:16px}.copy-box{display:flex;align-items:center;gap:8px;padding:11px;border-radius:15px;background:var(--surface-strong);border:1px solid var(--line);direction:ltr}.copy-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;flex:1}.copy-box button{border:0;background:var(--blush);color:var(--accent);border-radius:10px;padding:8px}
.form{display:grid;gap:12px}.field{display:grid;gap:7px}.field label{font-size:12px;color:var(--muted)}.input{width:100%;min-height:50px;border-radius:16px;border:1px solid var(--line);background:var(--surface-strong);color:var(--ink);padding:0 14px;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}input[type=file].input{padding:12px}.hint{font-size:11px;color:var(--muted);line-height:1.7}.notice{border-radius:18px;padding:13px;border:1px solid rgba(164,103,11,.25);background:rgba(164,103,11,.08);font-size:12px;line-height:1.8}.notice.danger{border-color:rgba(163,44,58,.25);background:rgba(163,44,58,.08)}
.empty,.error-state{text-align:center;padding:42px 18px;border-radius:24px}.empty-icon{font-size:42px;margin-bottom:12px}.empty h2,.error-state h2{font-size:18px}.empty p,.error-state p{font-size:12px;color:var(--muted);line-height:1.8}.spinner{width:25px;height:25px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}
.skeleton{border-radius:22px;background:linear-gradient(100deg,var(--line) 20%,var(--surface-strong) 40%,var(--line) 60%);background-size:220% 100%;animation:shimmer 1.3s infinite}.hero-skeleton{height:190px}.card-skeleton{height:112px}.list-skeleton{height:160px}@keyframes shimmer{to{background-position-x:-220%}}
.toast{position:fixed;z-index:50;left:50%;bottom:calc(100px + var(--safe-bottom));transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 34px);background:#1a0a0f;color:#fff;border-radius:14px;padding:11px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;inset:0;z-index:60;background:rgba(18,8,12,.52);display:grid;place-items:center;padding:18px;backdrop-filter:blur(6px)}.modal{width:min(100%,520px);border-radius:26px;padding:22px;position:relative}.modal-close{position:absolute;left:14px;top:10px;border:0;background:transparent;font-size:27px;color:var(--muted)}.sheet-overlay{align-items:end;padding:0}.sheet{width:min(100%,720px);border-radius:28px 28px 0 0;padding:12px 18px calc(22px + var(--safe-bottom));max-height:86vh;overflow:auto}.sheet-handle{width:46px;height:5px;background:var(--line);border-radius:99px;margin:0 auto 18px}
.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.toggle{width:48px;height:28px;border-radius:99px;border:0;background:var(--line);padding:3px;direction:ltr}.toggle:after{content:"";display:block;width:22px;height:22px;background:white;border-radius:50%;transition:.2s}.toggle.on{background:var(--good)}.toggle.on:after{transform:translateX(20px)}
@media (min-width:640px){.view{padding-top:22px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.dashboard-grid .hero{grid-row:span 2}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v1.3.1 mobile layout and ticket conversation */
.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quick-actions .quick-card{min-height:96px}
.location-flags{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;direction:ltr}
.location-flags span{min-width:0;height:30px;border:1px solid var(--line);background:var(--surface-strong);border-radius:9px;display:grid;place-items:center;font-size:17px}
.textarea{min-height:110px;padding:13px;resize:vertical}
.ticket-thread{display:grid;gap:9px}
.ticket-message{max-width:88%;padding:11px 13px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.ticket-message.user{justify-self:start;border-bottom-right-radius:6px}
.ticket-message.admin{justify-self:end;background:var(--blush);border-bottom-left-radius:6px}
.ticket-message small{color:var(--muted);font-size:10px}.ticket-message p{margin:5px 0 0;white-space:pre-wrap;line-height:1.75;font-size:13px}
@media (max-width:390px){.hero{padding:18px}.hero-value{font-size:26px}.button{padding-inline:13px}.location-flags{grid-template-columns:repeat(5,1fr)}}