@font-face{font-family:Vazirmatn;src:url("../fonts/vazirmatn/Vazirmatn-Variable.woff2") format("woff2-variations"),url("../fonts/vazirmatn/Vazirmatn-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#e6ecf5;--card:#fff;--border:#dbe2ec;--border2:#edf1f7;
  --text:#0f172a;--muted:#64748b;--muted2:#94a3b8;
  --primary:#2563eb;--primary-d:#1d4ed8;--primary-l:#eff6ff;
  --green:#059669;--green-bg:#d1fae5;--amber:#d97706;--amber-bg:#fef3c7;
  --purple:#7c3aed;--purple-bg:#ede9fe;--red:#dc2626;--red-bg:#fee2e2;
  --teal:#0d9488;--teal-bg:#ccfbf1;--slate-bg:#f1f5f9;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);
  --shadow:0 2px 4px rgba(15,23,42,.06),0 12px 32px -16px rgba(15,23,42,.28);
  --shadow-lg:0 4px 8px rgba(15,23,42,.08),0 20px 40px -20px rgba(15,23,42,.35);
}
html,body{height:100%;-webkit-text-size-adjust:100%}
body{font-family:Vazirmatn,Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.7;overflow-x:hidden;font-variant-numeric:tabular-nums}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;font-variant-numeric:tabular-nums}
button{cursor:pointer;border:none;background:none}
a{color:var(--primary);text-decoration:none}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}
.ic-svg{display:inline-block;flex-shrink:0;vertical-align:middle}
.ltr-auto{direction:ltr !important;text-align:left !important}
.ltr{direction:ltr;text-align:left}

.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(1000px 600px at 80% -10%, #dbeafe 0%, transparent 60%),radial-gradient(800px 500px at 0% 100%, #e0e7ff 0%, transparent 55%),var(--bg)}
.auth-box{width:100%;max-width:1180px}.auth-box.narrow{max-width:560px}
.brand{text-align:center;margin-bottom:26px}
.brand .logo{width:72px;height:72px;border-radius:22px;margin:0 auto 14px;background:linear-gradient(135deg,#2563eb,#1e40af);display:grid;place-items:center;color:#fff;box-shadow:0 18px 36px -14px rgba(37,99,235,.85);position:relative;overflow:hidden}
.brand .logo::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 60%)}
.brand h1{font-size:24px;font-weight:800;letter-spacing:-.3px;background:linear-gradient(135deg,#1e293b,#1e40af);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand p{color:var(--muted);font-size:13.5px;margin-top:6px}
.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.role-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:16px;text-align:start;transition:.18s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.role-card::before{content:'';position:absolute;top:0;inset-inline-end:0;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06),transparent 70%);transform:translate(30%,-30%)}
.role-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.role-card .av{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:17px;margin-bottom:10px;color:#fff;box-shadow:0 8px 18px -8px rgba(15,23,42,.4)}
.role-card h3{font-size:14px;font-weight:700}.role-card .rl{font-size:11.5px;font-weight:600;margin-top:3px}.role-card .co{font-size:11px;color:var(--muted);margin-top:5px}
.auth-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px -25px rgba(15,23,42,.4);padding:32px;position:relative;overflow:hidden}
.auth-card::before{content:'';position:absolute;top:0;inset-inline-start:0;right:0;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed,#059669)}
.auth-card h2{font-size:20px;font-weight:800;margin-bottom:6px;letter-spacing:-.2px}.auth-card .sub{font-size:13px;color:var(--muted);margin-bottom:22px}
.demo-note{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;margin-top:20px;font-size:12px;color:var(--muted);background:#fff;border:1px dashed var(--border);border-radius:11px;padding:12px}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11.5px;padding:14px 0 12px;font-weight:600}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}

.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:#0f172a;color:#cbd5e1;padding:18px 14px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;z-index:60;-webkit-overflow-scrolling:touch}
.sb-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;border-bottom:1px solid #1e293b;margin-bottom:12px}
.sb-brand .ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1e40af);display:grid;place-items:center;color:#fff}
.sb-brand b{color:#fff;font-size:13.5px;display:block;line-height:1.4}.sb-brand span{font-size:10.5px;color:#64748b}
.nav-lbl{font-size:10.5px;color:#475569;padding:12px 10px 6px;font-weight:600;letter-spacing:.4px}
.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#cbd5e1;font-size:13px;font-weight:500;transition:.15s;width:100%;text-align:start}
.nav-item:hover{background:#1e293b;color:#fff}
.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px -10px rgba(37,99,235,.9)}
.nav-item.active.admin{background:var(--purple);box-shadow:0 8px 18px -10px rgba(124,58,237,.9)}
.nav-item.active.support{background:var(--teal);box-shadow:0 8px 18px -10px rgba(13,148,136,.9)}
.nav-item .ic{width:20px;display:flex;align-items:center;justify-content:center}
.nav-item .cnt{margin-inline-start:auto;background:#1e293b;color:#94a3b8;font-size:11px;padding:1px 7px;border-radius:20px;font-weight:600;min-width:22px;text-align:center}
.nav-item.active .cnt{background:rgba(255,255,255,.25);color:#fff}
.sb-user{position:sticky;bottom:0;z-index:5;background:linear-gradient(180deg,rgba(15,23,42,0) 0%,#0f172a 30%);margin-top:auto;border-top:1px solid #1e293b;padding-top:12px;padding-bottom:6px;display:flex;align-items:center;gap:8px}
.sb-user .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0}
.sb-user .info{flex:1;min-width:0}
.sb-user .info b{color:#fff;font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-user .info span{font-size:10.5px;color:#64748b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-user .sb-act{color:#64748b;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}
.sb-user .sb-act:hover{background:#1e293b;color:#fff}
.sb-user .sb-act.logout:hover{color:#ef4444}
.sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:55;opacity:0;pointer-events:none;transition:.25s}
.sidebar-overlay.show{opacity:1;pointer-events:auto}
.main{display:flex;flex-direction:column;min-width:0}
.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 26px;height:64px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:20;box-shadow:0 1px 3px rgba(15,23,42,.03)}
.hamburger{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;color:var(--muted);transition:.15s}
.hamburger:hover{background:#f1f5f9;color:var(--text)}
.topbar h2{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.topbar .sub{font-size:11.5px;color:var(--muted);margin-top:-2px}
.topbar .spacer{flex:1}
.content{padding:22px 26px 80px;flex:1}
.badge-mode{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.2px}

.notif-wrap{position:relative}
.notif-btn{position:relative;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--muted);transition:.15s}
.notif-btn:hover{background:#f1f5f9;color:var(--text)}
.notif-btn.has-unread{color:var(--primary)}
.notif-count{position:absolute;top:3px;inset-inline-end:3px;min-width:19px;height:19px;padding:0 5px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:grid;place-items:center;border:2px solid #fff;line-height:1}
.notif-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:420px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 40px -12px rgba(15,23,42,.3);z-index:100;overflow:hidden;animation:dropIn .18s ease}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.notif-head{padding:14px 18px;border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:10px}
.notif-head h4{font-size:13.5px;font-weight:700}.notif-head .spacer{flex:1}
.notif-head .cnt{background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.notif-list{max-height:440px;overflow-y:auto}
.notif-item{display:flex;gap:11px;padding:13px 18px;border-bottom:1px solid var(--border2);cursor:pointer;transition:.15s;width:100%;text-align:start;position:relative}
.notif-item:hover{background:#f8fafc}.notif-item:last-child{border-bottom:none}
.notif-item.unread{background:#eff6ff}
.notif-item .dot{position:absolute;top:18px;inset-inline-start:8px;width:8px;height:8px;border-radius:50%;background:var(--primary)}
.notif-item .ic-box{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}
.notif-item .body{flex:1;min-width:0}
.notif-item .title{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}
.notif-item .code{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--primary);background:var(--primary-l);padding:1px 6px;border-radius:5px;direction:ltr}
.notif-item .snippet{font-size:12px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-item .meta{font-size:11px;color:#64748b;margin-top:5px;display:flex;align-items:center;gap:6px;font-weight:500}
.notif-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}
.notif-empty .ic{color:#cbd5e1;display:flex;justify-content:center;margin-bottom:10px}
.notif-foot{padding:10px 18px;border-top:1px solid var(--border2);background:#f8fafc}
.notif-foot button{font-size:12px;color:var(--primary);font-weight:600;width:100%;text-align:center;padding:6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;transition:.15s;white-space:nowrap;border:1.5px solid transparent}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px -9px rgba(37,99,235,.9)}
.btn-primary:hover{background:var(--primary-d)}
.btn-ghost{background:#fff;border-color:var(--border);color:var(--text)}
.btn-ghost:hover{border-color:#cbd5e1;background:#f8fafc}
.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{background:#6d28d9}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:#0f766e}
.btn-danger{background:#fff;border-color:#fecaca;color:var(--red)}.btn-danger:hover{background:var(--red-bg)}
.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#047857}
.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}
.btn-sm .ic-svg{width:14px;height:14px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-finalize{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 8px 20px -10px rgba(5,150,105,.9);font-weight:700;padding:12px 22px}
.btn-finalize:hover{background:linear-gradient(135deg,#047857,#065f46)}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
.card-h{padding:15px 20px;border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#f8fafc,#fff 60%)}
.card-h h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.card-h h3 .ic-svg{color:var(--primary)}
.card-h .spacer{flex:1}
.card-b{padding:20px}

.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}
.badge .ic-svg{width:12px;height:12px}
.badge-sm{padding:2px 8px;font-size:10.5px}

.segments{display:flex;gap:4px;padding:5px;background:#dde4ef;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}
.segments::-webkit-scrollbar{display:none}
.seg{padding:9px 15px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--muted);transition:.15s;display:flex;align-items:center;gap:7px;white-space:nowrap}
.seg:hover{color:var(--text)}.seg.on{background:#fff;color:var(--text);box-shadow:0 2px 6px -2px rgba(15,23,42,.15)}
.seg .n{background:#cbd5e1;color:#475569;font-size:11px;padding:1px 7px;border-radius:20px;font-weight:700;font-family:ui-monospace,monospace;min-width:22px;text-align:center}
.seg.on .n{background:var(--primary);color:#fff}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.kpi::after{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--c,#2563eb)}
.kpi .t{font-size:11.5px;color:var(--muted);font-weight:500}.kpi .v{font-size:24px;font-weight:700;margin-top:2px;letter-spacing:-.5px}
.kpi .i{position:absolute;inset-inline-end:14px;top:14px;color:var(--c);opacity:.16}

.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}
thead th{text-align:start;padding:11px 14px;background:#eef2f8;color:var(--muted);font-size:11.5px;font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}
tbody td{padding:12px 14px;border-bottom:1px solid var(--border2);vertical-align:middle}
tbody tr{transition:.12s;cursor:pointer}
tbody tr:hover{background:#f8fafc}
tbody tr:last-child td{border-bottom:none}
.code{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:var(--primary);direction:ltr;display:inline-block;letter-spacing:.2px}

.dt-cell{white-space:nowrap;font-variant-numeric:tabular-nums}
.dt-stack{display:flex;flex-direction:column;gap:5px;line-height:1.25;align-items:flex-start}
.dt-stack .date{font-size:12.5px;font-weight:700;color:#1e293b;display:inline-flex;align-items:center;gap:5px}
.dt-stack .time{font-size:11px;font-weight:700;color:var(--primary);font-family:ui-monospace,monospace;direction:ltr;background:var(--primary-l);padding:2px 9px;border-radius:20px;border:1px solid #dbeafe;letter-spacing:.4px;display:inline-flex;align-items:center;gap:4px}

.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px;padding:16px 18px 16px 22px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1.5px solid var(--border);border-radius:16px;box-shadow:0 4px 18px -10px rgba(15,23,42,.15),0 1px 3px rgba(15,23,42,.04);min-width:0;position:relative;overflow:hidden}
.filters::before{content:'';position:absolute;top:14px;bottom:14px;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#2563eb,#7c3aed);border-radius:0 4px 4px 0}
.filters > *{min-width:0;flex-shrink:0;position:relative;z-index:1}
.filters .search{flex:1 1 280px;min-width:0;max-width:100%}
.filters .btn{flex-shrink:0}
.filters .select{background-color:#fff;font-weight:600;color:#334155}
.filters .input,.filters .select{width:auto;min-width:150px;background:#fff;border-color:#e2e8f0;box-shadow:inset 0 1px 2px rgba(15,23,42,.02)}
.filters .input:hover,.filters .select:hover{border-color:#cbd5e1}
.filters .input:focus,.filters .select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1),inset 0 1px 2px rgba(15,23,42,.02)}
.search{position:relative}
.search .search-ic{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--primary);display:flex;pointer-events:none;background:var(--primary-l);width:26px;height:26px;border-radius:8px;align-items:center;justify-content:center}
.search .input{padding-inline-start:48px}
.field{margin-bottom:16px;position:relative}
.label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:#334155}
.label .req{color:var(--red)}
.hint{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;color:#475569;margin-top:8px;padding:10px 12px;background:#f8fafc;border:1px solid var(--border2);border-radius:9px;line-height:1.9}
.hint .ic-svg{color:var(--primary);flex-shrink:0;margin-top:3px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:820px){.grid-2{grid-template-columns:1fr}}
.input,.select,.textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:11px;background:#fff;font-size:13px;transition:.15s;outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.textarea{resize:vertical;min-height:100px;line-height:1.9;font-size:13.5px}
.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:34px}

.combo-wrap{position:relative}
.combo-wrap .combo-input{padding-inline-end:34px}
.combo-wrap .combo-caret{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--muted2);pointer-events:none}
.combo-list{position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;max-height:280px;overflow-y:auto;background:#fff;border:1.5px solid var(--border);border-radius:12px;box-shadow:0 16px 32px -12px rgba(15,23,42,.28);z-index:80;padding:6px;display:none}
.combo-wrap.open .combo-list{display:block}
.combo-item{padding:8px 11px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.12s}
.combo-item:hover,.combo-item.hl{background:var(--primary-l);color:var(--primary-d)}
.combo-item .c-code{font-family:ui-monospace,monospace;font-size:11px;background:#f1f5f9;color:#475569;padding:1px 7px;border-radius:6px;direction:ltr;font-weight:700}
.combo-item.selected .c-code{background:var(--primary);color:#fff}
.combo-empty{padding:14px;text-align:center;color:var(--muted);font-size:12px}

.chips{display:flex;gap:9px;flex-wrap:wrap}
.chip{padding:9px 15px;border:1.5px solid var(--border);border-radius:11px;background:#fff;font-size:12.5px;font-weight:600;transition:.15s;display:flex;align-items:center;gap:7px}
.chip:hover{border-color:#93c5fd;background:#f8fbff}
.chip.on{border-color:var(--primary);background:var(--primary-l);color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}

.drop{display:block;border:2px dashed #cbd5e1;border-radius:12px;padding:22px;text-align:center;background:#f8fafc;transition:.15s;cursor:pointer}
.drop:hover{border-color:var(--primary);background:var(--primary-l)}
.drop .ic{color:var(--muted2);display:flex;justify-content:center;margin-bottom:8px}
.drop b{display:block;font-size:13px;margin-top:6px}.drop span{font-size:11.5px;color:var(--muted)}
.filechips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.filechip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);padding:6px 11px;border-radius:9px;font-size:12px;color:var(--text);max-width:100%}
.filechip .ic-svg{color:var(--muted)}
.filechip button{color:var(--muted2);display:flex;padding:0 2px}
.filechip button:hover{color:var(--red)}
.filechip.clickable{cursor:pointer;transition:.15s}
.filechip.clickable:hover{border-color:var(--primary);background:var(--primary-l)}

.route-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.route-side{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:5px 10px;font-weight:600;white-space:nowrap;font-size:12.5px}
.route-side .lbl{font-size:10px;color:var(--muted);font-weight:600;margin-inline-end:2px}
.route-arrow{color:var(--primary);display:flex;align-items:center;flex-shrink:0}

.info-card-v2{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 6px 16px rgba(15,23,42,.06),0 32px 64px -28px rgba(15,23,42,.32)}
.ic2-top{padding:22px 24px;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--hc) 14%,#fbfcff) 0%,#fff 72%);border-bottom:1px solid color-mix(in srgb,var(--hc) 18%,var(--border));display:grid;grid-template-columns:1fr auto;gap:20px;align-items:flex-start;overflow:hidden}
.ic2-top::before{content:'';position:absolute;top:-90px;inset-inline-start:-70px;width:260px;height:260px;border-radius:50%;background:var(--hc);opacity:.06;pointer-events:none}
.ic2-submitter{display:flex;align-items:center;gap:14px;min-width:0;position:relative;z-index:2}
.ic2-submitter .av{width:60px;height:60px;border-radius:17px;background:var(--hc);color:#fff;display:grid;place-items:center;font-weight:700;font-size:22px;flex-shrink:0;box-shadow:0 12px 28px -10px color-mix(in srgb,var(--hc) 85%,transparent);cursor:pointer;transition:.18s;border:3px solid #fff}
.ic2-submitter .av:hover{transform:scale(1.06)}
.ic2-submitter .info{min-width:0;flex:1}
.ic2-submitter .info b{font-size:17px;font-weight:700;display:block;margin-bottom:6px;color:#0f172a}
.ic2-submitter .info .ref{font-size:12.5px;color:#475569;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-weight:500}
.ic2-submitter .info .ref .v{font-family:ui-monospace,monospace;direction:ltr;color:#1e293b;font-weight:700;background:#fff;padding:3px 9px;border-radius:7px;border:1px solid color-mix(in srgb,var(--hc) 22%,var(--border));font-size:12px}
.ic2-code-block{text-align:left;display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;position:relative;z-index:2}
.ic2-code{font-family:ui-monospace,monospace;font-size:22px;font-weight:800;direction:ltr;color:var(--hc);letter-spacing:-.4px;padding:8px 18px;background:#fff;border-radius:12px;border:2px solid color-mix(in srgb,var(--hc) 35%,var(--border));box-shadow:0 4px 12px -4px color-mix(in srgb,var(--hc) 40%,transparent);line-height:1.2}
.ic2-datetime{font-size:12.5px;color:#334155;display:flex;align-items:center;gap:7px;font-family:Vazirmatn,system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;background:#fff;padding:6px 14px;border-radius:20px;border:1px solid var(--border);box-shadow:0 2px 6px rgba(15,23,42,.04)}
.ic2-datetime .ic-svg{color:var(--hc)}
.ic2-transport{margin:18px 24px 0;padding:16px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--hc) 10%,#fff),#fff);border:1.5px solid color-mix(in srgb,var(--hc) 22%,var(--border));border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px -4px rgba(15,23,42,.08)}
.ic2-transport .tt-ic{width:46px;height:46px;border-radius:12px;background:var(--hc);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--hc) 80%,transparent)}
.ic2-transport .tt-label{font-size:17px;font-weight:800;color:#0f172a}
.ic2-route{margin:14px 24px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:16px;background:linear-gradient(180deg,#fbfcff,#fff);border:1.5px solid var(--border2);border-radius:14px}
.ic2-route .rp{text-align:center;min-width:0;padding:10px;background:#fff;border:1px solid var(--border2);border-radius:12px;transition:.18s}
.ic2-route .rp:hover{border-color:color-mix(in srgb,var(--hc) 40%,var(--border))}
.ic2-route .rp .lbl{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}
.ic2-route .rp .name{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}
.ic2-route .rp .ccode{font-family:ui-monospace,monospace;font-size:11px;color:#94a3b8;font-weight:600;direction:ltr;margin-top:2px}
.ic2-route .arrow{color:var(--hc);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--hc) 12%,#fff);border:1.5px solid color-mix(in srgb,var(--hc) 30%,var(--border))}
.ic2-body{padding:0}
.ic2-section{padding:20px 24px;border-bottom:1px solid var(--border2)}
.ic2-section:last-child{border-bottom:none}
.ic2-section-title{font-size:12px;font-weight:800;color:#1e293b;letter-spacing:.4px;display:flex;align-items:center;gap:9px;margin-bottom:12px;text-transform:uppercase}
.ic2-section-title::before{content:'';width:4px;height:16px;background:var(--hc);border-radius:4px;flex-shrink:0}
.ic2-section-title .ic-svg{color:var(--hc)}
.ic2-desc{font-size:14px;line-height:2.1;white-space:pre-wrap;color:#1e293b;background:linear-gradient(180deg,#fbfcff,#fff);border:1.5px solid var(--border2);border-radius:12px;padding:18px 20px;word-break:break-word;overflow-wrap:anywhere;font-weight:500}
.ic2-desc.ltr{direction:ltr;text-align:left;font-family:ui-monospace,monospace;font-size:13px}
.no-files-msg{display:flex;align-items:center;gap:9px;padding:16px;background:#fbfcff;border:1.5px dashed var(--border);border-radius:12px;font-size:13px;color:var(--muted);justify-content:center;font-weight:500}
.desc-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)}
.desc-footer .btn{flex:1 1 auto;min-width:140px;justify-content:center}

.stepper{display:flex;align-items:flex-start;padding:18px 8px 8px;border-radius:12px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border:1px solid var(--border2);overflow-x:auto}
.step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;min-width:90px}
.step:not(:last-child)::after{content:'';position:absolute;top:19px;inset-inline-start:calc(50% + 20px);width:calc(100% - 40px);height:2.5px;background:var(--border);z-index:1;border-radius:2px}
.step.done:not(:last-child)::after{background:var(--green)}
.step-circle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;background:#fff;border:2.5px solid var(--border);color:var(--muted2);position:relative;z-index:2;transition:.2s;font-family:ui-monospace,monospace}
.step.done .step-circle{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 6px 14px -8px rgba(5,150,105,.9)}
.step.active .step-circle{background:var(--primary-l);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.12);animation:pulse 2s infinite}
.step.revision .step-circle{background:var(--purple-bg);border-color:var(--purple);color:var(--purple);box-shadow:0 0 0 4px rgba(124,58,237,.12)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(37,99,235,.12)}50%{box-shadow:0 0 0 8px rgba(37,99,235,.05)}}
.step-label{font-size:11.5px;font-weight:600;margin-top:9px;color:var(--text);line-height:1.4;padding:0 4px}
.step.active .step-label{color:var(--primary)}.step.revision .step-label{color:var(--purple)}
.step-time{font-size:11px;color:#334155;margin-top:6px;font-family:Vazirmatn;font-weight:500;font-variant-numeric:tabular-nums;background:#f1f5f9;padding:4px 9px;border-radius:12px;border:1px solid var(--border2);line-height:1.35;display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap}
.step-time .step-dt-date{font-size:10.5px;font-weight:700}
.step-time .step-dt-time{font-size:10px;font-weight:600;opacity:.85;direction:ltr}
.step.done .step-time{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.step.active .step-time{background:var(--primary-l);border-color:#bfdbfe;color:var(--primary-d)}
.step.revision .step-time{background:var(--purple-bg);border-color:#ddd6fe;color:#6d28d9}
.step:not(.done):not(.active):not(.revision) .step-time{color:#94a3b8;background:#f8fafc}

.chat-container{display:flex;flex-direction:column;gap:14px;padding:4px 0}
.comment-row{display:flex;gap:10px;align-items:flex-start;max-width:80%}
.comment-row.from-company{align-self:flex-end;flex-direction:row-reverse}
.comment-row.from-client{align-self:flex-start;flex-direction:row}
.comment-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 4px 12px -4px rgba(15,23,42,.3);align-self:flex-start;border:2px solid #fff}
.comment-bubble{border-radius:14px;overflow:hidden;background:#fff;border:1.5px solid var(--border);box-shadow:0 2px 10px -3px rgba(15,23,42,.08);min-width:0;flex:1}
.comment-row.from-company .comment-bubble{border-color:#bfdbfe}
.comment-row.from-client .comment-bubble{border-color:#e2e8f0}
.comment-bubble .head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--border2)}
.comment-row.from-company .comment-bubble .head{background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.comment-row.from-client .comment-bubble .head{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}
.comment-bubble .head .name{font-size:12.5px;font-weight:700;color:#0f172a}
.comment-bubble .head .role{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:600}
.comment-bubble .head .time{font-size:10.5px;color:#475569;font-family:Vazirmatn;font-weight:500;font-variant-numeric:tabular-nums;margin-inline-start:auto}
.comment-bubble .body{padding:12px 14px;font-size:13px;line-height:1.95;color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#fff}

.comments-card .card-b{padding:0}
.comments-list-wrapper{padding:18px 22px 10px;max-height:560px;overflow-y:auto;background:linear-gradient(180deg,#fbfcff 0%,#fff 40%)}
.comments-empty{padding:38px 20px;text-align:center;color:var(--muted);background:#fbfcff}
.comments-empty .ic{color:#cbd5e1;display:flex;justify-content:center;margin-bottom:10px}
.comments-empty b{display:block;font-size:14px;color:var(--text);margin-bottom:4px}
.comments-empty span{font-size:12px}
.comment-form-wrap{padding:16px 22px 20px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-top:1px dashed var(--border)}
.comment-form-wrap .label{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#1e293b;margin-bottom:8px}
.comment-form-wrap .label .ic-svg{color:var(--primary)}
.comment-form-wrap .textarea{min-height:88px;background:#fff;border:1.5px solid var(--border);font-size:13px;border-radius:12px}
.comment-form-wrap .form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.comment-form-wrap .form-hint{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}
.comment-count-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--muted);background:var(--slate-bg);padding:3px 10px;border-radius:20px}

.response-card{background:linear-gradient(180deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}
.response-card::before{content:'';position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:linear-gradient(180deg,#059669,#047857)}
.response-card.latest{box-shadow:0 8px 24px -12px rgba(5,150,105,.5);border-color:#86efac}
.response-card.old{opacity:.92}
.response-card.old::before{background:linear-gradient(180deg,#94a3b8,#64748b)}

.response-card .head{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding-bottom:14px;border-bottom:1px dashed #bbf7d0}
.response-card .av{width:42px;height:42px;border-radius:12px;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 6px 14px -6px rgba(15,23,42,.3);border:2px solid #fff}
.response-card .who{min-width:0;flex:1 1 auto}
.response-card .who .n{font-size:14px;font-weight:800;color:#065f46;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}
.response-card .who .n .role-tag{font-size:10.5px;padding:2px 10px;border-radius:20px;font-weight:700;background:#fff;border:1px solid #bbf7d0;color:#065f46}
.response-card .latest-badge{background:linear-gradient(135deg,#059669,#047857);color:#fff;font-size:10px;padding:2px 9px;border-radius:20px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.response-card .head .time-badge{margin-inline-start:auto;flex-shrink:0;font-size:11px;font-weight:700;color:#475569;background:#fff;border:1px solid #bbf7d0;padding:5px 11px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 2px 6px -3px rgba(5,150,105,.25)}
.response-card .head .time-badge .ic-svg{color:#059669}

.response-price-block{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;padding:18px 20px;background:linear-gradient(135deg,#ecfdf5,#fff);border:1.5px solid #a7f3d0;border-radius:12px;flex-wrap:wrap}
.response-price-block .price-big{font-size:30px;font-weight:800;color:#047857;direction:ltr;letter-spacing:-1px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.9);text-align:center}
.response-price-block .currency-chip{font-size:13px;font-weight:700;color:#065f46;background:#fff;border:1px solid #a7f3d0;padding:3px 12px;border-radius:20px;letter-spacing:.3px}

.response-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;justify-content:center}
.response-meta .chip-meta{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #bbf7d0;padding:5px 11px;border-radius:9px;font-size:11.5px;font-weight:600;color:#065f46}
.response-notes{margin-top:12px;font-size:12.5px;line-height:1.9;color:#334155;background:#fff;border:1px solid #d1fae5;border-radius:10px;padding:11px 14px;white-space:pre-wrap;word-break:break-word}

.response-actions{margin-top:16px;padding-top:14px;border-top:1px dashed #bbf7d0;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
.response-actions .btn{flex:0 1 auto;min-width:170px;justify-content:center;padding:10px 18px;font-weight:700}

.price-form{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:16px}
.price-form h4{font-size:13.5px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:7px}
.price-form .row-2{display:grid;grid-template-columns:1.4fr 1fr;gap:0 14px}
@media(max-width:520px){.price-form .row-2{grid-template-columns:1fr}}
.details-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--primary);padding:6px 10px;border-radius:8px;transition:.15s;margin-bottom:8px}
.details-toggle:hover{background:var(--primary-l)}
.locked-msg{display:flex;align-items:center;gap:9px;padding:13px;background:#f8fafc;border:1px dashed var(--border);border-radius:11px;font-size:12.5px;color:var(--muted);line-height:1.7;margin-top:14px}
.locked-msg .ic-svg{color:var(--amber);flex-shrink:0}
.finalize-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;background:linear-gradient(135deg,#ecfdf5,#fff 70%);border:1.5px solid #a7f3d0;border-radius:14px;margin-top:18px;box-shadow:0 6px 18px -10px rgba(5,150,105,.4)}
.finalize-cta .ic-box{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:grid;place-items:center;flex-shrink:0}
.finalize-cta .txt{flex:1;min-width:220px}
.finalize-cta .txt b{font-size:15px;font-weight:800;display:block;color:#065f46;margin-bottom:4px}
.finalize-cta .txt span{font-size:12.5px;color:#475569;display:block;line-height:1.75}
.finalize-guide{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.finalize-step{display:flex;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid var(--border2);border-radius:11px;align-items:flex-start}
.finalize-step .num{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}
.finalize-step .txt{flex:1;min-width:0;font-size:12.5px;line-height:1.85;color:#334155}
.finalize-step .txt b{color:#0f172a;font-weight:700}

.sent-emails-panel{margin-top:14px;background:linear-gradient(135deg,#fffbeb,#fff);border:1.5px solid #fcd34d;border-radius:12px;overflow:hidden}
.sent-emails-panel .sep-head{padding:11px 14px;background:linear-gradient(135deg,#fef3c7,#fffbeb);border-bottom:1px solid #fcd34d;display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:#92400e}
.sent-emails-panel .sep-head .cnt{margin-inline-start:auto;background:#fff;border:1px solid #fcd34d;color:#92400e;font-size:11px;padding:2px 9px;border-radius:20px;font-weight:700}
.sent-email-item{padding:12px 14px;border-bottom:1px dashed #fcd34d;background:#fff;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
.sent-email-item:last-child{border-bottom:none}
.sent-email-item .to-line{font-size:12px;color:#334155;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sent-email-item .to-line b{color:#1e293b}
.sent-email-item .meta-line{font-size:11px;color:#64748b;margin-top:5px;display:flex;flex-wrap:wrap;gap:10px;font-weight:500}
.sent-email-item .badge-fin{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700}
.sent-email-item .badge-fin.wait{background:var(--amber-bg);color:var(--amber)}
.sent-email-item .badge-fin.done{background:var(--green-bg);color:var(--green)}

.ann-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.ann-card{padding:0;border:1px solid var(--border);border-radius:14px;background:#fff;transition:.18s;cursor:pointer;position:relative;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}
.ann-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}
.ann-card.priority-high{border-color:#fca5a5}
.ann-card.priority-normal{border-color:#bfdbfe}
.ann-creator{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--border2)}
.ann-card.priority-high .ann-creator{background:linear-gradient(135deg,#fef2f2,#fff 60%)}
.ann-card.priority-normal .ann-creator{background:linear-gradient(135deg,#eff6ff,#fff 60%)}
.ann-creator .role-pill{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:20px;flex-shrink:0}
.ann-creator .dt{font-size:11.5px;font-weight:600;color:#475569;font-variant-numeric:tabular-nums;flex:1;min-width:0}
.ann-creator .number-badge{background:#fff;border:1.5px solid var(--border);color:#334155;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;flex-shrink:0;direction:ltr}
.ann-card.priority-high .number-badge{border-color:#fca5a5;color:#dc2626}
.ann-card.priority-normal .number-badge{border-color:#bfdbfe;color:#2563eb}
.ann-title-row{display:flex;align-items:flex-start;gap:10px;padding:14px 16px 8px}
.ann-title-row h4{font-size:14.5px;font-weight:800;line-height:1.5;color:#0f172a;flex:1;min-width:0;word-break:break-word}
.ann-title-row .priority-pill{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:20px;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}
.ann-title-row .priority-pill.high{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}
.ann-title-row .priority-pill.normal{background:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}
.ann-audience{padding:0 16px 8px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:500}
.ann-body{padding:0 16px 12px;font-size:12.5px;line-height:1.85;color:#334155;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ann-attach-preview{padding:0 16px 12px;display:flex;gap:6px;flex-wrap:wrap}
.ann-attach-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;padding:3px 9px;border-radius:20px}
.ann-foot{padding:10px 16px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:auto;background:linear-gradient(135deg,#f8fafc,#fff 60%)}
.ann-foot .view-more{font-size:11.5px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto}

.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 20px;border-top:1px solid var(--border2);flex-wrap:wrap}
.pagination .p-info{font-size:11.5px;color:var(--muted);margin-inline-end:auto}
.page-btn{min-width:34px;height:34px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--border);transition:.15s;display:inline-flex;align-items:center;justify-content:center}
.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-l)}
.page-btn.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-ellipsis{color:var(--muted2);padding:0 4px}

.activity-list{display:flex;flex-direction:column}
.activity-row{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border2)}
.activity-row:last-child{border-bottom:none}
.activity-row:hover{background:#f8fafc}
.activity-row .act-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}
.activity-row .act-body{flex:1;min-width:0}
.activity-row .act-body .title{font-size:13px;font-weight:600;color:var(--text);line-height:1.55}
.activity-row .act-body .title b{color:var(--primary)}
.activity-row .act-body .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11.5px;color:#475569;margin-top:6px;font-weight:500}

.list-stack{display:flex;flex-direction:column;gap:0}
.list-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border2);transition:.15s;position:relative;flex-wrap:wrap}
.list-row:hover{background:#f8fafc}.list-row:last-child{border-bottom:none}
.list-row.pending{background:linear-gradient(90deg,rgba(252,211,77,.08),#fff 40%);border-inline-start:3px solid #fcd34d}
.list-row.approved{background:linear-gradient(90deg,rgba(167,243,208,.08),#fff 40%);border-inline-start:3px solid #a7f3d0}
.list-row.rejected{background:linear-gradient(90deg,rgba(252,165,165,.08),#fff 40%);border-inline-start:3px solid #fca5a5}
.list-row .cell{min-width:0}
.list-row .cell .lbl{font-size:10.5px;color:var(--muted);font-weight:600;display:none;margin-bottom:3px}
.list-row .cell .val{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row .cell .val.mono{font-family:ui-monospace,monospace;font-size:12px;direction:ltr;text-align:left;font-weight:600;color:var(--muted)}
.list-row .user-cell{display:flex;align-items:center;gap:10px;min-width:200px;flex:1 1 200px}
.list-row .user-cell .av{width:38px;height:38px;border-radius:11px;color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}
.list-row .user-cell .info{min-width:0;flex:1}
.list-row .user-cell .info b{font-size:13px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row .user-cell .info span{font-size:11px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;direction:ltr;text-align:left;margin-top:1px}
.list-row .cell.opt{flex:0 0 auto}
.list-row .actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto}

.email-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.1fr) minmax(220px,1.5fr) minmax(110px,.7fr) auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border2)}
.email-row:hover{background:#f8fafc}.email-row:last-child{border-bottom:none}
.email-row.is-new{background:linear-gradient(90deg,rgba(252,211,77,.1),#fff 40%);border-inline-start:3px solid #f59e0b}
.email-row.is-done{background:#fbfcfe;border-inline-start:3px solid #a7f3d0;opacity:.85}
.email-row .cell{min-width:0}
.email-row .cell .lbl{font-size:10.5px;color:var(--muted);font-weight:600;display:none;margin-bottom:3px}
.email-row .cell .val{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-row .cell .val.mono{font-family:ui-monospace,monospace;font-size:12px;direction:ltr;text-align:left;font-weight:700;color:var(--primary)}
.email-row .cell .sub{font-size:11px;color:#64748b;margin-top:3px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-row .cell .sub.mono{direction:ltr;text-align:left;font-family:ui-monospace,monospace}
.email-row .actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.email-header-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.1fr) minmax(220px,1.5fr) minmax(110px,.7fr) auto;gap:14px;padding:11px 18px;background:#eef2f8;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.2px}
.email-header-row > div{text-align:start}

.ticket-list{display:flex;flex-direction:column;gap:12px;padding:14px}
.ticket-card{position:relative;padding:14px 16px;border:1.5px solid var(--border);border-radius:14px;transition:.15s;cursor:pointer;display:flex;flex-direction:column;gap:10px;background:#fff;box-shadow:var(--shadow-sm)}
.ticket-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}
.ticket-card.open{border-inline-start:4px solid #fcd34d}
.ticket-card.pending{border-inline-start:4px solid #93c5fd}
.ticket-card.answered{border-inline-start:4px solid #6ee7b7}
.ticket-card.closed{border-inline-start:4px solid #cbd5e1;opacity:.9}
.ticket-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px dashed var(--border)}
.ticket-card-top .ago{font-size:11.5px;color:#64748b;font-weight:600;display:flex;align-items:center;gap:4px;flex-shrink:0;font-variant-numeric:tabular-nums}
.ticket-card-top .tcode{font-family:ui-monospace,monospace;font-size:12px;font-weight:800;color:var(--primary);direction:ltr;background:var(--primary-l);padding:2px 9px;border-radius:7px;letter-spacing:.2px;flex-shrink:0}
.ticket-card-top .badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}
.ticket-card .subject{font-size:14.5px;font-weight:800;color:#0f172a;line-height:1.5;word-break:break-word}
.ticket-card .snippet{font-size:12.5px;color:#475569;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ticket-card-foot{padding-top:10px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11.5px;color:#64748b;font-weight:500}
.ticket-card-foot .creator-link{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#334155;transition:.15s;padding:3px 8px;border-radius:8px;background:#f1f5f9;border:1px solid transparent;font-weight:600}
.ticket-card-foot .creator-link:hover{background:var(--primary-l);border-color:#bfdbfe;color:var(--primary)}
.ticket-card-foot .creator-link .av-mini{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px;flex-shrink:0}
.ticket-card-foot span{display:inline-flex;align-items:center;gap:4px}

.ticket-creator-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#eff6ff,#fff 70%);border:1.5px solid #bfdbfe;border-radius:14px;flex-wrap:wrap}
.ticket-creator-card .av-big{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px;flex-shrink:0;cursor:pointer;transition:.15s;border:2px solid #fff}
.ticket-creator-card .av-big:hover{transform:scale(1.05)}
.ticket-creator-card .info{flex:1;min-width:0}
.ticket-creator-card .info b{font-size:16px;font-weight:800;color:#0f172a;display:block;margin-bottom:5px;cursor:pointer;transition:.15s}
.ticket-creator-card .info b:hover{color:var(--primary)}
.ticket-creator-card .info .role-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#475569;font-weight:500}
.ticket-creator-card .contact-actions{display:flex;gap:8px;flex-wrap:wrap}
.ticket-creator-card .contact-actions a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:6px 11px;border-radius:8px;background:#fff;border:1.5px solid var(--border);color:#334155;transition:.15s}
.ticket-creator-card .contact-actions a:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-l)}

.ticket-header-block{padding:18px 20px;border-bottom:1px solid var(--border2);background:linear-gradient(135deg,#f8fafc,#fff 60%)}
.ticket-header-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ticket-header-row .code{font-size:13px}
.ticket-header-row .spacer{flex:1}
.ticket-header-subject{font-size:17px;font-weight:800;color:#0f172a;line-height:1.5;letter-spacing:-.2px;margin:0}

.ticket-message{border:1.5px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff;box-shadow:var(--shadow-sm)}
.ticket-message.support{border-color:#99f6e4}
.ticket-message.user{border-color:#e2e8f0}
.ticket-message .msg-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border2)}
.ticket-message.support .msg-head{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}
.ticket-message.user .msg-head{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}
.ticket-message .msg-head .role-pill{font-size:11px;padding:3px 11px;border-radius:20px;font-weight:700}
.ticket-message .msg-head .time{font-size:11px;color:#475569;font-family:Vazirmatn;font-weight:600;font-variant-numeric:tabular-nums;margin-inline-start:auto}
.ticket-message .msg-body{padding:14px 16px;font-size:13px;line-height:1.95;color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#fff}
.ticket-message .msg-files{padding:10px 14px;border-top:1px dashed var(--border);background:#fbfcff;display:flex;gap:8px;flex-wrap:wrap}

.res-option{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--border);border-radius:12px;background:#fff;text-align:start;transition:.18s;cursor:pointer;width:100%;font-family:inherit}
.res-option:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.res-option .res-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.res-option .res-txt{flex:1;min-width:0;text-align:start}
.res-option .res-txt b{font-size:14px;font-weight:700;display:block;margin-bottom:3px;color:var(--text)}
.res-option .res-txt span{font-size:12px;color:var(--muted);line-height:1.65;display:block}
.res-solved{border-color:#a7f3d0}
.res-solved:hover{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#059669}
.res-solved .res-ic{background:linear-gradient(135deg,#059669,#047857)}
.res-review{border-color:#ddd6fe}
.res-review:hover{background:linear-gradient(135deg,#f5f3ff,#fff);border-color:#7c3aed}
.res-review .res-ic{background:linear-gradient(135deg,#7c3aed,#6d28d9)}

.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.health-card{padding:16px;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}
.health-card .h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.health-card .h .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.health-card .h b{font-size:13px;font-weight:700}
.health-card .v{font-size:20px;font-weight:700}
.health-card .d{font-size:11.5px;color:var(--muted);margin-top:2px}
.health-ok{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#a7f3d0}
.health-warn{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fcd34d}
.health-bad{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fca5a5}

.empty{text-align:center;padding:50px 20px;color:var(--muted)}
.empty .ic{color:#cbd5e1;display:flex;justify-content:center;margin-bottom:12px}
.empty b{display:block;font-size:15px;color:var(--text);margin-bottom:5px}
.empty span{font-size:12.5px}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;font-weight:600;margin-bottom:14px;transition:.15s;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.back-link:hover{color:var(--primary);border-color:#93c5fd}

.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(3px);z-index:200;display:grid;place-items:center;padding:16px;animation:fadeIn .18s;overflow-y:auto}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal{background:#fff;border-radius:16px;max-width:520px;width:100%;box-shadow:0 30px 60px -12px rgba(15,23,42,.5);animation:slideUp .22s;margin:auto;max-height:calc(100vh - 32px);display:flex;flex-direction:column}
.modal.wide{max-width:720px}
@keyframes slideUp{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.modal-h{padding:16px 20px;border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:10px;flex-shrink:0}
.modal-h h3{font-size:14.5px;font-weight:700}
.modal-h .spacer{flex:1}
.modal-b{padding:20px;overflow-y:auto;flex:1}
.modal-f{padding:14px 20px;border-top:1px solid var(--border2);display:flex;gap:10px;justify-content:flex-end;background:#f8fafc;border-radius:0 0 16px 16px;flex-wrap:wrap;flex-shrink:0}

#popup-stack{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;padding:20px;pointer-events:none;gap:10px}
.popup{background:#fff;border-radius:18px;box-shadow:0 30px 70px -15px rgba(15,23,42,.5);max-width:440px;width:100%;padding:24px;pointer-events:auto;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;border:1px solid var(--border)}
@keyframes popIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:none}}
.popup::before{content:'';position:absolute;top:0;inset-inline-start:0;right:0;height:5px;background:var(--pc,#2563eb)}
.popup .pp-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.popup .pp-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;flex-shrink:0;background:var(--pc,#2563eb);animation:iconPop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes iconPop{0%{transform:scale(0) rotate(-45deg)}100%{transform:none}}
.popup .pp-txt{flex:1;min-width:0;padding-top:4px}
.popup .pp-txt h4{font-size:15.5px;font-weight:700;margin-bottom:6px;line-height:1.5}
.popup .pp-txt p{font-size:13px;color:var(--muted);line-height:1.85;word-break:break-word}
.popup .pp-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.popup .pp-close{position:absolute;top:12px;inset-inline-end:12px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:.15s}
.popup .pp-close:hover{background:#f1f5f9;color:var(--text)}
.popup.success{--pc:#059669}.popup.error{--pc:#dc2626}.popup.warning{--pc:#d97706}.popup.info{--pc:#2563eb}

.avatar-edit{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,var(--primary-l),#fff);border:1px solid #bfdbfe;border-radius:14px;flex-wrap:wrap}
.avatar-edit .big-av{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:26px;font-weight:700;color:#fff;flex-shrink:0}
.avatar-edit .info{flex:1;min-width:180px}
.avatar-edit .info b{font-size:16px;font-weight:700;display:block}
.avatar-edit .info span{font-size:12.5px;color:var(--muted);display:block;margin-top:3px}

.set-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;margin-bottom:8px}
.set-row .ic{color:var(--muted);display:flex}
.set-row .lbl{flex:1;font-size:13px;font-weight:500}
.set-row .del{color:var(--red);padding:6px;border-radius:7px;display:flex;transition:.15s}
.set-row .del:hover{background:var(--red-bg)}

.mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.mgmt-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);transition:.15s;cursor:pointer;display:flex;flex-direction:column;gap:12px;text-align:start}
.mgmt-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}
.mgmt-card .head{display:flex;align-items:center;gap:12px}
.mgmt-card .head .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.mgmt-card .head h4{font-size:14px;font-weight:700}
.mgmt-card .head span{font-size:11.5px;color:var(--muted);display:block;margin-top:2px}
.mgmt-card .stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding-top:10px;border-top:1px dashed var(--border)}

.att-reminder{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1.5px solid #fcd34d;border-radius:12px;padding:14px 16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:11px}
.att-reminder .ar-ic{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;display:grid;place-items:center;flex-shrink:0}
.att-reminder .ar-body{flex:1;min-width:0}
.att-reminder .ar-body b{font-size:13.5px;color:#92400e;display:block;margin-bottom:6px}
.att-reminder .ar-body p{font-size:12.5px;color:#78350f;line-height:1.85;margin-bottom:8px}
.att-reminder .ar-files{display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:9px;padding:9px 11px;border:1px solid #fcd34d}
.att-reminder .ar-file{display:flex;align-items:center;gap:8px;font-size:12px;color:#334155;font-family:ui-monospace,monospace;direction:ltr;text-align:left}

.cleanup-option{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:.18s;width:100%;text-align:start;font-family:inherit}
.cleanup-option:hover{border-color:var(--primary);background:var(--primary-l);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.cleanup-option.on{border-color:var(--primary);background:var(--primary-l);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.cleanup-option .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#fff}
.cleanup-option .txt{flex:1;min-width:0}
.cleanup-option .txt b{font-size:13.5px;font-weight:700;display:block;color:#0f172a;margin-bottom:3px}
.cleanup-option .txt span{font-size:11.5px;color:var(--muted);line-height:1.6;display:block}
.cleanup-warn{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:11px;font-size:12.5px;color:#92400e;line-height:1.75}

@media(max-width:1100px){
  .email-row,.email-header-row{grid-template-columns:minmax(130px,1fr) minmax(140px,1.1fr) minmax(180px,1.4fr) minmax(100px,.7fr) auto;gap:12px}
}
@media(max-width:1000px){
  .app{grid-template-columns:1fr}
  .sidebar{position:fixed;inset-inline-start:-270px;top:0;width:260px;height:100vh;height:100dvh;transition:.25s;box-shadow:20px 0 40px -20px rgba(15,23,42,.5);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .sidebar.open{inset-inline-start:0}
  .hamburger{display:flex}
  .content{padding:18px 18px 80px}
  .topbar{padding:0 16px;height:60px;gap:10px}
  .topbar h2{font-size:14.5px}.topbar .sub{font-size:11px}
  .notif-dropdown{width:380px}
}
@media(max-width:760px){
  body{font-size:13.5px}
  .content{padding:14px 14px 80px}
  .topbar{padding:0 12px;height:56px;gap:8px}
  .topbar h2{font-size:13.5px}.topbar .sub{display:none}
  .card-h{padding:14px 16px}.card-h h3{font-size:13px}
  .card-b{padding:16px}
  .segments{padding:4px}.seg{padding:7px 12px;font-size:11.5px}
  .kpis{grid-template-columns:repeat(2,1fr);gap:10px}
  .kpi{padding:12px 14px}.kpi .v{font-size:20px}
  .comment-row{max-width:90%}
  .comment-av{width:32px;height:32px;font-size:12px}
  .filters{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;padding:14px 14px 14px 18px}
  .filters > *{width:100% !important;min-width:0 !important;max-width:100% !important}
  .filters .input,.filters .select{width:100% !important;min-width:0}
  .filters .btn{width:100%;justify-content:center}
  .filters .search{width:100%}
  .table-wrap table{min-width:640px}
  table{font-size:12.5px}
  thead th{padding:9px 11px;font-size:10.5px}
  tbody td{padding:10px 11px}
  .response-price-block .price-big{font-size:24px}
  .response-card{padding:14px}
  .response-card .head{flex-wrap:wrap;gap:10px}
  .response-card .head .time-badge{margin-inline-start:0;order:3;width:100%;justify-content:center}
  .response-actions .btn{min-width:0;flex:1 1 45%;padding:8px 12px;font-size:12px}
  .auth-card{padding:22px}
  .email-row,.email-header-row{grid-template-columns:1fr;gap:10px;padding:14px 16px}
  .email-row .cell .lbl{display:block}
  .email-row .cell .val,.email-row .cell .sub{white-space:normal;overflow:visible;text-overflow:clip}
  .email-row .actions{justify-content:flex-start}
  .email-header-row{display:none}
  .ann-grid{grid-template-columns:1fr}
  .mgmt-grid{grid-template-columns:1fr}
  .info-card-v2{border-radius:14px}
  .ic2-top{padding:16px;grid-template-columns:1fr auto;gap:10px 12px;align-items:center}
  .ic2-submitter .av{width:48px;height:48px;font-size:18px;border-radius:14px;border-width:2px}
  .ic2-submitter .info b{font-size:15px;margin-bottom:3px}
  .ic2-submitter .info .ref{font-size:11px;gap:5px}
  .ic2-submitter .info .ref .v{font-size:10.5px;padding:2px 7px}
  .ic2-code-block{align-items:flex-end;flex-direction:column;gap:4px;flex-shrink:0}
  .ic2-code{font-size:14px;padding:5px 11px;border-radius:9px;border-width:1.5px}
  .ic2-datetime{font-size:10.5px;padding:3px 9px;gap:4px;order:-1}
  .ic2-transport{margin:20px 16px 0;padding:14px 18px;gap:12px}
  .ic2-transport .tt-ic{width:40px;height:40px}
  .ic2-transport .tt-label{font-size:15px}
  .ic2-route{grid-template-columns:1fr;gap:6px;padding:12px;margin:14px 16px 0}
  .ic2-route .rp{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:10px;text-align:start}
  .ic2-route .rp .lbl{margin:0;font-size:10.5px;grid-column:1/-1;color:var(--muted)}
  .ic2-route .rp .name{font-size:13px;text-align:start;grid-column:2}
  .ic2-route .rp .ccode{grid-column:2;text-align:start}
  .ic2-route .arrow{transform:rotate(-90deg);justify-content:center;padding:2px 0;width:36px;height:36px;margin:0 auto}
  .ic2-section{padding:16px 18px}
  .ic2-desc{padding:14px 16px;font-size:13px;line-height:2}
  .ic2-section-title{font-size:11px}
  .desc-footer .btn{min-width:0;flex:1 1 100%}
  .stepper{padding:14px 4px 4px}
  .step{min-width:74px}
  .step-circle{width:34px;height:34px;font-size:11px}
  .step:not(:last-child)::after{top:17px;inset-inline-start:calc(50% + 18px);width:calc(100% - 36px)}
  .step-label{font-size:10.5px;margin-top:7px}
  .step-time{padding:3px 6px;margin-top:5px}
  .comments-list-wrapper{padding:14px 16px 6px;max-height:420px}
  .comment-form-wrap{padding:14px 16px 18px}
  .ticket-header-subject{font-size:15px}
  .ticket-creator-card .av-big{width:48px;height:48px;font-size:19px}
  .ticket-creator-card .contact-actions{width:100%}
  .list-row{padding:12px 14px}
  .list-row .user-cell{min-width:0;flex:1 1 100%;margin-bottom:6px}
  .list-row .cell.opt{flex:0 0 auto}
  .list-row .actions{width:100%;margin-inline-start:0;justify-content:flex-start;flex-wrap:wrap}
  .ticket-list{padding:10px}
  .ticket-card{padding:12px 14px}
}
@media(max-width:440px){
  .topbar .btn span:not(.ic-svg){display:none}
  .topbar .btn{padding:8px 10px}
  .ic2-actions .btn span:not(.ic-svg){display:none}
  .ic2-actions .btn{padding:8px 10px}
  .ic2-meta{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
  .step{min-width:66px}
  .step-label{font-size:10px}
  .comment-row{max-width:95%}
  .response-price-block .price-big{font-size:22px}
  .response-actions .btn{min-width:0;flex:1 1 100%}
  .route-badges{flex-direction:column;align-items:flex-start}
}

.ic2-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--border2);border-radius:11px;overflow:hidden;border:1px solid var(--border2)}
.ic2-meta-item{background:#fff;padding:11px 14px;min-width:0}
.ic2-meta-item .k{font-size:11px;color:var(--muted);font-weight:500;margin-bottom:2px;display:flex;align-items:center;gap:5px}
.ic2-meta-item .v{font-size:13px;font-weight:600;word-break:break-word;overflow-wrap:anywhere}
@media(max-width:760px){.ic2-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.ic2-meta-item{padding:10px 12px}.ic2-meta-item .v{font-size:12.5px}}
@media(max-width:480px){.ic2-meta{grid-template-columns:1fr}}

a.nav-item,a.notif-item,a.mgmt-card,a.ann-card,a.ticket-row{color:inherit;text-decoration:none}
a.mgmt-card{text-align:start}
.sb-user-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:inherit}
[hidden]{display:none !important}
tr[data-href]{cursor:pointer}
.inline-form{display:inline}
.chip input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.chip{position:relative;cursor:pointer}
.ss-display .ss-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-error{color:var(--red);font-size:11.5px;margin-top:5px;display:block}
.alert-box{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:11px;font-size:12.5px;line-height:1.85;margin-bottom:14px}
.alert-box.err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.alert-box.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.alert-box.warn{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}
.existing-file{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);padding:6px 11px;border-radius:9px;font-size:12px}
.existing-file label{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-size:11px;cursor:pointer}

.ltr-input{direction:ltr;text-align:left}
.mono{font-family:ui-monospace,monospace}
.btn-block{width:100%;justify-content:center;padding:11px}
.auth-box.wide-form{max-width:620px}
.auth-links{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:12.5px;color:var(--muted)}
.auth-links a{font-weight:600}
.pw-wrap{position:relative}
.pw-wrap .input{padding-inline-end:42px}
.pw-toggle{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:8px;cursor:pointer}
.pw-toggle:hover{background:var(--slate-bg);color:var(--text)}
.pw-meter{display:none;margin:-6px 0 14px;padding:10px 12px;background:#f8fafc;border:1px solid var(--border2);border-radius:10px}
.pw-meter.active{display:block}
.pw-meter .bar{height:6px;background:#e2e8f0;border-radius:6px;position:relative;margin-bottom:22px}
.pw-meter .bar span{position:absolute;inset:0 0 0 auto;width:0;border-radius:6px;transition:.25s;background:#dc2626}
.pw-meter .bar span::after{content:attr(data-label);position:absolute;top:10px;inset-inline-start:0;font-size:11px;font-weight:700;white-space:nowrap;color:inherit}
.pw-meter[data-score="0"] .bar span{width:12%;background:#dc2626;color:#dc2626}
.pw-meter[data-score="1"] .bar span{width:30%;background:#ea580c;color:#ea580c}
.pw-meter[data-score="2"] .bar span{width:55%;background:#d97706;color:#d97706}
.pw-meter[data-score="3"] .bar span{width:80%;background:#16a34a;color:#16a34a}
.pw-meter[data-score="4"] .bar span{width:100%;background:#047857;color:#047857}
.pw-meter ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--muted);padding:0;margin:0}
.pw-meter li::before{content:"○ ";color:#cbd5e1}
.pw-meter li.ok{color:var(--green)}
.pw-meter li.ok::before{content:"✓ ";color:var(--green);font-weight:700}
.pw-match{font-size:11.5px;margin-top:5px;min-height:16px}
.pw-match.ok{color:var(--green)}.pw-match.bad{color:var(--red)}
.captcha-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.captcha-img{border-radius:10px;border:1px solid var(--border);background:#f1f5f9;flex-shrink:0}
.captcha-input{flex:1;min-width:120px;font-size:18px;letter-spacing:4px;text-align:center;font-family:ui-monospace,monospace}
.otp-input{font-size:22px;letter-spacing:6px;text-align:center;font-family:ui-monospace,monospace}
.hp-field{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.form-section{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--primary);margin:6px 0 12px;padding-bottom:7px;border-bottom:1px dashed var(--border)}
.field.has-error .input,.field.has-error .select,.check-line.has-error{border-color:var(--red) !important;box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.check-line{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.9;color:#334155;margin:4px 0 16px;padding:10px 12px;border:1px solid var(--border2);border-radius:10px;cursor:pointer}
.check-line input{margin-top:6px;width:16px;height:16px;flex-shrink:0;accent-color:var(--primary)}
.reg-steps{display:flex;gap:6px;margin-bottom:18px}
.reg-steps>div{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted2);padding:8px 6px;border-radius:10px;background:#f8fafc;border:1px solid var(--border2);text-align:center}
.reg-steps>div span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#64748b;font-size:11px;flex-shrink:0}
.reg-steps>div.on{color:var(--primary);border-color:#bfdbfe;background:var(--primary-l)}
.reg-steps>div.on span{background:var(--primary);color:#fff}
.reg-steps>div.done{color:var(--green);border-color:#a7f3d0;background:var(--green-bg)}
.reg-steps>div.done span{background:var(--green);color:#fff}
.demo-accounts{max-width:720px;margin:0 auto;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:14px}
.demo-accounts-h{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:10px}
.demo-accounts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.demo-acc{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border2);border-radius:10px;background:#f8fafc;cursor:pointer;text-align:start;font-family:inherit}
.demo-acc:hover{border-color:var(--primary);background:var(--primary-l)}
.demo-acc .av{width:30px;height:30px;border-radius:8px;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}
.demo-acc .t{display:flex;flex-direction:column;flex:1;min-width:0;font-size:12px}
.demo-acc .t span{font-size:10.5px}
.demo-acc code,.demo-accounts-f code{font-size:11px;direction:ltr;color:var(--muted)}
.demo-accounts-f{font-size:11.5px;color:var(--muted);margin-top:10px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:1000px){.profile-grid{grid-template-columns:1fr}}
.sec-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border2);flex-wrap:wrap}
.sec-row:last-of-type{border-bottom:none}
.sec-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}
.sec-t{flex:1;min-width:150px;display:flex;flex-direction:column}
.sec-t b{font-size:13.5px}.sec-t span{font-size:11.5px;color:var(--muted)}
.signin-list{display:flex;flex-direction:column;gap:6px}
.signin-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;font-size:12px;padding:7px 10px;border-radius:9px;background:#f8fafc}
.signin-row .dot{width:8px;height:8px;border-radius:50%}
.signin-row.ok .dot{background:var(--green)}.signin-row.bad .dot{background:var(--red)}
.signin-row.bad{background:#fef2f2}
.signin-row .ip{font-family:ui-monospace,monospace;color:var(--muted);font-size:11px}
.signin-row .d{color:var(--muted);font-size:11px;white-space:nowrap}
@media(max-width:560px){.signin-row{grid-template-columns:auto 1fr}.signin-row .ip,.signin-row .d{grid-column:2}}
.setup-steps{padding-inline-start:20px;display:flex;flex-direction:column;gap:18px;margin-bottom:16px}
.setup-steps li b{display:block;font-size:13.5px;margin-bottom:4px}
.setup-steps li>span{font-size:12.5px;color:var(--muted);line-height:1.9}
.totp-key{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.totp-key code{font-size:17px;font-weight:700;letter-spacing:1.5px;background:#f1f5f9;border:1px solid var(--border);padding:8px 14px;border-radius:10px;user-select:all}
.totp-uri{margin-top:10px;font-size:12px;color:var(--muted)}
.totp-uri summary{cursor:pointer}
.totp-uri code{display:block;font-size:11px;word-break:break-all;background:#f8fafc;border:1px solid var(--border2);padding:8px;border-radius:8px;margin:8px 0}
.totp-form{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.totp-form .otp-input{flex:1;min-width:160px}
.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px}
.recovery-codes code{font-size:15px;font-weight:700;letter-spacing:1px;text-align:center;padding:6px;background:#fff;border:1px solid var(--border2);border-radius:8px}
.lock-badge{display:inline-flex;align-items:center;gap:4px}
@media print{
  .sidebar,.topbar,.btn,.alert-box.ok{display:none !important}
  .main{margin:0 !important}
  .recovery-codes{border:2px solid #000}
}
.captcha-input::placeholder,.otp-input::placeholder{letter-spacing:0;font-family:Vazirmatn,Tahoma,sans-serif;font-size:13px}

.email-row.is-seen{background:linear-gradient(90deg,rgba(147,197,253,.12),#fff 40%);border-inline-start:3px solid #60a5fa}
.email-row.is-new{border-inline-start-width:3px}
.email-row .cell .val a{color:inherit}
.email-row .cell .val.ltr,.email-row .cell .sub.ltr{direction:ltr;text-align:left}
.sent-email-item .badge-fin.seen{background:var(--primary-l);color:var(--primary)}
.sent-email-item .btn{white-space:nowrap}
.email-body-box{font-size:12.5px;line-height:1.95;color:#334155;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-height:480px;overflow-y:auto;background:#f8fafc;border:1px solid var(--border2);border-radius:11px;padding:14px}
.email-actions-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-top:1px dashed var(--border);background:linear-gradient(135deg,#f8fafc,#fff 60%)}
.assign-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}
.assign-form .select{min-width:180px;width:auto}
.finalize-files{display:flex;flex-direction:column;gap:4px;margin-top:8px;background:#fff;padding:8px 10px;border-radius:8px;border:1px solid #fcd34d;font-family:ui-monospace,monospace;font-size:11.5px}
.finalize-files>div{display:flex;align-items:center;gap:6px;word-break:break-all}
.country-add-form{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.country-en-form{display:flex;gap:4px;align-items:center;margin-inline-start:auto}
.country-en-form .input{width:140px;padding:6px 9px;font-size:12px}
.set-row .lbl{min-width:0}
.ticket-reply-form{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:16px}
.ticket-reply-form .textarea{min-height:80px;background:#fff}
a.cleanup-option{color:inherit;text-decoration:none}
a.tcode{text-decoration:none}
a.role-card,button.role-card{font-family:inherit;cursor:pointer;width:100%}
.ticket-card .snippet.ltr-auto{direction:ltr;text-align:left}
.ann-card .ann-body.ltr-auto{direction:ltr;text-align:left}
.comment-bubble .body{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.code{word-break:keep-all}
.ltr{unicode-bidi:plaintext}
.input.ltr::placeholder{text-align:left}
@media(max-width:760px){
  .assign-form{margin-inline-start:0;width:100%}
  .assign-form .select{flex:1;min-width:0}
  .email-actions-bar>form,.email-actions-bar .btn{flex:1 1 auto}
  .email-actions-bar .btn{justify-content:center}
  .country-en-form{width:100%;margin:6px 0 0}
  .country-en-form .input{flex:1;width:auto}
  .set-row{flex-wrap:wrap}
  .sent-email-item{grid-template-columns:1fr}
  .sent-email-item>div:last-child{flex-direction:row !important;align-items:center !important;justify-content:space-between}
}

.card:has(.combo-wrap){overflow:visible}
.card:has(.combo-wrap)>.card-h{border-radius:var(--radius) var(--radius) 0 0}
.combo-list{z-index:120;direction:ltr;text-align:left}
.combo-item{direction:ltr;justify-content:flex-start;text-align:left}
.combo-item .c-code{min-width:30px;text-align:center}
.combo-wrap .combo-input{direction:ltr;text-align:left;padding-inline-end:12px;padding-right:34px}
.combo-wrap .combo-caret{inset-inline-end:auto;right:12px}
.combo-input::placeholder{direction:rtl;text-align:left}

.table-center th,.table-center td{text-align:center;vertical-align:middle}
.table-center .dt-stack{align-items:center}
.table-center .route-badges{justify-content:center}
.table-center td>div[style*="display:flex"]{justify-content:center}

.segments{flex-wrap:wrap;overflow:visible}
.seg{flex:0 1 auto}
@media(max-width:760px){
  .segments{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}
  .seg{justify-content:space-between;white-space:normal;min-width:0}
  .seg>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:360px){.segments{grid-template-columns:1fr 1fr}}

.ic2-route .rp .name{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;white-space:normal}
.ic2-route .rp .name .ccode{display:inline-block;margin:0;padding:1px 7px;border-radius:6px;background:#f1f5f9;border:1px solid var(--border2);color:#475569;font-size:11px}
@media(max-width:760px){
  .ic2-route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:10px}
  .ic2-route .rp{display:block;text-align:center;padding:10px 6px;background:#fff}
  .ic2-route .rp .lbl{margin-bottom:4px}
  .ic2-route .rp .name{font-size:13.5px;text-align:center;gap:4px}
  .ic2-route .arrow{transform:none;width:34px;height:34px;margin:0}
}

.ltr,.ltr-input,body [dir=ltr],.mono.ltr{direction:ltr;text-align:left}
.input.ltr,.input.ltr-input,.textarea.ltr{text-align:left}
.email-row .cell .val.mono,.email-row .cell .sub.mono,.email-row .cell .val.ltr,.email-row .cell .sub.ltr{text-align:left}
.list-row .cell .val.mono,.list-row .user-cell .info span{text-align:left}

.price-input-wrap{position:relative}
.price-preview{margin-top:6px;font-size:12px;font-weight:700;color:var(--green);min-height:18px}
.price-preview.bad{color:var(--red)}

.reg-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.reg-search .search{flex:1;min-width:220px}
.reg-head,.reg-row{display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(110px,.9fr) minmax(150px,1.2fr) minmax(120px,.9fr) minmax(110px,.8fr) auto;gap:12px;align-items:center;padding:12px 18px}
.reg-head{background:#eef2f8;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:#475569}
.reg-row{border-bottom:1px solid var(--border2);transition:.15s}
.reg-row:hover{background:#f8fafc}.reg-row:last-child{border-bottom:none}
.reg-row.pending{border-inline-start:3px solid #fcd34d;background:linear-gradient(90deg,rgba(252,211,77,.08),#fff 40%)}
.reg-row.approved{border-inline-start:3px solid #a7f3d0}
.reg-row.rejected{border-inline-start:3px solid #fca5a5}
.reg-row .cell{min-width:0}
.reg-row .cell .lbl{display:none;font-size:10.5px;color:var(--muted);font-weight:600;margin-bottom:3px}
.reg-row .cell .val{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reg-row .cell .sub{font-size:11px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reg-row .user-cell{display:flex;align-items:center;gap:10px;min-width:0}
.reg-row .user-cell .av{width:36px;height:36px;border-radius:10px;color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0;background:#64748b}
.reg-row .user-cell .info{min-width:0}
.reg-row .user-cell b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reg-row .user-cell span{display:block;font-size:11px;color:var(--muted);direction:ltr;text-align:left;font-family:ui-monospace,monospace}
.reg-row .actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
@media(max-width:1100px){.reg-head,.reg-row{grid-template-columns:minmax(160px,1.4fr) minmax(140px,1.1fr) minmax(110px,.8fr) auto}.reg-row .opt-2,.reg-head .opt-2{display:none}}
@media(max-width:760px){
  .reg-head{display:none}
  .reg-row{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px}
  .reg-row .user-cell,.reg-row .actions{grid-column:1/-1}
  .reg-row .opt-2{display:block}
  .reg-row .cell .lbl{display:block}
  .reg-row .actions{justify-content:flex-start;flex-wrap:wrap}
}

.mail-head,.mail-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.1fr) minmax(190px,1.5fr) minmax(130px,1fr) minmax(150px,auto);gap:14px;align-items:center;padding:13px 18px}
.mail-head{background:#eef2f8;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:#475569}
.mail-head>div:last-child{text-align:center}
.mail-row{border-bottom:1px solid var(--border2);border-inline-start:3px solid transparent;transition:.15s}
.mail-row:hover{background:#f8fafc}.mail-row:last-child{border-bottom:none}
.mail-row.is-new{border-inline-start-color:#f59e0b;background:linear-gradient(90deg,rgba(252,211,77,.1),#fff 45%)}
.mail-row.is-seen{border-inline-start-color:#60a5fa;background:linear-gradient(90deg,rgba(147,197,253,.12),#fff 45%)}
.mail-row.is-done{border-inline-start-color:#6ee7b7}
.mail-row .cell{min-width:0}
.mail-row .lbl{display:none;font-size:10.5px;color:var(--muted);font-weight:600;margin-bottom:3px}
.mail-row .code-l{font-family:ui-monospace,monospace;font-weight:800;font-size:13px;color:var(--primary);direction:ltr;text-align:left;display:block}
.mail-row .route-l{font-size:11px;color:#64748b;direction:ltr;text-align:left;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-row .val{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-row .sub{font-size:11px;color:#64748b;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-row .mail-to{font-family:ui-monospace,monospace;font-size:12px;direction:ltr;text-align:left;color:#334155;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-row .mail-cc{font-family:ui-monospace,monospace;font-size:11px;direction:ltr;text-align:left;color:#94a3b8;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-row .state{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.mail-row .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mail-row .actions .btn,.mail-row .actions form,.mail-row .actions form .btn{width:100%;justify-content:center;white-space:nowrap}
.mail-row .actions .wide{grid-column:1/-1}
@media(max-width:1200px){.mail-head,.mail-row{grid-template-columns:minmax(120px,1fr) minmax(170px,1.4fr) minmax(120px,1fr) minmax(150px,auto)}.mail-row .c-sender,.mail-head .c-sender{display:none}}
@media(max-width:760px){
  .mail-head{display:none}
  .mail-row{grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 16px}
  .mail-row .c-sender{display:block}
  .mail-row .c-to,.mail-row .actions{grid-column:1/-1}
  .mail-row .lbl{display:block}
}

.sent-emails-panel .sep-head{font-size:13px}
.sent-email-card{padding:14px 16px;border-bottom:1px dashed #fcd34d;background:#fff}
.sent-email-card:last-child{border-bottom:none}
.sec-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sec-top .spacer{flex:1}
.sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--border2);border:1px solid var(--border2);border-radius:10px;overflow:hidden}
.sec-grid>div{background:#fbfcff;padding:9px 12px;min-width:0}
.sec-grid .k{font-size:10.5px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:5px;margin-bottom:3px}
.sec-grid .v{font-size:12.5px;font-weight:600;color:#1e293b;overflow-wrap:anywhere}
.sec-grid .v.ltr{font-family:ui-monospace,monospace;font-size:12px}
.sec-grid .full{grid-column:1/-1}
.sent-email-card .badge-fin{font-size:10.5px;padding:3px 10px;border-radius:20px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.sent-email-card .badge-fin.wait{background:var(--amber-bg);color:var(--amber)}
.sent-email-card .badge-fin.seen{background:var(--primary-l);color:var(--primary)}
.sent-email-card .badge-fin.done{background:var(--green-bg);color:var(--green)}
.mail-head>div,.mail-row>.cell{text-align:center}
.mail-row .code-l,.mail-row .route-l,.mail-row .mail-to,.mail-row .mail-cc{text-align:center}
.mail-row .state{align-items:center}
@media(max-width:760px){.mail-row>.cell,.mail-row .code-l,.mail-row .route-l,.mail-row .mail-to,.mail-row .mail-cc{text-align:start}.mail-row .mail-to,.mail-row .mail-cc,.mail-row .code-l,.mail-row .route-l{text-align:left}.mail-row .state{align-items:flex-start}}
.reg-head>div{text-align:center}.reg-head>div:first-child{text-align:start}
.reg-row>.cell{text-align:center}
.reg-row>.cell .val.ltr,.reg-row>.cell .sub.ltr{text-align:center}
@media(max-width:760px){.reg-row>.cell{text-align:start}.reg-row>.cell .val.ltr,.reg-row>.cell .sub.ltr{text-align:left}}
.card-h .btn-export{margin-inline-start:6px}
.filters .search .input{width:100%}
.table-center td .code,.table-center td span[style*="monospace"]{white-space:nowrap}

.combo-wrap .combo-input{direction:rtl;text-align:start;padding-right:12px;padding-left:34px}
.combo-wrap .combo-caret{right:auto;left:12px}
.combo-input::placeholder{direction:rtl;text-align:start}
.combo-list,.combo-item{direction:rtl;text-align:start}
.combo-item{justify-content:flex-start}

.modal-b{overflow-x:hidden}
.modal-b [style*="pre-wrap"],.email-body-box,.ic2-meta-item .v{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.content{min-width:0;overflow-x:clip}

.segments{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:visible;margin-bottom:16px}
.seg{flex:1 1 auto;justify-content:center;gap:9px;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:700;color:#475569;background:#f8fafc;border:1.5px solid var(--border2);white-space:nowrap;transition:.15s;cursor:pointer;font-family:inherit;text-decoration:none}
.seg:hover{background:#eff6ff;border-color:#bfdbfe;color:var(--primary-d)}
.seg .n{background:#e2e8f0;color:#334155;font-size:12px;font-weight:800;padding:2px 9px;border-radius:20px;min-width:26px;font-family:inherit;font-variant-numeric:tabular-nums}
.seg.on{background:linear-gradient(135deg,var(--primary),#1e40af);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px rgba(37,99,235,.9)}
.seg.on .n{background:rgba(255,255,255,.22);color:#fff}
.seg .ic-svg{opacity:.85}
@media(max-width:760px){
  .segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
  .seg{padding:10px 10px;font-size:12.5px;justify-content:space-between;white-space:normal;min-width:0}
}

.modal-h{position:sticky;top:0;z-index:3;background:#fff;border-radius:16px 16px 0 0}
.modal-f [data-close]{display:none !important}
.modal-f:not(:has(> :not([data-close]):not(.spacer))){display:none}

.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;padding:16px}
@media(max-width:760px){.card-grid{grid-template-columns:1fr;gap:12px;padding:12px}}
.x-card{border:1.5px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:.18s;position:relative;color:inherit;text-decoration:none}
.x-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}
.x-card[data-href]{cursor:pointer}
.x-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--border2);background:linear-gradient(135deg,color-mix(in srgb,var(--xc,#2563eb) 9%,#fff),#fff 65%)}
.x-top .x-code{font-family:ui-monospace,monospace;font-weight:800;font-size:13.5px;color:var(--xc,#2563eb);background:#fff;border:1.5px solid color-mix(in srgb,var(--xc,#2563eb) 30%,#fff);padding:3px 10px;border-radius:8px;direction:ltr}
.x-top .spacer{flex:1}
.x-top .x-dt{font-size:11.5px;color:#475569;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.x-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.x-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--border2);border-radius:11px;padding:10px}
.x-route .pt{text-align:center;min-width:0}
.x-route .pt small{display:block;font-size:10.5px;color:var(--muted);font-weight:600;margin-bottom:2px}
.x-route .pt b{font-size:13.5px;font-weight:800;color:#0f172a;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
.x-route .pt b .cc{font-family:ui-monospace,monospace;font-size:10.5px;color:#475569;background:#fff;border:1px solid var(--border);border-radius:5px;padding:0 6px}
.x-route .ar{color:var(--xc,#2563eb);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--xc,#2563eb) 12%,#fff)}
.x-rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;font-size:12.5px;align-items:center}
.x-rows .k{color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11.5px}
.x-rows .v{font-weight:600;color:#1e293b;min-width:0;overflow-wrap:anywhere}
.x-rows .v.ltr{font-family:ui-monospace,monospace;font-size:12px}
.x-foot{padding:10px 14px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:linear-gradient(135deg,#f8fafc,#fff 60%)}
.x-foot .spacer{flex:1}
.x-foot .chip-s{font-size:11.5px;color:#475569;font-weight:600;display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border2);padding:3px 9px;border-radius:20px}
.x-foot .chip-s.new{background:var(--red);border-color:var(--red);color:#fff}
.x-foot .view-more{font-size:12px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:4px}
.x-foot form{display:inline}
.x-card.is-new{border-color:#fcd34d}.x-card.is-seen{border-color:#93c5fd}.x-card.is-done{border-color:#a7f3d0}
.reg-table td,.reg-table th{white-space:nowrap}
.reg-name{display:inline-flex;align-items:center;gap:8px}
.reg-name .av{width:30px;height:30px;border-radius:9px;background:#64748b;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}
.reg-actions{display:inline-flex;gap:6px;flex-wrap:nowrap}
.reg-table tr.reg-tr.pending td:first-child{box-shadow:inset -3px 0 0 #fcd34d}
.reg-table tr.reg-tr.approved td:first-child{box-shadow:inset -3px 0 0 #6ee7b7}
.reg-table tr.reg-tr.rejected td:first-child{box-shadow:inset -3px 0 0 #fca5a5}
.reg-table td .ltr{display:inline-block}
.x-foot .btn{padding:6px 11px;white-space:nowrap}
.reg-table th,.reg-table td{padding-left:10px;padding-right:10px}
.reg-table td .ltr{max-width:190px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}

.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--border2);flex-wrap:wrap;background:linear-gradient(180deg,#fff,#fafbfd)}
.pagination .p-info{font-size:12px;color:var(--muted);margin:0}
.pagination .p-info b{color:var(--text);font-weight:700}
.pagination .p-btns{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.page-btn{min-width:36px;height:36px;padding:0 11px;border-radius:10px;font-size:12.5px;font-weight:600;color:#475569;background:#fff;border:1px solid var(--border);transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;box-shadow:0 1px 0 rgba(15,23,42,.03)}
a.page-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-l);transform:translateY(-1px)}
.page-btn.on{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px -4px var(--primary)}
.page-btn.dis{opacity:.4;cursor:not-allowed}
.page-btn .pn-t{font-size:12px}
.page-ellipsis{color:var(--muted2);padding:0 2px;min-width:20px;text-align:center}
@media (max-width:640px){
  .pagination{justify-content:center;padding:12px}
  .pagination .p-info{width:100%;text-align:center}
  .page-btn .pn-t{display:none}
  .page-btn{min-width:32px;height:32px;padding:0 8px}
}
.ticket-creator-card .role-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.ticket-creator-card .role-line>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ticket-creator-card .role-line>span svg{flex:0 0 auto}
.activity-row .meta>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.user-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font:inherit;font-weight:700;color:var(--primary);cursor:pointer;text-decoration:underline dotted;text-underline-offset:4px;text-align:inherit}
.user-link:hover{color:#1d4ed8;text-decoration-style:solid}
.user-link .ic-svg{opacity:.7}
.activity-row .act-body .meta{gap:4px 12px}
.creator-cell{font-size:12.5px;font-weight:600;color:#334155;white-space:nowrap}
.mail-head.is-admin,.mail-row.is-admin{grid-template-columns:minmax(110px,.9fr) minmax(140px,1fr) minmax(180px,1.4fr) minmax(110px,.9fr) minmax(110px,.8fr) minmax(170px,auto)}
@media(max-width:1200px) and (min-width:761px){
  .mail-head.is-admin,.mail-row.is-admin{grid-template-columns:minmax(110px,1fr) minmax(170px,1.4fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(160px,auto)}
}
.mail-row .user-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reg-fullname{font-weight:700;color:#0f172a;white-space:nowrap}
.dsheet .modal-b{display:flex;flex-direction:column;gap:14px}
.dsheet .modal-b>*{flex-shrink:0}
.ds-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--dc,#2563eb) 10%,#fff),#fff 70%);border:1px solid color-mix(in srgb,var(--dc,#2563eb) 22%,#fff)}
.ds-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--dc,#2563eb) 14%,#fff);color:var(--dc,#2563eb);flex-shrink:0}
.ds-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ds-title b{font-size:15.5px;font-weight:800;color:#0f172a}
.ds-title small{font-size:12px;color:var(--muted);font-family:ui-monospace,monospace;text-align:start}
.ds-sec{border:1px solid var(--border2);border-radius:13px;overflow:hidden;background:#fff}
.ds-sec-t{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#f8fafc;border-bottom:1px solid var(--border2);font-size:12px;font-weight:700;color:#334155}
.ds-sec-t .ic-svg{color:var(--primary)}
.ds-grid{display:grid;grid-template-columns:1fr 1fr}
.ds-item{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-bottom:1px solid var(--border2);min-width:0}
.ds-item:nth-child(odd){border-inline-end:1px solid var(--border2)}
.ds-item:nth-last-child(-n+2):nth-child(odd),.ds-item:last-child{border-bottom:none}
.ds-item.full{grid-column:1/-1;border-inline-end:none}
.ds-item .k{font-size:11px;color:var(--muted);font-weight:600}
.ds-item .v{font-size:13px;font-weight:600;color:#0f172a;overflow-wrap:anywhere}
.ds-item .v.ltr{direction:ltr;text-align:start}
.ds-item .v.mono{font-family:ui-monospace,monospace;font-size:12.5px}
.ds-tl{list-style:none;margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:12px;position:relative}
.ds-tl li{display:flex;gap:10px;align-items:flex-start;position:relative}
.ds-tl li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:13px;top:30px;bottom:-12px;width:2px;background:var(--border)}
.ds-tl .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--primary-l);color:var(--primary)}
.ds-tl li.ok .dot{background:var(--green-bg);color:var(--green)}
.ds-tl li.bad .dot{background:var(--red-bg);color:var(--red)}
.ds-tl li.wait .dot{background:var(--amber-bg);color:var(--amber)}
.ds-tl li>div{display:flex;flex-direction:column;gap:2px;padding-top:3px}
.ds-tl li>div>b{font-size:13px;font-weight:700}
.ds-tl small{font-size:12px;color:#475569}
.ds-tl small b{font-weight:700;color:#0f172a}
@media(max-width:560px){.ds-grid{grid-template-columns:1fr}.ds-item:nth-child(odd){border-inline-end:none}.ds-item:nth-last-child(-n+2):nth-child(odd){border-bottom:1px solid var(--border2)}.ds-item:last-child{border-bottom:none}}
.btn-xs{height:24px;min-width:24px;padding:0 7px;font-size:11px;border-radius:7px;gap:3px}
.sender-v{display:flex !important;align-items:center;gap:6px;min-width:0}
.sender-v .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mail-row .sender-v{justify-content:center}
@media(max-width:760px){.mail-row .sender-v{justify-content:flex-start}}
.fin-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border2);background:linear-gradient(135deg,color-mix(in srgb,var(--xc) 9%,#fff),#fff 65%);border-top:3px solid var(--xc);border-radius:16px 16px 0 0}
.fin-code{display:flex;flex-direction:column;gap:3px}
.fin-code small,.fin-route small{font-size:10.5px;color:var(--muted);font-weight:600}
.fin-code .code{font-size:18px;font-weight:800;font-family:ui-monospace,monospace;color:var(--primary)}
.fin-route{display:flex;align-items:center;justify-content:center;gap:12px}
.fin-route .pt{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border:1px solid var(--border);background:#fff;border-radius:11px;min-width:120px}
.fin-route .pt b{font-size:14px;display:flex;align-items:center;gap:6px}
.fin-route .cc{font-family:ui-monospace,monospace;font-size:10.5px;background:var(--slate-bg);color:var(--muted);padding:1px 6px;border-radius:5px}
.fin-route .ar{color:var(--primary);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--primary-l)}
.fin-body{display:flex;flex-direction:column;gap:14px}
.fin-price .amt{font-size:20px;font-weight:800;color:var(--green)}
.fin-price .cur{font-size:12px;font-weight:700;background:var(--green-bg);color:var(--green);padding:2px 8px;border-radius:6px}
.fin-price small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:3px}
@media(max-width:760px){.fin-head{grid-template-columns:1fr;text-align:center}.fin-code{align-items:center}.fin-route .pt{min-width:0;flex:1}.fin-badges{display:flex;justify-content:center}}
.ticket-creator-card .no-click{cursor:default !important}.ticket-creator-card .av-big.no-click:hover{transform:none}.ticket-creator-card .info b.no-click:hover{color:#0f172a}
.reset-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sec-status{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 12%,#fff),#fff 70%);border:1.5px solid color-mix(in srgb,var(--sc) 30%,#fff)}
.sec-status .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--sc);color:#fff;flex-shrink:0}
.sec-status b{display:block;font-size:14.5px;color:#0f172a;margin-bottom:3px}
.sec-status small{font-size:12px;color:#475569;line-height:1.8}
.sev-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;vertical-align:middle}
.sec-table .sec-type{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:12.5px;white-space:nowrap}
.sec-table .sec-text{font-size:12px;color:#334155;max-width:420px;text-align:start;line-height:1.8}
.sev-row.is-new{background:linear-gradient(90deg,rgba(252,211,77,.08),transparent 50%)}
.sev-row.sev-high{box-shadow:inset -3px 0 0 #dc2626}
.sev-row.sev-medium{box-shadow:inset -3px 0 0 #f59e0b}
.new-pill{display:inline-block;margin-inline-start:6px;font-size:10px;font-weight:700;background:var(--red);color:#fff;padding:1px 7px;border-radius:20px}
.ip-link{font-size:12px;color:var(--primary);font-weight:600}
.sec-side{gap:16px}
.sec-guide{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.sg-item{border:1px solid var(--border2);border-inline-start:3px solid var(--sc);border-radius:12px;padding:12px 14px;background:#fff}
.sg-h{display:flex;align-items:center;gap:6px;color:var(--sc);margin-bottom:6px;flex-wrap:wrap}
.sg-h b{color:#0f172a;font-size:13px}
.sg-item p{font-size:12px;line-height:1.9;color:#475569;margin:0}
@media(max-width:900px){.sec-side{grid-template-columns:1fr}}
.page-loader{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:rgba(241,245,249,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
.page-loader.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease}
.page-loader.boot{animation:plBoot .25s ease .45s forwards}
@keyframes plBoot{to{opacity:1;visibility:visible}}
.page-loader .pl-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 26px;border-radius:20px;background:#fff;box-shadow:0 20px 50px -12px rgba(15,23,42,.25)}
.pl-ring{width:52px;height:52px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 25%,var(--primary) 75%,#7c3aed);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:plSpin .8s linear infinite}
.pl-t{font-size:12.5px;font-weight:600;color:#475569}
@keyframes plSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pl-ring{animation-duration:2s}}
.auth-wrap{position:relative;isolation:isolate;background:#0b2a55;justify-content:flex-start;align-items:center;padding:24px clamp(16px,5vw,80px);min-height:100vh;min-height:100dvh}
.auth-wrap::before{content:"";position:fixed;inset:0;z-index:-2;background:#1e3a8a url("../img/auth-bg.webp") center/cover no-repeat}
.auth-wrap::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(15,23,42,.30) 0%,rgba(15,23,42,.10) 38%,transparent 60%)}
@media (max-width:1200px) and (min-width:761px){.auth-wrap::before{background-image:url("../img/auth-bg-md.webp")}}
@media (min-width:761px){[dir=ltr] .auth-wrap{justify-content:flex-end}}
.auth-box.narrow{max-width:440px;margin:0}
.auth-box.wide-form{max-width:620px}
.auth-card{background:rgba(255,255,255,.90);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 30px 70px -25px rgba(2,6,23,.55);padding:22px 26px 20px}
.auth-card .brand{margin-bottom:12px}
.auth-card .brand .logo{width:50px;height:50px;border-radius:15px;margin-bottom:8px}
.auth-card .brand .logo .ic-svg{width:26px;height:26px}
.auth-card .brand h1{font-size:17px;line-height:1.6}
.auth-card .brand p{font-size:12px;margin-top:2px}
.auth-title{text-align:center;margin-bottom:14px}
.auth-card h2,.auth-card .sub{text-align:center}
.auth-card h2{font-size:17px;margin-bottom:2px}
.auth-card .sub{margin-bottom:0;font-size:12.5px}
.auth-card .field{margin-bottom:12px}
.auth-card .btn-block{height:46px}
.auth-links{margin-top:12px}
.auth-login .auth-links{justify-content:center;flex-direction:column;gap:6px}
.auth-register .reg-steps{margin-bottom:12px}
.auth-register .reg-steps>div{padding:6px 4px;font-size:11px}
.reg-grid{gap:0 12px}
.reg-grid .field{margin-bottom:10px}
.field-note{display:block;font-size:10.5px;color:var(--muted);margin-top:4px;line-height:1.6}
.auth-register .check-line{margin:4px 0 12px}
.auth-register .captcha-row,.auth-register .captcha{margin-bottom:10px}
@media (max-width:760px){
  .auth-wrap{justify-content:center;align-items:flex-start;padding:clamp(120px,20vh,190px) 14px 24px}
  .auth-wrap::before{background-image:url("../img/auth-bg-mobile.webp");background-position:center center}
  .auth-wrap::after{background:linear-gradient(180deg,transparent 0%,transparent 18%,rgba(15,23,42,.18) 100%)}
  .auth-box.narrow,.auth-box.wide-form{max-width:100%}
  .auth-card{padding:18px 16px 16px;border-radius:20px;background:rgba(255,255,255,.93)}
  .reg-grid{grid-template-columns:1fr}
}
@media (max-width:760px) and (max-height:700px){.auth-wrap{padding-top:96px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.auth-card{background:#fff}}
.auth-register .auth-card{padding:16px 22px 16px}
.auth-register .brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:start;margin-bottom:10px}
.auth-register .brand .logo{grid-row:1/3;margin:0;width:44px;height:44px;border-radius:13px}
.auth-register .brand h1{font-size:16px}
.auth-register .brand p{margin:0;font-size:11.5px}
.auth-register .captcha-img{height:46px;width:auto}
.auth-register .captcha-field{margin-bottom:8px}
.auth-register .captcha-input{height:42px}
.auth-register .auth-links{margin-top:8px;justify-content:center}
@media (max-width:760px){.auth-register .brand{grid-template-columns:1fr;text-align:center}.auth-register .brand .logo{grid-row:auto;margin:0 auto 6px}}
.users-table{min-width:860px}.users-table td>div{flex-wrap:nowrap !important}
.step-note{display:inline-block;font-size:10.5px;font-weight:600;color:var(--green);background:var(--green-bg);padding:2px 8px;border-radius:20px;white-space:nowrap}
.fin-notice{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:11px;background:var(--green-bg);color:#065f46;font-size:12.5px;line-height:1.9;border:1px solid #a7f3d0}
.fin-notice .ic-svg{flex-shrink:0;margin-top:4px}
.fin-notice a{font-weight:700;color:#047857;text-decoration:underline}
.ds-pad{padding:12px 14px;font-size:13px;font-weight:600;color:#0f172a;overflow-wrap:anywhere}
.ds-pad.ltr{direction:ltr;text-align:left}
.ds-sec-t .spacer{flex:1}
.fin-head.cust .fin-code .ref{font-size:11px;color:#475569;margin-top:2px}
.fin-head.cust .fin-code .ref b{font-family:ui-monospace,monospace;color:#0f172a}
.fin-head.cust .fin-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
@media(max-width:760px){.fin-head.cust .fin-badges{flex-direction:row;justify-content:center;flex-wrap:wrap}}
.notrecv-card{border:1.5px solid #fecaca}
.notrecv-card .card-h h3 .ic-svg{color:var(--red)}
.nr-text{font-size:13px;color:#334155;line-height:2;margin-bottom:12px}
.mail-head.is-expert,.mail-row.is-expert{grid-template-columns:minmax(110px,.8fr) minmax(120px,1fr) minmax(200px,1.6fr) minmax(130px,1fr) minmax(160px,auto)}
@media(max-width:1200px) and (min-width:761px){.mail-head.is-expert,.mail-row.is-expert{grid-template-columns:minmax(100px,.8fr) minmax(110px,1fr) minmax(170px,1.4fr) minmax(120px,1fr) minmax(150px,auto)}}
.mail-row .dt-cell .dt-stack{align-items:center}
.ds-title .ds-phone{display:inline-flex;align-items:center;gap:4px;font-family:inherit;color:#334155;font-weight:600;font-size:12px}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:livePulse 1.8s infinite;margin-inline-end:4px}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.online-name{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.online-name .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}
.online-name .dot.idle{background:#f59e0b}
.page-pill{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--primary-l);color:var(--primary);white-space:nowrap}
.online-table td{white-space:nowrap}
.dept-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dept-opt{cursor:pointer;position:relative}
.dept-opt input{position:absolute;opacity:0;pointer-events:none}
.dept-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px 10px;border:1.5px solid var(--border);border-radius:13px;background:#fff;transition:.15s;color:#475569}
.dept-card .ic-svg{color:var(--dc)}
.dept-card b{font-size:13px;color:#0f172a}
.dept-card small{font-size:10.5px;color:var(--muted);line-height:1.6}
.dept-opt input:checked+.dept-card{border-color:var(--dc);background:color-mix(in srgb,var(--dc) 8%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--dc) 18%,transparent)}
.dept-opt input:focus-visible+.dept-card{outline:2px solid var(--dc);outline-offset:2px}
.pw-rules{list-style:none;margin:5px 0 0;padding:0;display:flex;gap:4px 10px;flex-wrap:wrap}
.pw-rules li{font-size:10.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.pw-rules li::before{content:"○";font-size:10px}
.pw-rules li.ok{color:var(--green);font-weight:600}
.pw-rules li.ok::before{content:"✓"}

.ic2-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ic2-submitter .info .ic2-name b{margin-bottom:0;display:inline}
.ic2-name .btn-xs{background:#fff;border:1px solid var(--border)}
.ann-creator{flex-wrap:wrap;row-gap:7px}
.ann-creator .aud-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#475569;background:#fff;border:1px solid var(--border);padding:3px 9px;border-radius:20px;max-width:100%;white-space:nowrap}
.ann-creator .aud-pill b{color:#0f172a;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.nf-card{max-width:520px;margin:30px auto;padding:36px 26px 30px;text-align:center;position:relative;overflow:hidden}
.nf-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed,#059669)}
.nf-card .nf-ic{width:72px;height:72px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 30px -12px rgba(37,99,235,.8)}
.nf-card .nf-code{font-size:40px;font-weight:800;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:ui-monospace,monospace;margin-bottom:8px}
.nf-card h2{font-size:18px;font-weight:800;margin-bottom:6px}
.nf-card p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:18px}
.base-tabs{max-width:760px}
.validity-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.validity-chips .chip-meta{display:inline-flex;align-items:center;background:#fff;cursor:pointer;border:1px solid var(--border);padding:4px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:#334155;font-family:inherit}
.validity-chips .chip-meta:hover{border-color:var(--primary);color:var(--primary)}
table .route-badges{flex-direction:row !important;flex-wrap:nowrap;align-items:center}
.sidebar{overscroll-behavior:contain}
body.sb-lock{overflow:hidden;touch-action:none}
body.sb-lock .sidebar{touch-action:pan-y}
@media(max-width:760px){
  .mail-row.is-admin,.mail-row.is-expert{grid-template-columns:1fr 1fr}
  .mail-row.is-admin .c-sender,.mail-row.is-expert .c-sender{display:block}
}
.ann-creator .dt{white-space:nowrap;min-width:max-content}
.ds-fold>summary{cursor:pointer;list-style:none;user-select:none}
.ds-fold>summary::-webkit-details-marker{display:none}
.ds-fold:not([open])>summary{border-bottom:none}
.ds-fold .fold-ic{display:inline-flex;color:var(--muted);transition:transform .2s}
.ds-fold[open] .fold-ic{transform:rotate(180deg)}
.ds-fold>summary:hover{background:#f1f5f9}
.ds-sec-t .spacer{flex:1}
@media(max-width:760px){
  .mail-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mail-table.is-admin{min-width:1040px}
  .mail-table.is-expert{min-width:860px}
  .mail-table .mail-head{display:grid}
  .mail-table .mail-row.is-admin,.mail-table .mail-head.is-admin{grid-template-columns:minmax(110px,.9fr) minmax(140px,1fr) minmax(180px,1.4fr) minmax(110px,.9fr) minmax(110px,.8fr) minmax(170px,auto);gap:14px;padding:13px 18px}
  .mail-table .mail-row.is-expert,.mail-table .mail-head.is-expert{grid-template-columns:minmax(110px,.8fr) minmax(120px,1fr) minmax(200px,1.6fr) minmax(130px,1fr) minmax(160px,auto);gap:14px;padding:13px 18px}
  .mail-table .mail-row .lbl{display:none}
  .mail-table .mail-row .c-to,.mail-table .mail-row .actions{grid-column:auto}
  .mail-table .mail-row .c-sender,.mail-table .mail-head .c-sender{display:block}
}
@media(max-width:1200px){.mail-table.is-admin .c-sender{display:block}.mail-table.is-admin{min-width:1040px}.mail-scroll{overflow-x:auto}
  .mail-table .mail-row.is-admin,.mail-table .mail-head.is-admin{grid-template-columns:minmax(110px,.9fr) minmax(140px,1fr) minmax(180px,1.4fr) minmax(110px,.9fr) minmax(110px,.8fr) minmax(170px,auto)}}
@media (max-width:1200px) and (orientation:portrait){.auth-wrap::before{background-image:url("../img/auth-bg-mobile.webp");background-position:center center}}
.lang-dd{position:relative;display:inline-block}
.lang-dd>summary{list-style:none}
.lang-dd>summary::-webkit-details-marker{display:none}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px 0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#334155;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s;user-select:none}
.lang-btn:hover,.lang-dd[open]>.lang-btn{border-color:var(--primary);color:var(--primary);background:var(--primary-l)}
.lang-btn .ic-svg:last-child{transition:transform .18s;opacity:.7}
.lang-dd[open]>.lang-btn .ic-svg:last-child{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:150px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px -16px rgba(2,6,23,.35);padding:5px;z-index:130;animation:langIn .14s ease-out}
@keyframes langIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.lang-menu form{display:flex;flex-direction:column;gap:2px;margin:0}
.lang-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#334155;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:start}
.lang-opt:hover{background:#f1f5f9}
.lang-opt .ic-svg{color:var(--primary);visibility:hidden}
.lang-opt.on{color:var(--primary);background:var(--primary-l)}
.lang-opt.on .ic-svg{visibility:visible}
.auth-card .auth-lang{position:absolute;top:12px;inset-inline-end:12px;z-index:5}
.auth-card .auth-lang .lang-btn{height:32px;padding:0 8px 0 10px;font-size:12px;background:rgba(255,255,255,.85);box-shadow:0 4px 12px -6px rgba(2,6,23,.3)}
.auth-card .auth-lang .lang-menu{min-width:136px}
@media(max-width:760px){.topbar .lang-btn .lang-cur{display:none}.topbar .lang-btn{padding:0 8px}}

[dir=ltr] .ic-dir{transform:scaleX(-1)}
[dir=ltr] .combo-wrap .combo-input{direction:ltr;text-align:left;padding-left:12px;padding-right:34px}
[dir=ltr] .combo-wrap .combo-caret{left:auto;right:12px}
[dir=ltr] .select{background-position:right 12px center;padding-right:34px;padding-left:12px}
[dir=ltr] :is(p,h1,h2,h3,h4,h5,h6,li,dd,blockquote,pre,.pre-wrap,.ann-body,.msg-body,.ic2-desc,.ic2-body,.email-body-box,.act-body,.fin-body,.nr-text,.sec-text,.cmt .body,.desc-text){unicode-bidi:plaintext}
.code.draft-code{font-family:inherit;color:var(--muted);font-weight:700;font-size:12px;background:#f1f5f9;border:1px dashed var(--border);padding:2px 8px;border-radius:8px;letter-spacing:0}
.ic2-code.draft-code{font-size:15px;color:var(--muted);border-style:dashed}
[dir=ltr] .combo-list,[dir=ltr] .combo-item{direction:ltr;text-align:left}
[dir=ltr] .combo-input::placeholder{direction:ltr;text-align:left}
.bulk-check{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;vertical-align:middle;margin:0}
.bulk-col{width:42px;text-align:center !important}
.bulk-bar{display:none;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--primary-l);border-bottom:1px solid #dbeafe;font-size:12.5px;font-weight:700;color:var(--primary-d)}
.bulk-bar .spacer{flex:1}
[data-bulk].has-sel .bulk-bar{display:flex}
tr.is-selected>td{background:#eff6ff !important}
.ticket-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.ticket-card .tc-check{display:inline-flex;align-items:center;padding:2px;margin-inline-end:2px}
.tools-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cleanup-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.cleanup-opts label{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;font-size:13px;font-weight:600;transition:.15s}
.cleanup-opts label:hover{border-color:var(--primary)}
.cleanup-opts input{accent-color:var(--primary);width:16px;height:16px}
.cleanup-opts label:has(input:checked){border-color:var(--primary);background:var(--primary-l);color:var(--primary-d)}
.cleanup-opts small{margin-inline-start:auto;color:var(--muted);font-weight:600;font-size:11.5px}
html.modal-open,html.modal-open body{overflow:hidden !important}
.modal-bg{overscroll-behavior:contain}
.modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}
.modal>.modal-b,.modal form>.modal-b{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0}
.modal>form{display:flex;flex-direction:column;min-height:0;max-height:inherit}
.select.select-sm{height:32px;padding-top:0;padding-bottom:0;font-size:12px;width:auto;min-width:150px}
.link-btn{border:0;background:none;padding:0;color:var(--primary);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.en-sec{border:1.5px dashed var(--border);border-radius:12px;margin-bottom:16px;background:#fbfcff}
.en-sec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;color:#334155}
.en-sec>summary::-webkit-details-marker{display:none}
.en-sec>summary small{font-weight:500;color:var(--muted);font-size:11.5px}
.en-sec>summary .fold-ic{margin-inline-start:auto;display:inline-flex;transition:transform .18s}
.en-sec[open]>summary .fold-ic{transform:rotate(180deg)}
.en-sec-b{padding:0 14px 14px;text-align:left}
.en-sec-b .label{text-align:left}
.pw-wrap .input{padding-right:46px !important;padding-left:14px !important;direction:ltr;text-align:left}
.pw-wrap .pw-toggle{right:6px !important;left:auto !important;inset-inline-end:auto}
.auth-card .input,.auth-card .select{height:46px;border-radius:12px;font-family:Vazirmatn,system-ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:.1px;color:#0f172a;border-color:#dbe2ec;background:#fff;transition:border-color .15s,box-shadow .15s}
.auth-card .input.mono,.auth-card .ltr-input{font-family:Vazirmatn,system-ui,sans-serif}
.auth-card .input::placeholder{font-family:Vazirmatn,system-ui,sans-serif;font-weight:400;color:#9aa6b8;letter-spacing:0;opacity:1}
.auth-card .input[type=password]{letter-spacing:2px}
.auth-card .input[type=password]::placeholder{letter-spacing:1px}
.auth-card .input:hover{border-color:#c3cede}
.auth-card .input:focus,.auth-card .select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.13);outline:none}
.auth-card .label{font-size:12.5px;font-weight:700;color:#334155;margin-bottom:6px}
.auth-card .pw-toggle{width:34px;height:34px}
.auth-links-v2{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;font-size:13px}
.auth-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:center;padding:8px 14px;border-radius:10px;color:var(--primary);font-weight:700;font-size:13.5px;text-decoration:none;transition:.15s}
.auth-link:hover{background:var(--primary-l);text-decoration:none}
.auth-sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;font-weight:600}
.auth-sep::before,.auth-sep::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#d6deea,transparent)}
.auth-cta{height:44px;border-radius:12px;background:#fff;border:1.5px solid #c7d6f5;color:var(--primary-d);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.15s}
.auth-cta:hover{background:var(--primary-l);border-color:var(--primary);color:var(--primary-d);text-decoration:none;transform:translateY(-1px)}
.auth-login .auth-links-v2,.auth-register .auth-links-v2{justify-content:initial;flex-direction:column}
@media (max-width:760px){.auth-card .input,.auth-card .select{height:44px}}
.terms-body{font-size:13px;line-height:2.1;color:#334155}
.terms-body p{margin-bottom:6px}
[dir=ltr] .terms-body,.terms-body[dir=ltr]{line-height:1.8;text-align:left}
.sb-version{display:flex;align-items:center;gap:6px;margin:6px 4px 0;padding:6px 10px;border-radius:9px;color:#94a3b8;font-size:11px;font-weight:600;text-decoration:none;border:1px dashed rgba(148,163,184,.25)}
.sb-version bdi{font-weight:700;color:#cbd5e1}
.sb-version small{margin-inline-start:auto;font-size:10.5px;opacity:.8}
.sb-version:hover{color:#e2e8f0;border-color:rgba(148,163,184,.5);text-decoration:none}
#popup-stack{padding:16px;gap:8px}
.popup{max-width:380px;padding:14px 16px 12px;border-radius:14px;box-shadow:0 18px 40px -16px rgba(15,23,42,.38),0 2px 6px rgba(15,23,42,.06);border:1px solid #e6ebf2;animation:ppIn .22s ease-out}
.popup::before{top:0;bottom:0;height:auto;width:4px;right:auto;inset-inline-start:0;border-radius:0}
[dir=rtl] .popup::before{left:auto;right:0}
@keyframes ppIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.popup .pp-top{gap:11px;margin-bottom:8px;align-items:center}
.popup .pp-ic{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--pc,#2563eb) 12%,#fff);color:var(--pc,#2563eb);animation:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc,#2563eb) 22%,#fff)}
.popup .pp-txt{padding-top:0;padding-inline-end:22px}
.popup .pp-txt h4{font-size:14px;margin-bottom:2px;line-height:1.55}
.popup .pp-txt p{font-size:12.5px;line-height:1.75}
.popup .pp-actions{margin-top:2px;gap:7px}
.popup .pp-actions .btn{height:30px;padding:0 12px;font-size:12px}
.popup .pp-close{top:9px;inset-inline-end:9px;width:26px;height:26px;border-radius:8px}
@media (max-width:560px){.popup{max-width:100%}}
.notif-foot{display:flex;align-items:center;gap:8px;padding:9px 12px}
.notif-foot form{margin:0;flex-shrink:0}
.notif-foot button{width:auto;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:9px;color:var(--muted)}
.notif-foot button:hover{background:#eef2f7;color:var(--text)}
.notif-foot .notif-all,.notif-all{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:9px;background:var(--primary-l);color:var(--primary-d);font-size:12.5px;font-weight:700;text-decoration:none}
.notif-foot .notif-all:hover,.notif-all:hover{background:#dbeafe;text-decoration:none}
.notif-all .n{background:#fff;border-radius:20px;padding:0 7px;font-size:11px;line-height:18px}
.notif-page{max-height:none}
.notif-page .notif-item{border-radius:0}
.ticket-thread{max-height:460px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 2px;margin:0 -4px 0 -2px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.ticket-thread .ticket-message:last-child{margin-bottom:4px}
.ticket-thread.is-scrollable,.comments-list-wrapper{border-radius:12px;box-shadow:inset 0 10px 10px -10px rgba(15,23,42,.12),inset 0 -10px 10px -10px rgba(15,23,42,.12)}
.comments-list-wrapper{max-height:440px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;box-shadow:none}
.ticket-thread::-webkit-scrollbar,.comments-list-wrapper::-webkit-scrollbar{width:8px}
.ticket-thread::-webkit-scrollbar-thumb,.comments-list-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}
.thread-info{display:flex;align-items:center;gap:6px;justify-content:center;font-size:11.5px;color:var(--muted);padding:8px 0 2px}
.thread-info[hidden]{display:none}
.ticket-reply-form{margin-top:12px;padding-top:14px;border-top:1px dashed var(--border)}
@media (max-width:760px){.ticket-thread{max-height:380px}.comments-list-wrapper{max-height:380px}}
.auth-register .auth-links-v2{gap:6px;margin-top:10px}
.auth-register .auth-cta{height:40px}
.auth-register .auth-links-v2{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.auth-register .auth-sep::before,.auth-register .auth-sep::after{display:none}
.auth-register .auth-cta{width:auto;height:38px;padding:0 18px;display:inline-flex}
.inq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin-bottom:18px}
.inq-card{--sc:#2563eb;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px 0;color:var(--text);text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 26px -18px rgba(15,23,42,.35);position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;min-width:0}
.inq-card::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--sc),color-mix(in srgb,var(--sc) 35%,#fff));opacity:.85}
.inq-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sc) 35%,var(--border));box-shadow:0 2px 4px rgba(15,23,42,.06),0 20px 38px -20px rgba(15,23,42,.45);text-decoration:none}
.inq-card:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}
.inq-card.has-new{border-color:#fecaca}
.iq-top{display:flex;align-items:center;gap:8px;min-width:0}
.iq-top .spacer{flex:1}
.iq-top .code{font-size:13.5px;background:var(--primary-l);padding:3px 10px;border-radius:8px}
.iq-top .code.draft-code{background:#f1f5f9}
.iq-new{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 8px;border-radius:20px;line-height:18px}
.iq-route{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border2);border-radius:12px;padding:10px 12px}
.iq-route .route-badges{flex-direction:row !important;align-items:center !important;flex-wrap:nowrap;justify-content:space-between;gap:6px}
.iq-route .route-side{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 8px}
.iq-route .route-side>span:last-child{overflow:hidden;text-overflow:ellipsis}
.iq-route .route-arrow{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;color:var(--primary)}
.iq-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0}
.iq-meta>div{min-width:0}
.iq-meta dt{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);font-weight:600;margin-bottom:3px}
.iq-meta dt .ic-svg{color:var(--muted2)}
.iq-meta dd{margin:0;font-size:12.5px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.iq-dt{font-weight:700}
.iq-tm{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-l);padding:0 7px;border-radius:6px}
.iq-ref{font-family:ui-monospace,monospace;font-size:12px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.iq-none{color:var(--muted2)}
.iq-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -18px;padding:10px 18px;border-top:1px dashed var(--border);font-size:12px;font-weight:700;color:var(--primary);background:#fbfcfe;transition:background .15s}
.inq-card:hover .iq-foot{background:var(--primary-l)}
.iq-foot .ic-svg{transition:transform .18s}
.inq-card:hover .iq-foot .ic-svg{transform:translateX(-3px)}
[dir=ltr] .inq-card:hover .iq-foot .ic-svg{transform:scaleX(-1) translateX(-3px)}
.inq-pager{padding:0}
.inq-pager .pagination{border-top:0}
@media (max-width:760px){.inq-grid{grid-template-columns:1fr;gap:14px}.inq-card{padding:14px 14px 0}.iq-foot{margin:0 -14px;padding:10px 14px}}
@media (max-width:360px){.iq-meta{grid-template-columns:1fr}}
.modal-h .mh-status{flex-shrink:0;font-size:11.5px;padding:4px 11px}
.search.has-clear .input{padding-inline-end:112px}
.search-clear{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:9px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;text-decoration:none;z-index:2;transition:.15s;cursor:pointer}
.search-clear:hover{background:#fee2e2;border-color:#fecaca;color:var(--red);text-decoration:none}
.search-clear[hidden]{display:none}
.search.has-clear:has(.search-clear[hidden]) .input{padding-inline-end:14px}
@media (max-width:760px){
  .search.has-clear .input{padding-inline-end:46px}
  .search-clear{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%}
  .search-clear span{display:none}
}
@media (max-width:760px){
  .kpis{display:flex;gap:7px;margin-bottom:14px}
  .kpi{flex:1 1 0;min-width:0;padding:9px 6px 8px;text-align:center;border-radius:12px}
  .kpi::after{top:auto;bottom:0;inset-inline:0;width:auto;height:3px}
  .kpi .i{display:none}
  .kpi .t{font-size:10px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;min-height:2.9em;display:flex;align-items:center;justify-content:center}
  .kpi .v{font-size:17px;margin-top:2px;line-height:1.3}
}
#popup-stack{justify-content:center;align-items:center;padding:20px}
.popup{border:1.5px solid #dfe6f0;box-shadow:0 0 0 6px rgba(255,255,255,.55),0 24px 60px -18px rgba(15,23,42,.45),0 2px 8px rgba(15,23,42,.08);border-radius:16px;animation:ppPop .2s ease-out}
.popup::before{display:none}
@keyframes ppPop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lang-flag{display:inline-block;width:20px;height:14px;border-radius:3px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.12);vertical-align:middle}
.lang-flag svg{display:block;width:100%;height:100%}
.lang-opt>span{display:inline-flex;align-items:center;gap:9px}
.lang-opt .lang-flag{width:22px;height:15px}
@media (max-width:760px){
  .topbar .lang-btn .lang-cur{display:inline !important}
  .topbar .lang-btn{padding:0 7px 0 8px;gap:5px;font-size:11.5px}
}
@media (max-width:380px){.topbar .lang-btn .ic-svg:last-child{display:none}}
:root{--app-logo:url("../img/logo.webp")}
.app-logo,.sb-brand .ic.app-logo{background:var(--app-logo) center/contain no-repeat}
.sb-brand .ic.app-logo{width:42px;height:42px;border-radius:12px;box-shadow:none;flex-shrink:0}
.brand .logo.logo-img{background:none;box-shadow:none;overflow:visible;border-radius:0}
.brand .logo.logo-img::after{display:none}
.brand .logo.logo-img .app-logo{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 16px rgba(30,64,175,.28))}
.auth-card .brand .logo.logo-img{width:58px;height:58px;margin-bottom:6px}
.auth-card::before{display:none}
.auth-title-v2{margin:2px 0 16px}
.auth-title-v2 h2{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.2px;margin:0;position:relative;padding-bottom:9px}
.auth-title-v2 h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,#60a5fa,#2563eb,#60a5fa)}
.auth-title-v2 .at-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:inset 0 0 0 1px #bfdbfe}
.auth-title-v2 p{margin-top:8px;font-size:12.5px;color:var(--muted);font-weight:500}
@media (max-width:760px){
  .auth-wrap{align-items:center;padding:clamp(52px,10vh,110px) 14px 20px}
  .auth-register .auth-wrap,.auth-wrap:has(.auth-register){padding-top:clamp(28px,5vh,56px);align-items:flex-start}
  .auth-card .brand .logo.logo-img{width:54px;height:54px}
  .modal-h h3{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .auth-title-v2{margin-bottom:14px}
  .auth-title-v2 h2{font-size:17px}
}
@media (max-width:760px) and (max-height:700px){.auth-wrap{padding-top:28px}.auth-wrap:has(.auth-register){padding-top:18px}}
@media (max-width:760px) and (max-height:700px){
  .auth-wrap{padding-bottom:12px}
  .auth-login .auth-card{padding-top:14px;padding-bottom:12px}
  .auth-login .brand{margin-bottom:8px}
  .auth-login .brand h1{font-size:15px;line-height:1.55}
  .auth-login .auth-title-v2{margin-bottom:10px}
  .auth-login .auth-title-v2 p{display:none}
  .auth-login .auth-card .field{margin-bottom:10px}
  .auth-login .auth-links-v2{margin-top:10px;gap:7px}
}
.inq-wrap>.empty,.inq-wrap>.pagination{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.inq-wrap>.pagination{border-top:1px solid var(--border)}
.iq-top{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"code when st";align-items:center;gap:8px}
.iq-code{grid-area:code;justify-self:start;display:inline-flex;align-items:center;gap:6px;min-width:0}
.iq-st{grid-area:st;justify-self:end}
.iq-when{grid-area:when;justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#f8fafc;border:1px solid var(--border2);font-size:12px;font-weight:700;color:#334155;white-space:nowrap}
.iq-when .ic-svg{color:var(--muted2)}
.iq-when .iq-tm{font-size:11px}
.iq-meta{grid-template-columns:1fr;gap:0}
.iq-meta>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--border2);min-height:40px}
.iq-meta>div:last-child{border-bottom:0}
.iq-meta dt{margin:0;font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.iq-meta dd{justify-content:flex-end;text-align:end;font-size:13px;color:#1e293b;font-weight:700}
.iq-co,.iq-meta .creator-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.iq-meta dd{min-width:0;flex:1 1 auto}
.iq-foot{justify-content:center;gap:6px}
.inq-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}
.inq-card{container-type:inline-size}
@container (max-width:296px){.iq-top{grid-template-columns:1fr auto;grid-template-areas:"code st" "when when"}.iq-when{justify-self:stretch;justify-content:center}}
@media (max-width:360px){.iq-meta{grid-template-columns:1fr}}
.card>.mail-grid{padding:18px;margin:0;background:#f8fafc;border-top:1px solid var(--border2)}
.mail-card{cursor:pointer}
.mail-card .iq-meta dd{font-size:12.5px}
.mail-card .mail-to,.mail-card .mail-cc{font-family:ui-monospace,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}
.mail-card .sender-v{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.mail-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 -18px;padding:11px 14px;border-top:1px dashed var(--border);background:#fbfcfe}
.mail-actions form{margin:0}
.mail-card .code{text-decoration:none}
.mail-card .code:hover{text-decoration:underline}
@media (max-width:760px){.card>.mail-grid{padding:12px}.mail-actions{margin:0 -14px}}
#popup-stack{justify-content:flex-start;align-items:center;padding:18px 16px}
.popup{border:1.5px solid transparent;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) padding-box,linear-gradient(160deg,color-mix(in srgb,var(--pc,#2563eb) 55%,#fff) 0%,#e2e8f0 42%,#cbd5e1 70%,color-mix(in srgb,var(--pc,#2563eb) 35%,#cbd5e1) 100%) border-box;box-shadow:inset 0 1px 0 #fff,0 5px 0 -1px color-mix(in srgb,var(--pc,#2563eb) 16%,#d5dde9),0 7px 0 -1px rgba(15,23,42,.06),0 22px 44px -14px rgba(15,23,42,.42),0 2px 6px rgba(15,23,42,.08);animation:ppDrop .26s cubic-bezier(.2,.9,.3,1.2)}
@keyframes ppDrop{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
.popup .pp-ic{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc,#2563eb) 25%,#fff),0 3px 8px -3px color-mix(in srgb,var(--pc,#2563eb) 45%,transparent)}
.popup .pp-actions .btn-primary{box-shadow:0 3px 0 #1e40af,0 6px 12px -6px rgba(37,99,235,.7);transform:translateY(-1px)}
.popup .pp-actions .btn-primary:active{transform:translateY(1px);box-shadow:0 1px 0 #1e40af}
html:has(.auth-wrap){scrollbar-gutter:stable;overflow-y:scroll}
.auth-wrap::before,.auth-wrap::after{bottom:auto;height:100vh;height:100lvh;width:100vw}
@supports (scrollbar-gutter:stable){html:has(.auth-wrap){overflow-y:auto}}
.drop.is-drag{border-color:var(--primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 4px rgba(37,99,235,.12);transform:scale(1.01)}
.drop.is-drag .ic{color:var(--primary);animation:dropBounce .7s ease-in-out infinite alternate}
@keyframes dropBounce{from{transform:translateY(0)}to{transform:translateY(-4px)}}
.drop .drop-hint{display:block;margin-top:6px;font-size:11px;color:var(--primary);font-weight:700}
.sb-brand .sb-title{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.sb-brand .sb-title b{color:#fff;font-size:13.5px;font-weight:800;letter-spacing:-.1px;display:block;line-height:1.45}
.sb-brand .sb-title b+b{font-size:12.5px;font-weight:700;color:#93c5fd}
.sb-brand .sb-title[dir=ltr]{text-align:left}
.sb-brand .sb-title[dir=ltr] b{font-size:12.5px;letter-spacing:0}
.sb-brand .sb-title[dir=ltr] b+b{font-size:11.5px}
.auth-links-pair{flex-direction:row !important;justify-content:center;flex-wrap:wrap;gap:6px 14px}
.auth-links-pair .auth-link{align-self:auto}
.support-box{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#f0fdfa,#ffffff 70%);border:1px solid #99f6e4;box-shadow:0 8px 20px -16px rgba(13,148,136,.7)}
.support-box .sp-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 8px 16px -8px rgba(13,148,136,.8)}
.support-box .sp-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.support-box b{font-size:13.5px;font-weight:800;color:#0f172a}
.support-box small{font-size:11.5px;color:var(--muted);line-height:1.7;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.sp-phones{display:flex;gap:8px;flex-wrap:wrap}
.sp-phone{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:9px;background:#fff;border:1px solid #99f6e4;color:#0f766e;font-weight:800;font-size:13px;text-decoration:none;font-variant-numeric:tabular-nums}
.sp-phone:hover{background:#ccfbf1;text-decoration:none}
.support-box.is-compact{margin-top:14px;padding:10px 12px;gap:11px;border-radius:12px}
.support-box.is-compact .sp-ic{width:36px;height:36px;border-radius:11px}
.support-box.is-compact b{font-size:12.5px}
.support-dash{margin-top:16px}
@media (max-width:820px){.inq-grid{grid-template-columns:1fr}}
@media (max-width:440px){.iq-top{gap:5px}.iq-when{padding:3px 7px;gap:4px;font-size:11.5px}.iq-when .ic-svg{display:none}.iq-top .code{padding:3px 7px;font-size:12.5px}.iq-top .badge{font-size:10.5px;padding:3px 7px}}
.inq-card,.inq-card *{cursor:pointer}
.inq-card input,.inq-card textarea,.inq-card select{cursor:auto}
[data-href]{cursor:pointer}
.iq-code{flex-direction:column;align-items:flex-start;gap:2px}
.iq-lbl{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.1px;line-height:1.3;padding-inline-start:2px}
.iq-cv{display:inline-flex;align-items:center;gap:6px}
.th-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}
.th-actions form{margin:0;display:inline-flex}
.th-actions .th-del{color:var(--red)}
@media (max-width:760px){
  .ticket-header-row{gap:6px}
  .th-actions{width:100%;justify-content:flex-end}
  .th-actions .btn{padding:4px 9px;font-size:11.5px;gap:4px;height:30px}
  .th-actions .btn .ic-svg{width:12px;height:12px}
}
@media (max-width:520px){
  .stepper{flex-direction:column;align-items:stretch;padding:10px 12px;overflow:visible}
  .step{flex-direction:row;align-items:center;text-align:start;min-width:0;gap:10px;padding:7px 0;flex:none}
  .step:not(:last-child)::after{top:43px;inset-inline-start:16px;width:2.5px;height:calc(100% - 38px)}
  .step-circle{flex-shrink:0}
  .step-label{margin:0;flex:1;min-width:0;font-size:12px;padding:0}
  .step-time{margin:0;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
  .step-time .step-dt-date,.step-time .step-dt-time{display:inline}
}
@media (max-width:760px){
  .kpi{padding-inline:3px}
  .kpi .t{font-size:9.8px;overflow-wrap:break-word;word-break:normal;hyphens:auto;letter-spacing:-.1px}
  [lang=en] .kpi .t{font-size:9.3px}
}
.sec-guide{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.ann-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr))}
.mgmt-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.role-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.health-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.badge,.chip-meta,.role-tag,.aud-pill{max-width:100%}
.btn{max-width:100%}
.btn>span:not(.cnt):not(.n){overflow:hidden;text-overflow:ellipsis}
.iq-meta dd .badge{white-space:normal;line-height:1.5;text-align:center;height:auto}
.x-route .pt small{overflow-wrap:anywhere}
.ticket-creator-card .tc-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.ticket-creator-card .tc-name b{margin:0}
.tc-details{background:#fff;border:1px solid var(--border);height:26px;padding:0 9px;font-size:11.5px}
.tc-details:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-l)}
.auth-card .input,.auth-card .select{height:40px;font-size:13.5px;border-radius:11px}
.auth-card .label{font-size:12px;margin-bottom:4px}
.auth-card .field{margin-bottom:9px}
.auth-card .btn-block{height:42px}
.auth-card .pw-toggle{width:30px;height:30px}
.auth-card .captcha-img{height:40px;width:auto}
.auth-card .captcha-input{height:40px}
.auth-card .captcha-field{margin-bottom:8px}
.auth-card .alert-box{padding:9px 12px;font-size:12.5px;margin-bottom:10px}
.auth-links-v2{margin-top:10px;gap:7px}
.auth-cta{height:40px}
.auth-link{padding:5px 12px}
.support-box.is-compact{margin-top:10px;padding:7px 10px;gap:9px;border-radius:11px;align-items:center}
.support-box.is-compact .sp-ic{width:30px;height:30px;border-radius:9px}
.support-box.is-compact .sp-ic .ic-svg{width:16px;height:16px}
.support-box.is-compact .sp-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 8px}
.support-box.is-compact b{font-size:12px}
.support-box.is-compact small{font-size:10.8px;line-height:1.6}
.support-box.is-compact .sp-phone{padding:2px 8px;font-size:12px}
.auth-login .brand{margin-bottom:8px}
.auth-login .auth-title-v2{margin-bottom:12px}
.auth-register .auth-card{padding:12px 20px 12px}
.auth-register .reg-steps{margin-bottom:8px}
.auth-register .reg-steps>div{padding:4px;font-size:10.5px}
.auth-register .reg-steps>div span{width:17px;height:17px;font-size:10px}
.auth-register .reg-grid{column-gap:12px;row-gap:0}
.auth-register .field-note{font-size:10px;margin-top:2px;line-height:1.4}
.auth-register .pw-rules{margin-top:3px;font-size:10px;gap:2px 10px}
.auth-register .pw-match{font-size:10.5px;min-height:0}
.auth-register .check-line{margin:2px 0 9px;font-size:12px}
.auth-register .brand{margin-bottom:6px}
.auth-register .brand .logo{width:40px;height:40px}
@media (max-width:760px){
  .auth-wrap{padding:clamp(14px,4vh,48px) 12px 12px}
  .auth-card{padding:14px 14px 12px}
  .auth-card .input,.auth-card .select{height:38px;font-size:13px}
  .auth-card .btn-block{height:40px}
  .auth-cta{height:38px}
  .auth-card .brand .logo.logo-img{width:46px;height:46px;margin-bottom:4px}
  .auth-login .brand h1{font-size:15px;line-height:1.6}
  .auth-login .brand p{font-size:11px}
  .auth-title-v2 h2{font-size:16px;padding-bottom:7px}
  .auth-title-v2 .at-ic{width:26px;height:26px}
  .auth-register .auth-card{padding:12px 12px 10px}
  .auth-register .brand{grid-template-columns:auto 1fr;text-align:start;margin-bottom:6px}
  .auth-register .brand .logo{grid-row:1/3;margin:0;width:36px;height:36px;border-radius:11px}
  .auth-register .brand .logo .ic-svg{width:20px;height:20px}
  .auth-register .brand h1{font-size:14.5px}
  .auth-register .brand p{font-size:10.5px;line-height:1.5}
  .auth-register .reg-steps{display:none}
  .auth-register .reg-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px}
  .auth-register .reg-grid .label{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .auth-register .field-note{display:none}
  .auth-register .pw-rules{font-size:9.5px}
  .auth-register .auth-sep::before,.auth-register .auth-sep::after{display:none}
  .auth-register .captcha-row{flex-wrap:nowrap}
}
.support-box.is-compact .sp-body{flex-wrap:nowrap;min-width:0}
.support-box.is-compact small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-box.is-compact .sp-phones{flex-wrap:nowrap}
@media (max-width:760px){
  .auth-register .brand{padding-inline-end:100px;min-height:36px}
  .auth-register .brand p{display:none}
  .auth-register .auth-card .auth-lang{top:10px}
}
@media (max-width:820px) and (min-width:761px){.auth-register .reg-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px) and (max-height:720px){
  .auth-wrap:has(.auth-register){padding-top:8px;padding-bottom:8px}
  .auth-register .auth-card{padding:10px 12px 8px}
  .auth-register .auth-card .field{margin-bottom:5px}
  .auth-register .auth-card .input,.auth-register .auth-card .select,.auth-register .auth-card .captcha-input{height:34px;font-size:12.5px}
  .auth-register .auth-card .captcha-img{height:34px}
  .auth-register .auth-card .label{margin-bottom:2px;font-size:11px}
  .auth-register .auth-card .btn-block{height:36px}
  .auth-register .check-line{margin:0 0 6px;font-size:11.5px}
  .auth-register .auth-links-v2{margin-top:6px}
  .auth-register .auth-cta{height:34px}
  .auth-register .support-box.is-compact{margin-top:6px;padding:5px 9px}
  .auth-register .pw-rules{margin-top:1px}
}
.auth-wrap{flex-wrap:wrap;column-gap:clamp(24px,4vw,64px)}
.auth-hero{color:#0f172a}
.auth-hero>summary{list-style:none;cursor:pointer}
.auth-hero>summary::-webkit-details-marker{display:none}
.ah-body{display:flex;flex-direction:column;gap:14px}
.ah-badge{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:6px 14px 6px 8px;border-radius:40px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 18px -10px rgba(2,6,23,.4)}
.ah-badge .app-logo{width:30px;height:30px;display:block}
.ah-badge b{font-size:17px;font-weight:900;color:#1e3a8a;letter-spacing:-.2px}
.ah-badge .ah-en{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.6px;text-transform:uppercase}
.ah-title{font-size:clamp(20px,1.9vw,27px);font-weight:900;line-height:1.55;letter-spacing:-.3px;color:#0b1f4d;margin:0}
.ah-lead{font-size:13.5px;line-height:2;color:#1e293b;margin:0;font-weight:500}
.ah-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ah-list li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#1e293b;line-height:1.7}
.ah-list li .ic-svg{flex-shrink:0;width:30px;height:30px;padding:7px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 14px -8px rgba(29,78,216,.9)}
.ah-chips{display:flex;flex-wrap:wrap;gap:7px}
.ah-chips span{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid #dbeafe;font-size:11.5px;font-weight:700;color:#1d4ed8}
@media (min-width:1100px){
  .auth-wrap{justify-content:space-between;flex-wrap:nowrap}
  .auth-hero{flex:0 1 520px;align-self:center;background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.62));backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.75);border-radius:24px;padding:26px 28px;box-shadow:0 30px 70px -30px rgba(2,6,23,.55)}
  .auth-hero>summary{display:none}
  [dir=ltr] .auth-hero{order:-1}
}
@media (max-width:1099px){
  .auth-wrap{justify-content:center}
  .auth-hero{width:100%;max-width:440px;margin-top:10px}
  .auth-box.wide-form~.auth-hero{max-width:620px}
  .auth-hero>summary{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;margin:0 auto;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:700;color:#1e3a8a;box-shadow:0 6px 16px -10px rgba(2,6,23,.45)}
  .auth-hero[open]>summary .ic-svg:last-child{transform:rotate(180deg)}
  .auth-hero>summary{position:relative;-webkit-tap-highlight-color:transparent;user-select:none}
  .auth-hero[open]>summary{z-index:80}
  .auth-hero[open]>summary::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(2,6,23,.45);animation:ahFade .2s ease}
  .auth-hero .ah-body{position:fixed;z-index:81;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(560px,calc(100vw - 24px));max-height:min(78vh,78dvh);overflow:auto;overscroll-behavior:contain;transform:translateX(-50%);padding:22px 18px 18px;border-radius:20px;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -20px rgba(2,6,23,.6);animation:ahUp .24s cubic-bezier(.2,.8,.2,1)}
  .ah-close{display:grid;place-items:center;position:absolute;top:10px;inset-inline-end:10px;width:32px;height:32px;border-radius:10px;border:1px solid var(--border2,#e2e8f0);background:#f8fafc;color:#334155;cursor:pointer}
  .ah-close:hover{background:#eef2ff}
  .ah-body .ah-badge{margin-inline-end:40px}
  .ah-title{font-size:18px}
}
@media (max-width:760px){.auth-hero{max-width:100%}}
@media (min-width:1100px){.ah-close{display:none}}
@media (max-width:1099px){
  .auth-hero{margin-top:6px}
  .auth-hero>summary{padding:4px 12px;font-size:11.5px;line-height:18px}
}
@keyframes ahUp{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes ahFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.auth-hero .ah-body,.auth-hero[open]>summary::before{animation:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.auth-hero{background:rgba(255,255,255,.94)}}
@media (min-width:1100px){[dir=ltr] .auth-wrap{justify-content:space-between}}
.sb-brand .sb-title .sb-name{font-size:17px;font-weight:900;letter-spacing:-.2px;color:#fff;line-height:1.35}
.sb-brand .sb-title .sb-desc{font-size:10.8px;font-weight:600;color:#93c5fd;line-height:1.5}
.sb-brand .sb-title[dir=ltr] .sb-name{font-size:16px;letter-spacing:.2px}
.sec-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sec-acts form{margin:0}
.cp-forgot{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;text-decoration:none}
.cp-forgot:hover{text-decoration:underline}
html[lang=en] .ah-en{display:none}
.assign-form{padding:12px}.assign-row{display:flex;gap:8px;align-items:center}.assign-row .select{flex:1;min-width:0;height:36px}
@media (min-width:761px) and (max-height:800px){
  .auth-wrap:has(.auth-register){padding-top:12px;padding-bottom:8px}
  .auth-register .auth-card .field{margin-bottom:9px}
  .auth-register .auth-card .input,.auth-register .auth-card .select{height:38px}
  .auth-register .captcha-img{height:40px}
  .auth-register .captcha-input{height:38px}
  .auth-register .reg-steps{margin-bottom:6px}
  .auth-register .check-line{margin:0 0 8px}
  .auth-register .auth-links-v2{margin-top:6px}
}
@media (max-width:760px){.auth-wrap:has(.auth-register){padding-top:min(28px,4vh)}}
@media (max-width:760px) and (max-height:700px){.auth-wrap:has(.auth-register){padding-top:6px;padding-bottom:4px}}
@media (max-width:760px) and (max-height:700px){
  .auth-register .support-box.is-compact{margin-top:8px}
  .auth-register .support-box.is-compact small{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .auth-register .support-box.is-compact b{white-space:nowrap}
  .auth-register .pw-rules{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;column-gap:8px}
  .auth-hero{margin-top:4px}
  .auth-hero>summary{padding:3px 11px;line-height:17px}
}