@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap";:root{--bg: #fff6ea;--bg-2: #fff;--ink: #1b2430;--muted: #5b6675;--line: rgba(27, 36, 48, .08);--coral: #ff6b4a;--sun: #ffd23f;--mint: #2ec4b6;--violet: #7b61ff;--pink: #ff5d8f;--sky: #4da3ff;--leaf: #3dcc7a;--ok: #22a45a;--danger: #e23d3d;--warn: #f0a202;--gold: #ff6b4a;--gold-2: #ffd23f;--teal: #2ec4b6;--shadow: 0 12px 32px rgba(255, 107, 74, .12);--radius: 22px;--font: "Vazirmatn", Tahoma, system-ui, sans-serif;--dock: 76px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.7;background:radial-gradient(900px 420px at 100% -10%,rgba(255,210,63,.45),transparent 50%),radial-gradient(700px 380px at -10% 0%,rgba(126,97,255,.18),transparent 46%),radial-gradient(620px 360px at 80% 100%,rgba(46,196,182,.22),transparent 50%),linear-gradient(180deg,#fff8ef,#ffe8d6 40%,#e8fbf7)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}img{max-width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:linear-gradient(180deg,#fffdf8,#fff6ea);box-shadow:0 0 0 12px #fff6,0 30px 80px #ff6b4a2e;position:relative;overflow:hidden}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 10px;background:#fffdf8e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:0}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand small{display:block;font-weight:500;color:var(--muted);font-size:11px;margin-top:-2px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ff6b4a,#ffd23f);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px #ff6b4a59}.nav.desktop{display:none}.userbox{display:flex;gap:6px;align-items:center}.nav a,.chip,.btn{border:0;background:#fff;color:var(--ink);border-radius:999px;padding:9px 14px;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 6px 16px #1b24300f;transition:.18s ease}.nav a.active,.chip.on,.btn.primary{background:linear-gradient(135deg,#ff6b4a,#ff8a3d);color:#fff;box-shadow:0 10px 20px #ff6b4a59}.btn.ghost{background:#fff3e8;color:#c2410c}.btn.danger{background:var(--danger);color:#fff}.btn.teal{background:linear-gradient(135deg,#2ec4b6,#4da3ff);color:#fff}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.avatar-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:700;box-shadow:0 6px 14px #1b24300f}.avatar-chip small{color:var(--muted)}.avatar-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--leaf)}.avatar-chip.admin .dot{background:var(--violet)}.avatar-chip.technician .dot{background:var(--mint)}.hero{display:grid;gap:16px;padding:8px 16px}.kicker{display:inline-flex;background:#ffe08a;color:#8a5a00;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:0;text-transform:none}h1{font-size:28px;line-height:1.35;margin:10px 0;font-weight:900}.lead{color:var(--muted);font-size:15px}.cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.stat{background:#fff;border-radius:18px;padding:12px 10px;box-shadow:var(--shadow);text-align:center;font-size:12px}.stat b{display:block;font-size:20px}.stat:nth-child(1) b{color:var(--coral)}.stat:nth-child(2) b{color:var(--violet)}.stat:nth-child(3) b{color:var(--mint)}.hero-card,.glass,.card{background:#fff;border:0;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.hero-card{background:linear-gradient(160deg,#7b61ff,#4da3ff);color:#fff}.hero-card .muted,.hero-card h3{color:#fff}.flow{display:flex;flex-direction:column;gap:8px}.flow-item{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;background:#ffffff29;border-radius:14px;padding:10px 12px}.n{width:28px;height:28px;border-radius:50%;background:#ffd23f;color:#1b2430;display:grid;place-items:center;font-weight:900;font-size:13px}.section{padding:10px 16px 28px}.section h2{margin:8px 0;font-size:20px}.grid-3,.grid-2,.swot{display:grid;grid-template-columns:1fr;gap:12px}.grid-2.tight{gap:10px}.card h3{margin:0 0 6px}.muted{color:var(--muted)}.gold{color:var(--coral)}.ok{color:var(--ok)}.danger{color:var(--danger)}.card.c-coral{background:linear-gradient(180deg,#fff,#ffe8e1)}.card.c-sun{background:linear-gradient(180deg,#fff,#fff6cc)}.card.c-mint{background:linear-gradient(180deg,#fff,#e6fffb)}.card.c-violet{background:linear-gradient(180deg,#fff,#eee8ff)}.card.c-pink{background:linear-gradient(180deg,#fff,#ffe4ee)}.card.c-sky{background:linear-gradient(180deg,#fff,#e7f3ff)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{display:flex;flex-direction:column;gap:6px;min-height:118px;justify-content:flex-end;padding:14px;border-radius:22px;color:#fff;font-weight:800;box-shadow:0 12px 24px #1b24301f}.quick span{font-size:13px;font-weight:500;opacity:.92}.quick.q1{background:linear-gradient(145deg,#ff6b4a,#ff9a3c)}.quick.q2{background:linear-gradient(145deg,#2ec4b6,#4da3ff)}.quick.q3{background:linear-gradient(145deg,#7b61ff,#ff5d8f)}.quick.q4{background:linear-gradient(145deg,#22a45a,#2ec4b6)}.form{display:grid;gap:12px}label{font-size:13px;color:var(--muted);display:grid;gap:6px;font-weight:700}input,select,textarea{background:#fff8f2;border:1.5px solid #ffe0cc;color:var(--ink);border-radius:16px;padding:12px 14px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #ff6b4a26}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#fff3e0;color:#c2410c}.badge.warn{background:#fff3cd;color:#8a5a00}.badge.ok{background:#d9fbe7;color:#146c3a}.badge.bad{background:#ffe1e1;color:#b42318}.badge.teal{background:#d9fffa;color:#0f766e}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:right;padding:10px 6px;border-bottom:1px solid var(--line)}.table th{color:var(--muted)}.timeline{display:grid;border-right:3px solid #ffd23f;margin-right:10px}.t-item{position:relative;padding:0 18px 16px 0}.t-item:before{content:"";position:absolute;right:-8px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--coral)}.media-row{display:flex;flex-wrap:wrap;gap:8px}.media-chip{background:#fff3e8;border-radius:12px;padding:10px 12px;font-size:13px}.footer{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quote{font-size:14px;color:var(--muted);border-right:4px solid var(--mint);padding-right:10px}.auth-page{padding:12px 16px 28px}.auth-glow{display:none}.auth-layout{display:grid;gap:14px}.auth-aside h1{font-size:24px}.auth-roles-preview{display:grid;gap:8px;margin:12px 0}.role-mini{text-align:right;background:#fff;border:0;border-radius:16px;padding:12px 14px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow)}.role-mini.on{outline:3px solid #ffd23f}.role-mini small{display:block;color:var(--muted)}.demo-box{background:#fff;border-radius:16px;padding:14px;font-size:13px;color:var(--muted);box-shadow:var(--shadow)}.demo-box p{margin:4px 0}.auth-card{padding:18px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.auth-tabs button{border:0;background:#fff3e8;color:var(--ink);border-radius:14px;padding:10px;cursor:pointer;font-weight:800}.auth-tabs button.on{background:var(--coral);color:#fff}.role-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.role-pill{border:0;background:#fff3e8;color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:800}.role-pill.on.customer{background:var(--coral);color:#fff}.role-pill.on.tech{background:var(--mint);color:#fff}.role-pill.on.admin{background:var(--violet);color:#fff}.spec-row{display:flex;flex-wrap:wrap;gap:6px}.flash{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:700}.flash.ok{background:#d9fbe7;color:var(--ok)}.flash.bad{background:#ffe1e1;color:var(--danger)}.pending-card{margin:16px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.kpi b{font-size:22px;display:block}.dock{position:sticky;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 30px #ff6b4a1f;margin-top:auto}.dock a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:16px;font-size:11px;font-weight:800;color:#6b7280;background:transparent;box-shadow:none}.dock a .ico{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;font-size:15px;background:#fff3e8}.dock a.active{color:#c2410c;background:#fff3e8}.dock a.active .ico{background:linear-gradient(135deg,#ff6b4a,#ffd23f);color:#fff}.install-banner{margin:0 16px 10px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#7b61ff,#ff5d8f);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:700}.install-banner button{background:#fff;color:#7b61ff}.app-body{padding-bottom:8px;flex:1}@media(min-width:900px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:36px}}