:root {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Vazirmatn", Tahoma, Arial, sans-serif;
  color: #182234; background: #f8fafb; font-synthesis: none;
  --ink: #182234; --muted: #687386; --line: #e5eaee; --surface: #fff;
  --canvas: #f7f9fb; --accent: #267a72; --accent2: #e7f4f0;
  --blue: #3677a9; --shadow: 0 16px 50px rgba(25,45,69,.05),0 2px 10px rgba(21,38,56,.025);
  --danger:#b84d54; --radius:20px; --header-height:72px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:85px; }
body { margin:0; min-width:320px; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
button:disabled { opacity:.5; cursor:not-allowed; }
a { color:inherit; text-decoration:none; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid #6eb9ac; outline-offset:3px;
}
::selection { background:#cde9e5; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { letter-spacing:-.04em; }
p { line-height:1.7; }
img { max-width:100%; }
button { border:0; background:none; }
.container { max-width:1180px; width:calc(100% - 48px); margin-inline:auto; }
.muted { color:var(--muted); }
.small { font-size:.85rem; }
.eyebrow { color:var(--accent); font-size:.81rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
html[lang="fa"] .eyebrow { letter-spacing:0; }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:1.18rem; font-weight:780; letter-spacing:-.055em; white-space:nowrap; }
.brand img { width:36px;height:36px;object-fit:contain; }
.brand-name { margin-block-start:-2px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px;
 padding:0 20px; background:var(--ink);color:white; border:1px solid transparent; border-radius:12px;
 font-weight:650;font-size:.91rem; line-height:1; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.button:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 7px 16px rgba(23,42,55,.11); }
.button:active:not(:disabled) { transform:translateY(0); }
.button.secondary { background:white; color:var(--ink);border-color:var(--line); }
.button.secondary:hover { background:#fafcfd; }
.button.subtle { background:#e9f4f0; color:#1f7064; }
.button.danger { background:var(--danger); }
.button.danger-outline { background:white;color:var(--danger);border-color:#efdbdd; }
.button.xs { min-height:34px;padding:0 12px;font-size:.79rem;border-radius:9px; }
.button.block { width:100%; }
.button.icon-only { width:42px;min-width:42px;padding:0; }
.button svg, .icon svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; flex-shrink:0; }
.inline-icon { display:inline-flex; vertical-align:middle; align-items:center; justify-content:center; width:20px; height:20px; }
.inline-icon svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.topbar { position:sticky;top:0;z-index:30;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,235,239,.85); }
.topbar-inner { min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.nav-links,.nav-actions { display:flex;align-items:center;gap:24px; }
.nav-links a { color:#536074;font-size:.89rem;font-weight:560;transition:color .2s; }
.nav-links a:hover { color:#172638; }
.nav-actions { gap:12px; }
.lang-switch { border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:.82rem;font-weight:700;color:#4c5c68; }
.mobile-nav-toggle { display:none; }
.mobile-public-nav { display:none; background:#fff; border-top:1px solid var(--line);padding:12px 24px 18px; }
.mobile-public-nav a { display:block;padding:10px 0;font-weight:600; }
.hero { position:relative;overflow:hidden;background:linear-gradient(164deg,#fff 0%,#fbfcfc 69%,#f6f9f9 100%); }
.hero-grid { display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:60px;min-height:610px;padding-block:84px 108px; }
.hero-copy h1 { white-space:pre-line;font-size:clamp(3rem,5.4vw,5.2rem);letter-spacing:-.073em;line-height:1.07;font-weight:765;margin:20px 0 26px; }
html[lang="fa"] .hero-copy h1 { letter-spacing:-.06em;line-height:1.29; }
.hero-copy .lead { max-width:520px;font-size:1.08rem;color:#647181;line-height:1.9;margin-bottom:30px; }
.hero-cta { display:flex;gap:12px;flex-wrap:wrap; }
.hero-note { font-size:.8rem;color:#89919e;margin-top:23px; }
.hero-visual { position:relative;padding:20px 0 22px; }
.hero-visual::before { content:"";position:absolute;inset:3% 3%;border-radius:50%;background:radial-gradient(circle,#d7eae5 0%,rgba(215,234,229,0) 68%);filter:blur(24px); }
.preview-window { position:relative;background:#fff;border:1px solid #e4e9ee;border-radius:24px;box-shadow:0 30px 80px rgba(27,51,57,.09),0 6px 20px rgba(35,57,65,.05);overflow:hidden;transform:rotate(-1deg); }
.preview-top { height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 23px; }
.preview-top .brand { font-size:.9rem; }
.preview-top .brand img { width:25px;height:25px; }
.preview-dots { display:flex;gap:6px; }
.preview-dots i { width:6px;height:6px;border-radius:50%;background:#e2e7ed; }
.preview-content { padding:30px 32px 33px; }
.preview-caption { color:#9ca7b1;font-size:.8rem;font-weight:620; }
.preview-welcome { font-size:1.7rem;margin:8px 0 24px;letter-spacing:-.055em; }
.preview-card { border:1px solid #e5eced;border-radius:17px;padding:20px;background:linear-gradient(137deg,#f5faf8,#fff 62%); }
.preview-card-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.preview-card h3 { font-size:1.03rem;margin:10px 0 3px; }
.preview-row { display:flex;justify-content:space-between;gap:15px;margin-top:21px; }
.preview-fig { font-weight:730;font-size:1rem;letter-spacing:-.03em; }
.preview-lbl { color:var(--muted);font-size:.77rem;margin-top:3px; }
.progress { width:100%;height:7px;background:#e7ecee;border-radius:30px;overflow:hidden;position:relative; }
.progress > span { display:block;height:100%;max-width:100%;border-radius:30px;background:linear-gradient(90deg,#2a8078,#78b9aa); }
.preview-card .progress { margin-top:22px; }
.preview-footer { display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px; }
.preview-tile { border:1px solid var(--line);padding:14px;border-radius:14px; }
.preview-footnote { text-align:center;font-size:.73rem;color:#98a3ad;margin:15px 0 0; }
.pill { display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#edf7f3;color:#277a65;font-weight:700;font-size:.73rem;border-radius:999px;white-space:nowrap; }
.pill.neutral { color:#6b7684;background:#f0f3f6; }
.pill.warn { color:#95672b;background:#fcf3e6; }
.pill.danger { color:#aa4a50;background:#fceff0; }
.section { padding-block:104px; }
.section.tinted { background:#f3f7f8; }
.section-heading { text-align:center;max-width:675px;margin:0 auto 51px; }
.section-heading h2 {font-size:clamp(2rem,3.6vw,3rem);line-height:1.2;margin:14px 0 17px; }
.section-heading p { color:var(--muted);font-size:1rem; }
.cards-3 { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.feature-card,.step-card { background:white;border:1px solid var(--line);border-radius:20px;padding:28px; }
.feature-card .icon-bg,.step-number { display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#e9f3f0;color:#327b71;border-radius:14px;font-weight:800; }
.feature-card h3,.step-card h3 { margin:24px 0 9px;font-size:1.1rem; }
.feature-card p,.step-card p { margin:0;color:var(--muted);font-size:.9rem; }
.step-card { background:transparent;border-color:transparent; }
.step-number { font-size:1rem; }
.pricing-card { background:white;border:1px solid var(--line);border-radius:21px;padding:27px;display:flex;flex-direction:column;gap:20px; }
.pricing-card.featured { border-color:#a7d3c5;box-shadow:0 18px 35px rgba(43,111,98,.06); }
.pricing-card h3 { font-size:1.16rem;margin:0 0 7px; }
.pricing-card .price { font-size:2rem;font-weight:770;letter-spacing:-.055em; }
.pricing-card dl { margin:0; }
.pricing-card dl div { display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:.88rem; }
.pricing-card dl dt { color:var(--muted); }
.pricing-card dl dd { margin:0;font-weight:650; }
.notice { background:#f3f7f8;border:1px solid #e4edef;padding:15px 18px;border-radius:13px;color:#5d6a76;font-size:.85rem;line-height:1.6; }
.faq-list { max-width:780px;margin:0 auto; }
.faq-list details { padding:20px 5px;border-bottom:1px solid var(--line); }
.faq-list summary {cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:670;}
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+";font-size:1.5rem;color:#7d8e91;font-weight:300; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { color:var(--muted);margin:14px 0 0; }
.site-footer { background:#fff;border-top:1px solid var(--line);padding:48px 0; }
.footer-row { display:flex;align-items:center;justify-content:space-between;gap:30px; }
.footer-links { display:flex;align-items:center;gap:23px;font-size:.83rem;color:var(--muted); }
.footer-copy { font-size:.8rem;color:#8b98a4;margin-top:12px; }
.auth-backdrop { min-height:calc(100dvh - 73px);background:#f8fafb;display:flex;align-items:center;justify-content:center;padding:58px 24px 100px; }
.auth-card { width:100%;max-width:468px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow); }
.auth-card h1 { font-size:2rem;margin:13px 0 8px; }
.auth-card .lead { color:var(--muted);font-size:.93rem;margin-bottom:28px; }
.field { display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0; }
.field label {font-size:.83rem;font-weight:680;color:#354456;}
.field input,.field textarea,.field select,.input {width:100%;min-height:45px;border:1px solid #dae2e8;border-radius:11px;padding:11px 13px;background:#fff;outline:none;color:var(--ink);font-size:.94rem;transition:border-color .15s,box-shadow .15s;}
.field textarea { min-height:100px;resize:vertical; }
.field input:focus,.field textarea:focus,.field select:focus {border-color:#70ada2;box-shadow:0 0 0 3px rgba(81,158,143,.12);}
.field .help-text { font-size:.75rem;color:#91a0aa; }
.form-row { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block:10px 21px; }
.text-link { color:var(--accent);font-size:.87rem;font-weight:670; }
.text-link:hover { text-decoration:underline; }
.form-footer { margin:25px 0 0;color:var(--muted);font-size:.86rem;text-align:center; }
.error-banner {border:1px solid #f1d2d5;color:#9a3942;background:#fff3f3;padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:.88rem;}
.success-banner {border:1px solid #cae8dd;color:#286b53;background:#f2fbf7;padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:.88rem;}
.check-row {display:flex;align-items:center;gap:10px;font-size:.84rem;cursor:pointer;color:var(--muted);}
.check-row input { accent-color:var(--accent);width:16px;height:16px; }
.app-shell { min-height:100dvh;background:var(--canvas);display:flex; }
.sidebar {width:244px;min-width:244px;display:flex;flex-direction:column;background:#fff;border-inline-end:1px solid var(--line);padding:26px 16px 18px;position:sticky;top:0;height:100dvh;z-index:40;}
.sidebar .brand { margin-inline:13px; }
.sidebar-heading { font-size:.68rem;color:#a2abb6;letter-spacing:.09em;text-transform:uppercase;margin:36px 15px 14px;font-weight:700;}
.sidebar-nav {display:flex;flex-direction:column;gap:4px;}
.sidebar-link {width:100%;display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:11px;color:#596878;font-size:.9rem;text-align:start;font-weight:570;}
.sidebar-link:hover {background:#f6f8f9;color:#182234;}
.sidebar-link.current {background:#eaf4f1;color:#206b60;font-weight:700;}
.sidebar-link .inline-icon {color:currentColor;}
.sidebar-bottom {margin-top:auto;border-top:1px solid var(--line);padding-top:16px;}
.profile-chip { padding:12px 10px;display:flex;gap:10px;align-items:center;min-width:0; }
.avatar {width:36px;height:36px;border-radius:50%;background:#e9f2ef;color:#297366;display:flex;align-items:center;justify-content:center;font-weight:750;flex-shrink:0;}
.profile-meta {min-width:0;}
.profile-meta strong,.profile-meta span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.profile-meta strong {font-size:.8rem;}
.profile-meta span {font-size:.72rem;color:var(--muted);margin-top:2px;}
.workspace {flex:1;min-width:0;}
.workspace-header {height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 36px;background:rgba(255,255,255,.83);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;}
.header-title {font-weight:740;font-size:.95rem;}
.header-actions {display:flex;align-items:center;gap:10px;}
.workspace-content {max-width:1210px;margin:0 auto;padding:42px 36px 78px;}
.page-title {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:29px;}
.page-title h1 {font-size:clamp(1.65rem,2.9vw,2.3rem);line-height:1.27;margin:0 0 8px;font-weight:750;}
.page-title p {color:var(--muted);margin:0;font-size:.91rem;}
.grid-4 {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.grid-3 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.grid-2 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.card {background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 2px 5px rgba(25,45,69,.018);min-width:0;}
.stat-card {min-height:141px;}
.stat-label {font-size:.83rem;color:var(--muted);margin-bottom:17px;}
.stat-value {font-size:1.55rem;font-weight:750;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.045em;}
.stat-sub {font-size:.77rem;color:#92a0ad;margin-top:10px;}
.section-title {font-size:1.1rem;font-weight:730;margin:0 0 20px;}
.section-row {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;}
.section-row .section-title {margin:0;}
.stack {display:flex;flex-direction:column;gap:17px;}
.toolbar {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.quick-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.quick-link {display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid var(--line);border-radius:13px;padding:18px;background:#fff;font-weight:660;font-size:.86rem;min-height:70px;text-align:start;}
.quick-link:hover {border-color:#bfdbd1;background:#fbfefd;}
.quick-link .inline-icon {color:var(--accent);}
.row {display:flex;align-items:center;gap:12px;}
.space-between {justify-content:space-between;}
.wrap {flex-wrap:wrap;}
.divider {height:1px;background:var(--line);margin:21px 0;}
.empty-state {padding:43px 18px;text-align:center;border:1px dashed #dce5e9;border-radius:16px;color:var(--muted);}
.empty-state .inline-icon {width:45px;height:45px;color:#9ba9ad; }
.empty-state .inline-icon svg {width:34px;height:34px;}
.empty-state strong {display:block;color:#4c5a67;margin:8px 0;}
.empty-state p {max-width:440px;margin:5px auto 18px;font-size:.86rem;}
.table-wrap {overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:15px;background:#fff;}
.table {width:100%;border-collapse:collapse;font-size:.86rem;white-space:nowrap;}
.table th {text-align:start;padding:14px 17px;color:#7a8693;font-size:.75rem;font-weight:700;background:#fafcfc;border-bottom:1px solid var(--line);}
.table td {padding:17px;border-bottom:1px solid #edf1f3;max-width:290px;overflow:hidden;text-overflow:ellipsis;}
.table tr:last-child td {border-bottom:none;}
.table tbody tr:hover {background:#fafcfd;}
.table .action-cell {overflow:visible;}
.link-button {padding:5px 0;color:var(--accent);font-weight:650;font-size:.85rem;}
.link-button:hover {text-decoration:underline;}
.config-box {border:1px solid #dce9e5;background:#f7fbfa;border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px;}
.config-box code {font: .78rem ui-monospace,SFMono-Regular,Consolas,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;}
.code-preview {font: .85rem ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;overflow-wrap:anywhere;background:#f7f9fa;border:1px solid var(--line);padding:15px;border-radius:12px;user-select:all;}
.qr-container {padding:17px;border:1px solid var(--line);display:inline-block;border-radius:14px;background:white;}
.qr-container img {width:210px;height:210px;display:block;}
.meter {margin:22px 0;}
.meter .progress {height:10px;}
.meter-row {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.85rem;color:var(--muted);}
.chart {height:190px;display:flex;gap:5px;align-items:flex-end;padding:20px 0 8px;border-bottom:1px solid var(--line);border-radius:12px;}
.chart-bar {flex:1;min-width:4px;max-width:28px;border-radius:7px 7px 0 0;background:#a5d5c8;transition:height .3s;position:relative;}
.chart-bar:hover {background:var(--accent);}
.chart-caption {font-size:.74rem;color:var(--muted);margin-top:12px;}
.timeline {display:flex;flex-direction:column;gap:0;}
.timeline-item {display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);}
.timeline-item:last-child {border:none;}
.timeline-dot {width:9px;height:9px;margin-top:6px;border-radius:50%;background:#8cbaa9;flex-shrink:0;}
.timeline-info {flex:1;min-width:0;}
.timeline-info strong {font-size:.88rem;}
.timeline-info p {font-size:.77rem;color:var(--muted);margin:5px 0 0;word-break:break-word;}
.timeline-info time {font-size:.77rem;color:#9ba5ae;}
.ticket-list {display:flex;flex-direction:column;gap:9px;}
.ticket-row {width:100%;text-align:start;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:white;border-radius:13px;padding:17px;}
.ticket-row:hover {background:#f8fbfa;}
.message {border-radius:16px;padding:15px 18px;margin-bottom:12px;max-width:88%;background:#f1f4f6;}
.message.own {background:#e8f4f0;margin-inline-start:auto;}
.message p {white-space:pre-wrap;margin:0;font-size:.87rem;overflow-wrap:anywhere;}
.message time {font-size:.7rem;color:#87949e;display:block;margin-top:7px;}
.form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;}
.form-actions {display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;}
.big-toggle {position:relative;display:inline-flex;align-items:center;width:44px;height:26px;border-radius:30px;background:#d6dee2;flex-shrink:0;transition:background .18s;}
.big-toggle.on {background:var(--accent);}
.big-toggle::after {content:"";width:20px;height:20px;position:absolute;inset-inline-start:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.12);transition:transform .18s;}
.big-toggle.on::after {transform:translateX(18px);}
html[dir="rtl"] .big-toggle.on::after {transform:translateX(-18px);}
.setting-row {display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);}
.setting-row:last-child {border-bottom:0;}
.setting-row strong {font-size:.91rem;}
.setting-row .muted {font-size:.83rem;}
.overlay {position:fixed;inset:0;background:rgba(14,26,39,.43);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;}
.dialog {width:min(100%,500px);max-height:90dvh;overflow:auto;background:white;border-radius:21px;box-shadow:0 30px 80px rgba(10,30,45,.2);padding:28px;}
.dialog h2 {font-size:1.35rem;margin:0 0 12px;}
.dialog p {color:var(--muted);font-size:.9rem;}
.dialog-actions {display:flex;justify-content:flex-end;gap:10px;margin-top:24px;}
.toast {position:fixed;inset-inline-end:20px;bottom:22px;padding:13px 17px;color:#fff;background:#203a42;border-radius:13px;box-shadow:0 12px 40px rgba(0,0,0,.15);font-size:.89rem;max-width:min(420px,calc(100vw - 40px));z-index:100;animation:pop .2s ease;}
.toast.is-error {background:#a64c54;}
@keyframes pop {from {transform:translateY(9px);opacity:0;}to {transform:translateY(0);opacity:1;}}
.skeleton {background:linear-gradient(90deg,#e9eff2,#f5f8f9,#e9eff2);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px;height:18px;}
@keyframes shimmer {from {background-position:100% 0}to {background-position:-100% 0}}
.mobile-menu-overlay {display:none;}
.onboard {background:#eff8f5;color:#477366;padding:14px 18px;border-radius:13px;margin-bottom:19px;font-size:.85rem;}
.success-pill {color:#28826d;background:#ebf8f2;padding:4px 8px;border-radius:9px;font-size:.75rem;font-weight:700;}
.no-break {white-space:nowrap;}
html[dir="rtl"] .chart { direction:ltr; }
html[dir="rtl"] .stat-value,html[dir="rtl"] .preview-fig {letter-spacing:0;}
html[dir="rtl"] .table th {text-align:right;}
html[dir="rtl"] .table td {text-align:right;}
html[dir="rtl"] .hero-copy h1 {line-height:1.25;}
html[dir="rtl"] .sidebar-link {text-align:right;}
html[dir="rtl"] .ticket-row {text-align:right;}
@media (max-width:1080px) {
 .hero-grid {gap:35px;}
 .grid-4 {grid-template-columns:repeat(2,minmax(0,1fr));}
 .workspace-content {padding:34px 24px 70px;}
 .workspace-header {padding-inline:24px;}
 .sidebar {width:225px;min-width:225px;}
}
@media (max-width:800px) {
 .nav-links {display:none;}
 .mobile-nav-toggle {display:inline-flex;}
 .mobile-public-nav.visible {display:block;}
 .hero-grid {grid-template-columns:1fr;gap:25px;min-height:auto;padding-block:62px 80px;}
 .hero-copy h1 {max-width:650px;}
 .hero-visual {width:min(100%,540px);margin:auto;}
 .cards-3 {grid-template-columns:1fr;}
 .section {padding-block:72px;}
 .footer-row {flex-direction:column;align-items:flex-start;}
 .sidebar {position:fixed;inset-block:0;inset-inline-start:0;transform:translateX(-103%);transition:transform .2s;box-shadow:0 0 30px transparent;}
 html[dir="rtl"] .sidebar {transform:translateX(103%);}
 .sidebar.mobile-open,html[dir="rtl"] .sidebar.mobile-open {transform:translateX(0);box-shadow:0 0 50px rgba(0,0,0,.1);}
 .mobile-menu-overlay.open {display:block;position:fixed;inset:0;z-index:35;background:rgba(10,30,40,.37);}
 .workspace-header {height:65px;}
}
@media (max-width:590px) {
 .container {width:calc(100% - 34px);}
 .topbar-inner {min-height:66px;}
 .topbar-inner {gap:8px;}
 .nav-actions {gap:6px;}
 .nav-actions > .button {padding-inline:11px;font-size:.82rem;}
 .nav-actions > .mobile-nav-toggle {padding:0;}
 .topbar .brand {gap:6px;font-size:1rem;}
 .topbar .brand img {width:30px;height:30px;}
 .hero-grid {padding-block:53px 67px;}
 .hero-copy h1 {font-size:clamp(2.65rem,11vw,3.45rem);}
 .hero-copy .lead {font-size:.97rem;}
 .hero-cta {flex-direction:column;align-items:stretch;}
 .hero-cta .button {width:100%;}
 .preview-content {padding:22px 18px;}
 .preview-row {gap:7px;}
 .preview-fig {font-size:.85rem;}
 .preview-card {padding:15px;}
 .preview-window {transform:none;}
 .grid-4,.grid-3,.grid-2,.form-grid,.quick-grid {grid-template-columns:1fr;}
 .page-title {flex-direction:column;}
 .page-title h1 {font-size:1.8rem;}
 .card {padding:19px;}
 .workspace-content {padding:26px 16px 72px;}
 .workspace-header {padding-inline:16px;}
 .stat-card {min-height:115px;}
 .auth-card {padding:27px 20px;}
 .auth-backdrop {padding:30px 15px 60px;}
 .footer-links {flex-wrap:wrap;gap:14px;}
 .table {font-size:.81rem;}
 .table th,.table td {padding:13px;}
 .dialog {padding:22px;}
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after {transition:none!important;animation:none!important;scroll-behavior:auto!important;}
}

/* Static layout rules stay external so the strict CSP can remain enabled. */
.mt-17 { margin-top:17px; }
.mt-18 { margin-top:18px; }
.mt-19 { margin-top:19px; }
.mt-20 { margin-top:20px; }
.mt-21 { margin-top:21px; }
.mt-22 { margin-top:22px; }
.mt-24 { margin-top:24px; }
.mb-19 { margin-bottom:19px; }
.mb-20 { margin-bottom:20px; }
.align-start { align-items:flex-start; }
.policy-container { max-width:760px; }
.policy-card { padding:clamp(24px,5vw,48px); }
.policy-heading { font-size:clamp(2rem,4vw,3rem);margin:17px 0; }
.policy-description { margin:8px 0 0; }
.guide-steps { line-height:2; }
.config-hint { margin:13px 0; }
.ticket-heading { margin:22px 0 16px; }
.toolbar-field { margin:0;flex:1; }
.notification-checkbox { accent-color:var(--accent);width:19px;height:19px; }
.skeleton-title { width:60%;height:25px;margin-bottom:20px; }
.skeleton-wide { width:95%; }
.skeleton-following { width:85%;margin-top:15px; }