:root{--color-primary:#1e40af;--color-primary-strong:#1e3a8a;--color-primary-soft:#eff6ff;--color-primary-subtle:#dbeafe;--color-primary-on-primary:#fff;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-muted:#f1f5f9;--color-text:#0f172a;--color-text-muted:#64748b;--color-line:#e2e8f0;--color-line-strong:#cbd5e1;--color-success:#2563eb;--color-success-bg:#dbeafe;--color-success-text:#1e40af;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-error-text:#b91c1c;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-info-text:#1e40af;--status-new-bg:#dbeafe;--status-new-text:#1e40af;--status-new-border:#3b82f6;--status-open-bg:#fef3c7;--status-open-text:#92400e;--status-open-border:#f59e0b;--status-waiting-bg:#f3e8ff;--status-waiting-text:#6b21a8;--status-waiting-border:#a855f7;--status-closed-bg:#dbeafe;--status-closed-text:#1e40af;--status-closed-border:#2563eb;--payment-pending-bg:#fef3c7;--payment-pending-text:#92400e;--payment-paid-bg:#dbeafe;--payment-paid-text:#1e40af;--payment-failed-bg:#fee2e2;--payment-failed-text:#b91c1c;--payment-refunded-bg:#f3f4f6;--payment-refunded-text:#374151;--shadow-sm:0 1px 2px #17211d0d;--shadow-md:0 4px 6px #17211d14;--shadow-lg:0 18px 50px #17211d14;--shadow-xl:0 25px 50px #17211d1f;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--transition-fast:.15s ease-out;--transition-normal:.25s ease-out;--transition-slow:.35s ease-out}[lang=fa],[lang=fa-IR]{--font-sans:"Vazirmatn", "IRANSans", ui-sans-serif, system-ui, sans-serif}[dir=rtl]{--text-align-start:right;--text-align-end:left}[dir=ltr]{--text-align-start:left;--text-align-end:right}:root{--background:var(--color-bg);--surface:var(--color-surface);--surface-muted:var(--color-surface-muted);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-line);--accent:var(--color-primary);--accent-strong:var(--color-primary-strong);--shadow:var(--shadow-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{border-right:1px solid var(--line);background:#fbfdfc;min-width:0;padding:24px 18px;overflow-x:hidden}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:13px;line-height:1.4}.nav-list{gap:6px;display:grid}.nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:650;display:flex}.nav-item.active,.nav-item:hover{background:var(--surface-muted);color:var(--accent-strong)}.nav-group{flex-direction:column;gap:0;display:flex}.nav-sublist{gap:2px;margin-top:4px;margin-left:30px;display:grid}.nav-subitem{color:var(--muted);border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:0 10px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-subitem:before{content:"";border:1px solid var(--line);background:0 0;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.nav-subitem.active{background:var(--surface-muted);color:var(--accent-strong)}.nav-subitem.active:before{background:var(--accent);border-color:var(--accent)}.nav-subitem:hover{background:var(--surface-muted)}.workspace{min-width:0;max-width:100%;padding:28px;overflow-x:hidden}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar h1{margin:0 0 8px;font-size:clamp(28px,4vw,38px);line-height:1.05}.topbar p,.panel-header p,.detail-header p{color:var(--muted);overflow-wrap:anywhere;margin:0}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button,.staff-button{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:inline-flex}.icon-button{justify-content:center;width:40px;padding:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric,.conversation-panel,.detail-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric{padding:18px}.metric span{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.metric strong{font-size:30px;line-height:1}.shortcuts-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.shortcut-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);align-items:flex-start;gap:var(--space-4);color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.shortcut-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.shortcut-card-icon{background:var(--bg-muted);border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.shortcut-card-content{flex:1;min-width:0}.shortcut-card-content strong{margin-bottom:var(--space-1);font-size:var(--text-lg);display:block}.shortcut-card-content p{font-size:var(--text-sm);margin:0;line-height:1.4}.inbox-layout{grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);gap:18px;display:grid}.panel-header,.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.panel-header h2,.detail-header h2{margin:0 0 4px;font-size:18px}.search-box{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:8px;min-width:210px;min-height:38px;padding:0 10px;display:flex}.search-box input{border:0;outline:0;width:100%}.conversation-list{display:grid}.conversation-row{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 18px;display:grid}.conversation-row+.conversation-row{border-top:1px solid var(--line)}.avatar{background:var(--color-primary-subtle);color:var(--accent-strong);border-radius:8px;justify-content:center;align-items:center;height:44px;font-weight:800;display:flex}.conversation-main{min-width:0}.conversation-title,.row-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.conversation-title{justify-content:space-between}.conversation-title span,.row-meta{color:var(--muted);font-size:12px}.conversation-main p{color:#34413c;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 10px;overflow:hidden}.row-meta span{background:var(--surface-muted);border-radius:999px;padding:4px 8px}.detail-panel{align-self:start}.detail-header{justify-content:flex-start}.detail-header svg{color:var(--accent);flex:none}.stage-list{gap:14px;margin:0;padding:18px;list-style:none;display:grid}.stage-list li{color:#34413c;align-items:center;gap:10px;min-height:28px;display:flex}.stage-list svg{color:var(--accent)}.pending-dot{border:2px solid var(--line);border-radius:999px;width:18px;height:18px;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;max-width:100%;padding:16px 12px}.brand{gap:8px;margin-bottom:16px}.brand span{display:none}.nav-list{grid-template-columns:repeat(5,minmax(42px,1fr));gap:4px}.nav-item{justify-content:center;min-width:0;padding:0}.nav-item span{display:none}.workspace{padding:16px}.metric-grid,.inbox-layout{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column;align-items:stretch}.filters-left,.filters-right{justify-content:space-between;width:100%}}@media (max-width:720px){.app-shell,.workspace,.sidebar{min-width:0;max-width:100%}.workspace{padding:12px}.inbox-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.inbox-header p{max-width:30ch}.header-actions{justify-content:flex-end;width:100%}.topbar,.panel-header{flex-direction:column;align-items:stretch}.topbar p{max-width:30ch}.metric-grid,.inbox-layout,.profile-layout{grid-template-columns:1fr;min-width:0}.filters-bar{padding:var(--space-3)}.filters-left{gap:var(--space-2)}.search-box{flex:1;width:100%;min-width:0!important}.conversation-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:40px minmax(0,1fr)}.conversation-preview{-webkit-line-clamp:2;max-height:2.4em}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-meta{gap:var(--space-1)}.filters-expanded{gap:var(--space-3);padding:var(--space-3)}.filter-group{width:100%}.filter-chips{gap:var(--space-1)}.conversation-stats{gap:var(--space-4);flex-wrap:wrap}}@media (max-width:480px){.workspace{padding:var(--space-3)}.inbox-header h1{font-size:var(--text-xl)}.header-actions{flex-wrap:wrap}.staff-button{flex:1;min-width:0}.filters-left{flex-direction:column;align-items:stretch;width:100%}.filter-toggle{justify-content:center;width:100%}.search-box{width:100%}.filters-right{text-align:center;width:100%}}.inbox-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:var(--space-3);display:flex}.filters-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex;overflow:hidden}.filters-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.filters-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.search-box{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);align-items:center;gap:var(--space-2);min-width:140px;min-height:38px;padding:0 var(--space-3);flex:1;width:auto;display:flex;position:relative}[dir=rtl] .search-box{padding:0 var(--space-3)}.search-box input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;width:100%;padding:0}.search-box input::placeholder{color:var(--muted)}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.search-clear:hover{color:var(--text)}.filter-toggle{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);transition:all var(--transition-fast);font-weight:500;display:flex}.filter-toggle:hover{background:var(--surface-muted);color:var(--text)}.filter-toggle.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.filter-count{background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.text-button{color:var(--color-primary);cursor:pointer;font:inherit;font-size:var(--text-sm);background:0 0;border:0;padding:0;text-decoration:underline}.text-button:hover{color:var(--color-primary-strong)}.result-count{color:var(--muted);font-size:var(--text-sm)}.filters-expanded{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);display:grid}.filter-group{gap:var(--space-2);flex-direction:column;display:flex}.filter-label{color:var(--muted);font-size:var(--text-sm);font-weight:600}.filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{background:var(--color-bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:var(--text-sm);min-height:28px;padding:0 var(--space-3);transition:all var(--transition-fast);border-radius:999px;align-items:center;font-weight:500}.filter-chip:hover{background:var(--surface-muted);color:var(--text)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.conversation-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:calc(100vh - var(--space-12) - var(--space-10) - var(--space-5) - var(--space-4) - var(--space-10));flex-direction:column;display:flex;overflow:hidden}.conversation-list{flex-direction:column;display:flex;overflow-y:auto}.conversation-row{cursor:pointer;gap:var(--space-3);padding:var(--space-4);transition:background var(--transition-fast);grid-template-columns:44px minmax(0,1fr);display:grid;position:relative}.conversation-row:hover{background:var(--color-bg)}.conversation-row.active{background:var(--color-primary-soft)}[dir=rtl] .conversation-row{grid-template-columns:44px minmax(0,1fr)}.conversation-row.unread{background:linear-gradient(to left, var(--color-primary-soft), transparent)}[dir=rtl] .conversation-row.unread{background:linear-gradient(to right, var(--color-primary-soft), transparent)}.conversation-preview{color:#34413c;margin:var(--space-2) 0 var(--space-2);-webkit-line-clamp:2;line-height:var(--leading-normal);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.provider-badge,.status-badge,.assignee-badge{background:var(--surface-muted);color:var(--muted);padding:2px var(--space-2);border-radius:999px;font-size:11px}.unread-badge{background:var(--color-primary);color:#fff;start:var(--space-2);min-width:20px;height:20px;top:var(--space-2);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute}.detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:calc(100vh - var(--space-12) - var(--space-10) - var(--space-5) - var(--space-4) - var(--space-10));flex-direction:column;display:flex;overflow:hidden}.detail-panel.empty{justify-content:center;align-items:center}.detail-header{border-bottom:1px solid var(--line);padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.detail-header-info h2{font-size:var(--text-lg);margin:0 0 var(--space-1)}.detail-header-info p{color:var(--muted);font-size:var(--text-sm);margin:0}.detail-header-actions{align-items:center;gap:var(--space-2);display:flex}.status-select{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);min-height:32px;padding:0 var(--space-3)}.message-preview{padding:var(--space-4);flex:1;overflow-y:auto}.preview-notice{background:var(--color-info-bg);border-radius:var(--radius-sm);color:var(--color-info-text);align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center;flex-direction:column;display:flex}.preview-notice p{font-size:var(--text-sm);margin:0;font-weight:600}.preview-notice small{opacity:.8;font-size:11px}.preview-messages{gap:var(--space-3);flex-direction:column;display:flex}.message-bubble{background:var(--surface-muted);border-radius:var(--radius-md);max-width:80%;padding:var(--space-3) var(--space-4);position:relative}.message-bubble.inbound{background:var(--surface-muted);align-self:flex-start}.message-bubble.outbound{background:var(--color-primary);color:#fff;align-self:flex-end}.message-bubble p{margin:0}.message-time{color:var(--muted);margin-top:var(--space-2);font-size:11px}.message-bubble.outbound .message-time{color:#ffffffb3}.conversation-stats{border-top:1px solid var(--line);align-items:center;gap:var(--space-6);padding:var(--space-4);display:flex}.stat-item{gap:var(--space-1);flex-direction:column;display:flex}.stat-label{color:var(--muted);font-size:11px}.stat-value{font-weight:600}.stat-value.priority-urgent{color:var(--color-error)}.stat-value.priority-high{color:var(--color-warning)}.stat-value.priority-normal{color:var(--color-success)}.stat-value.priority-low{color:var(--muted)}.conversation-detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:calc(100vh - 200px);display:flex;overflow:hidden}.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);display:flex}.detail-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.detail-customer-info{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.detail-customer-name{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-customer-name strong{font-size:var(--text-lg);font-weight:var(--font-semibold)}.customer-name-fa{color:var(--muted);font-size:var(--text-sm)}.detail-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.provider-badge{background:var(--surface-muted);color:var(--text-muted);padding:4px var(--space-2);border-radius:999px;align-items:center;gap:4px;font-size:11px;display:flex}.status-badge{padding:4px var(--space-2);border-radius:999px;font-size:11px}.status-badge.status-new{background:var(--status-new-bg);color:var(--status-new-text)}.status-badge.status-open{background:var(--status-open-bg);color:var(--status-open-text)}.status-badge.status-waiting_staff,.status-badge.status-waiting_customer{background:var(--status-waiting-bg);color:var(--status-waiting-text)}.status-badge.status-closed{background:var(--status-closed-bg);color:var(--status-closed-text)}.assignee-badge{background:var(--color-info-bg);color:var(--color-info-text);padding:4px var(--space-2);border-radius:999px;align-items:center;gap:4px;font-size:11px;display:flex}.detail-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.dropdown{position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}[dir=rtl] .dropdown-menu{left:auto;right:0}.dropdown-menu button{color:var(--text);align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:start;background:0 0;border:0;width:100%;display:flex}.dropdown-menu button:hover{background:var(--color-bg)}.dropdown-menu button:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-menu button:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.messages-timeline{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-item{display:flex}.message-item.inbound{justify-content:flex-start}.message-item.outbound{justify-content:flex-end}.message-bubble{background:var(--surface-muted);border-radius:var(--radius-lg);max-width:80%;padding:var(--space-3) var(--space-4)}.message-item.inbound .message-bubble{background:var(--surface-muted);border-bottom-start-radius:4px}.message-item.outbound .message-bubble{background:var(--color-primary);color:#fff;border-bottom-end-radius:4px}[dir=rtl] .message-item.inbound .message-bubble{border-bottom-start-radius:var(--radius-lg);border-bottom-end-radius:4px}[dir=rtl] .message-item.outbound .message-bubble{border-bottom-end-radius:var(--radius-lg);border-bottom-start-radius:4px}.message-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.message-sender{font-size:11px;font-weight:600}.message-item.outbound .message-sender{color:#ffffffe6}.message-time{color:var(--muted);font-size:10px}.message-item.outbound .message-time{color:#ffffffb3}.message-text{line-height:var(--leading-normal);word-wrap:break-word;margin:0}.delivery-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.delivery-queued{color:#3b82f6;background:#3b82f626}.message-item.outbound .delivery-queued{color:#ffffffe6;background:#fff3}.delivery-sent{color:#2563eb;background:#2563eb26}.message-item.outbound .delivery-sent{color:#ffffffe6;background:#fff3}.delivery-failed{color:#ef4444;background:#ef444426}.message-item.outbound .delivery-failed{color:#fecaca;background:#ef44444d}.message-attachment{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:#0000000d;font-size:12px;display:flex}.message-item.outbound .message-attachment{color:#ffffffe6;background:#fff3}.notes-toggle{border:0;border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);background:0 0;width:100%;font-weight:500;display:flex}.notes-toggle:hover{background:var(--color-bg);color:var(--text)}.notes-count{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.notes-panel{background:var(--color-bg);border-top:1px solid var(--line);flex-direction:column;max-height:250px;display:flex;overflow:hidden}.notes-list{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.notes-empty{color:var(--muted);font-size:var(--text-sm);text-align:center;margin:var(--space-4) 0}.note-author{color:var(--color-primary);font-size:12px;font-weight:600}.note-form{border-top:1px solid var(--line);padding:var(--space-4)}.note-form-actions{gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.reply-composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin:var(--space-4);overflow:hidden}.composer-toolbar{background:var(--color-bg);border-bottom:1px solid var(--line);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.composer-input{padding:var(--space-3)}.reply-textarea{background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-base);line-height:var(--leading-normal);resize:none;border:0;width:100%}.reply-textarea:focus{outline:none}.reply-textarea::placeholder{color:var(--muted)}.composer-actions{background:var(--color-bg);border-top:1px solid var(--line);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.composer-hint{color:var(--muted);font-size:11px}.button-small{min-height:28px;padding:0 var(--space-3);font-size:12px}.text-muted{color:var(--muted)}.mobile-only{display:none}.loading-state,.empty-state{align-items:center;gap:var(--space-3);min-height:200px;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;display:flex}.loading-state p,.empty-state p{color:var(--muted);margin:0}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[dir=rtl] .unread-badge{right:auto;left:var(--space-2)}[dir=rtl] .filter-chip{text-align:right}.login-page{background:linear-gradient(135deg, var(--color-bg) 0%, #e8f0f5 100%);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;width:100%;display:flex;overflow-x:hidden}.login-container{gap:var(--space-8);flex-direction:column;width:100%;max-width:420px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);position:relative;overflow:hidden}.login-brand{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.login-brand .brand-mark{background:var(--color-primary);color:#fff;font-size:20px}.login-brand strong{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-tight);display:block}.login-brand span{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);display:block}.login-header{margin-bottom:var(--space-8);text-align:left}.login-header h1{color:var(--color-text);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-2)}.login-header p{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.form-group input{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-normal);min-height:44px;padding:var(--space-3) var(--space-4);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.form-group input:hover{border-color:var(--color-line-strong)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f7f701a}.form-group input:disabled{background:var(--color-bg);cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--color-text-muted)}.form-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-text);align-items:center;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-snug);min-height:44px;padding:var(--space-3) var(--space-4);display:flex}.form-error svg{flex-shrink:0}.button-full{justify-content:center;width:100%}.login-website-link{border-top:1px solid var(--color-line);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.login-external-link{color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);transition:color .15s;display:inline-flex}.login-external-link:hover{color:var(--color-primary)}.login-footer{text-align:center}.login-footer p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (max-width:480px){.login-page{padding:var(--space-4);align-items:flex-start}.login-container{gap:var(--space-6)}.login-card{padding:var(--space-6)}.login-brand .brand-mark{width:36px;height:36px;font-size:18px}.login-header h1{font-size:var(--text-2xl)}.login-header p{font-size:var(--text-sm)}}@media (max-width:980px){.inbox-layout{grid-template-columns:1fr}.search-box{min-width:0!important}.detail-panel,.conversation-detail-panel{display:none}.inbox-layout .conversation-detail-panel{z-index:var(--z-modal);border-radius:0;max-height:100vh;display:flex;position:fixed;inset:0}.mobile-only{display:flex}.filters-bar{gap:var(--space-3);flex-direction:column}.filters-left,.filters-right{flex-wrap:wrap;width:100%}}@media (max-width:720px){.inbox-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.inbox-header p{max-width:30ch}.header-actions{justify-content:flex-end}.filters-bar{align-items:stretch;gap:var(--space-3);flex-direction:column}.filters-left{flex-direction:column;align-items:stretch;width:100%;min-width:0!important}.filters-right,.filter-toggle{justify-content:center;width:100%}.conversation-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:40px minmax(0,1fr)}.conversation-preview{-webkit-line-clamp:2;max-height:2.4em}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-meta{gap:var(--space-1)}.filters-expanded{gap:var(--space-3)}.filter-group{width:100%}.filter-chips{gap:var(--space-1)}.conversation-stats{gap:var(--space-4);flex-wrap:wrap}.conversation-detail-panel{max-height:100vh}.detail-header{padding:var(--space-3);flex-wrap:wrap}.detail-badges{flex-wrap:wrap}.message-bubble{max-width:90%}.reply-composer{margin:var(--space-3)}.composer-actions{gap:var(--space-2);flex-wrap:wrap}}.profile-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);display:flex}.header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.back-button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);min-width:40px;min-height:40px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.back-button:hover{background:var(--surface-muted);border-color:var(--color-line-strong)}.header-avatar{align-items:center;gap:var(--space-3);min-width:0;display:flex}.header-avatar .avatar{width:56px;height:56px;font-size:var(--text-xl);flex-shrink:0}.header-avatar-info h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-1);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-name-fa{color:var(--muted);font-size:var(--text-base);margin:0}.header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.profile-stats-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:var(--space-6);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);display:flex}.profile-stat{align-items:center;gap:var(--space-2);min-width:0;display:flex}.stat-icon{color:var(--color-primary);flex-shrink:0}.stat-label{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.stat-value{font-weight:var(--font-semibold);font-size:var(--text-base)}.profile-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.profile-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.profile-activity{flex-direction:column;min-width:0;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line);display:flex}.card-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.contact-info{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.info-row{align-items:flex-start;gap:var(--space-3);grid-template-columns:auto 1fr;display:grid}.info-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.info-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.info-value{color:var(--text);font-size:var(--text-base);word-break:break-word}.info-value[dir=ltr]{font-family:var(--font-mono)}.info-value a{color:var(--color-primary);transition:color var(--transition-fast)}.info-value a:hover{color:var(--color-primary-strong);text-decoration:underline}.lifecycle-select{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);max-width:100%;min-height:32px;padding:4px var(--space-3)}.identities-list{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.identity-row{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.identity-icon{font-size:var(--text-lg);flex-shrink:0}.identity-info{flex-direction:column;gap:2px;min-width:0;display:flex}.identity-provider{font-weight:var(--font-semibold);font-size:var(--text-sm)}.identity-username,.identity-display-name{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity-id{color:var(--muted);font-family:var(--font-mono);flex-shrink:0;font-size:11px}.tags-list{gap:var(--space-2);padding:var(--space-4);flex-wrap:wrap;display:flex}.tag-badge{font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:999px;display:inline-flex}.tag-remove{color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:0;align-items:center;padding:0;display:flex}.tag-remove:hover{opacity:1}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:0;display:flex;overflow-x:auto}.tab{border-radius:var(--radius-md);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:0}.tab:hover{background:var(--color-bg);color:var(--text)}.tab.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.tab-content{background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;max-height:500px;display:flex;overflow:hidden}.activity-list{padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.activity-item{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);grid-template-columns:auto 1fr;text-decoration:none;display:grid}.activity-item:hover{background:var(--surface-muted);border-color:var(--color-line-strong)}.activity-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-main{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.activity-header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.activity-provider{font-weight:var(--font-semibold);font-size:var(--text-sm)}.activity-preview{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.activity-time{color:var(--muted);font-size:11px}.payment-amount{font-weight:var(--font-semibold);font-size:var(--text-sm)}.payment-status{padding:2px var(--space-2);border-radius:999px;font-size:11px}.payment-status.payment-pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-status.payment-paid{background:var(--payment-paid-bg);color:var(--payment-paid-text)}.payment-status.payment-failed{background:var(--payment-failed-bg);color:var(--payment-failed-text)}.notes-section{flex-direction:column;max-height:500px;display:flex;overflow:hidden}.add-note-form{border-bottom:1px solid var(--line);padding:var(--space-4)}.note-textarea{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);min-height:80px;padding:var(--space-3);resize:vertical;width:100%}.note-textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.note-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.add-note-button{background:var(--color-bg);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);transition:all var(--transition-fast);justify-content:center;width:100%;display:flex}.add-note-button:hover{background:var(--surface-muted);border-color:var(--color-line-strong);color:var(--text)}.notes-list{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.note-item{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.note-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.note-author{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-primary)}.note-time{color:var(--muted);font-size:11px}.note-body{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}.button-primary{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);transition:background var(--transition-fast);border:0;justify-content:center;display:inline-flex}.button-primary:hover:not(:disabled){background:var(--color-primary-strong)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);transition:all var(--transition-fast);background:0 0;justify-content:center;display:inline-flex}.button-secondary:hover{background:var(--color-bg);border-color:var(--color-line-strong)}.button-danger{border-color:var(--color-error);color:var(--color-error)}.button-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.icon-button.button-danger{border-color:var(--color-error);color:var(--color-error)}.icon-button.button-danger:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.empty-state-small{align-items:center;gap:var(--space-2);min-height:80px;padding:var(--space-4);text-align:center;flex-direction:column;justify-content:center;display:flex}.empty-state-small p{color:var(--muted);font-size:var(--text-sm);margin:0}.empty-hint{color:var(--muted);margin:0;font-size:11px}.error-state{justify-content:center;align-items:center;min-height:200px;display:flex}.error-state p{color:var(--color-error);font-size:var(--text-lg)}@media (max-width:980px){.profile-layout{grid-template-columns:1fr}}@media (max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-stats-bar{gap:var(--space-4);flex-wrap:wrap}.profile-stats-bar .profile-stat{min-width:calc(50% - var(--space-2))}}@media (max-width:768px){.profile-header{align-items:stretch;gap:var(--space-4);flex-direction:column}.header-left{flex-direction:column;align-items:flex-start;width:100%;min-width:0}.header-avatar{width:100%}.header-avatar-info h1{font-size:var(--text-xl);word-break:break-word;min-width:0}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.profile-stats-bar{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.profile-stat{min-width:0}.tab-content{max-height:400px}.activity-preview{-webkit-line-clamp:2}.identity-row{padding:var(--space-3);grid-template-columns:auto 1fr}.identity-id{display:none}}@media (max-width:480px){.workspace{padding:var(--space-3)}.profile-stats-bar{gap:var(--space-2);grid-template-columns:1fr}.profile-stat{justify-content:flex-start;min-width:0}.header-avatar-info h1{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-avatar .avatar{width:48px;height:48px;font-size:var(--text-lg)}.header-name-fa{font-size:var(--text-sm)}.tabs{padding:var(--space-2);overflow-x:auto}.tab{padding:0 var(--space-2);white-space:nowrap;min-height:32px;font-size:12px}.card{border-radius:var(--radius-md)}.card-header{padding:var(--space-3)}.card-header h2{font-size:var(--text-base)}.contact-info,.identities-list,.tags-list{padding:var(--space-3)}.info-row{gap:var(--space-2);grid-template-columns:24px 1fr}.activity-item{padding:var(--space-3);gap:var(--space-2);grid-template-columns:28px 1fr}.note-item{padding:var(--space-3)}.conversation-detail-panel .detail-header{gap:var(--space-2)}.conversation-detail-panel .detail-customer-name{flex-direction:column;align-items:flex-start}.conversation-detail-panel .detail-badges{gap:var(--space-1)}.conversation-detail-panel .message-bubble{max-width:95%;padding:var(--space-2) var(--space-3)}.conversation-detail-panel .reply-textarea{font-size:var(--text-sm)}.conversation-detail-panel .composer-actions{flex-direction:column;align-items:stretch}.conversation-detail-panel .button-primary{width:100%}}#__next{dir:rtl}html,body{min-width:320px;max-width:100%;overflow-x:hidden}img,svg{max-width:100%;height:auto}.payments-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.payments-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:calc(100vh - 240px);display:flex;overflow:hidden}.payments-list{flex-direction:column;display:flex;overflow-y:auto}.payment-row{border-bottom:1px solid var(--line);cursor:pointer;padding:var(--space-4);transition:background var(--transition-fast)}.payment-row:hover{background:var(--color-bg)}.payment-row.active{background:var(--color-primary-soft)}.payment-main{gap:var(--space-2);flex-direction:column;display:flex}.payment-header-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.payment-customer{font-size:var(--text-base);font-weight:var(--font-semibold)}.payment-amount-row{align-items:center;gap:var(--space-3);display:flex}.payment-amount{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.payment-method{color:var(--muted);font-size:var(--text-sm)}.payment-meta-row{align-items:center;gap:var(--space-3);display:flex}.payment-invoice{color:var(--muted);font-family:var(--font-mono);font-size:11px}.payment-date{color:var(--muted);font-size:var(--text-sm)}.payment-status-badge{padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:11px}.payment-pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-processing{background:var(--color-info-bg);color:var(--color-info-text)}.payment-paid{background:var(--payment-paid-bg);color:var(--payment-paid-text)}.payment-failed{background:var(--payment-failed-bg);color:var(--payment-failed-text)}.payment-refunded{background:var(--payment-refunded-bg);color:var(--payment-refunded-text)}.payment-cancelled{background:var(--color-surface-muted);color:var(--muted)}.payment-detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:calc(100vh - 240px);display:flex;overflow:hidden}.payment-detail-panel.empty{justify-content:center;align-items:center}.payment-detail-header{border-bottom:1px solid var(--line);padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.payment-detail-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.payment-detail-content{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.payment-amount-section{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);justify-content:space-between;align-items:center;display:flex}.payment-amount-display{gap:var(--space-2);flex-direction:column;display:flex}.amount-label{color:var(--muted);font-size:var(--text-sm)}.amount-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.payment-status-display{background:var(--payment-paid-bg);color:var(--payment-paid-text);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);border-radius:999px;align-items:center}.payment-status-display.payment-pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-status-display.payment-failed{background:var(--payment-failed-bg);color:var(--payment-failed-text)}.payment-info-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.payment-info-item{gap:var(--space-1);flex-direction:column;display:flex}.payment-info-item .info-label{color:var(--muted);font-size:var(--text-sm)}.payment-info-item .info-value{color:var(--text);font-size:var(--text-base);font-weight:var(--font-medium)}.payment-notes-section{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4)}.notes-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);display:block}.notes-content{color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal);white-space:pre-wrap;margin:0}.payment-internal-notes-section{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.payment-internal-notes-section .section-header{color:var(--color-primary-strong);align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex}.payment-internal-notes-section .notes-list{gap:var(--space-3);flex-direction:column;display:flex}.payment-internal-notes-section .note-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.payment-internal-notes-section .note-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.payment-internal-notes-section .note-author{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-primary)}.payment-internal-notes-section .note-date{color:var(--muted);font-size:11px}.payment-internal-notes-section .note-content{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}.payment-internal-notes-section .notes-empty-state{color:var(--muted);align-items:center;gap:var(--space-2);min-height:80px;padding:var(--space-4);text-align:center;flex-direction:column;justify-content:center;display:flex}.payment-internal-notes-section .notes-empty-state p{font-size:var(--text-sm);margin:0}.payment-internal-notes-section .add-note-form{border-top:1px solid var(--line);gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.payment-internal-notes-section .note-textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);min-height:80px;padding:var(--space-3);resize:vertical;width:100%}.payment-internal-notes-section .note-textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.payment-internal-notes-section .add-note-button{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);transition:background var(--transition-fast);border:0;justify-content:center;align-self:flex-end;display:inline-flex}.payment-internal-notes-section .add-note-button:hover:not(:disabled){background:var(--color-primary-strong)}.payment-internal-notes-section .add-note-button:disabled{opacity:.5;cursor:not-allowed}.payment-detail-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.payment-history-section{gap:var(--space-3);flex-direction:column;display:flex}.history-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-semibold)}.history-timeline{gap:var(--space-3);flex-direction:column;display:flex}.history-timeline-row{align-items:flex-start;gap:var(--space-3);display:flex}.history-timeline-icon{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.history-icon-container{background:var(--color-bg);border:2px solid var(--line);color:var(--muted);z-index:1;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.history-icon-container.completed{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.history-icon-container.pending{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}.history-timeline-line{background:var(--line);flex:1;width:2px;height:100%;min-height:24px;position:absolute;top:32px}.history-timeline-content{gap:var(--space-1);flex-direction:column;padding-top:4px;display:flex}.history-status{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text)}.history-status.completed{color:var(--color-primary-strong)}.history-status.pending{color:var(--muted)}.history-timestamp{color:var(--muted);font-size:11px}@media (max-width:980px){.payments-layout{grid-template-columns:1fr}.payment-detail-panel{display:none}.payments-layout .payment-detail-panel:not(.empty){z-index:var(--z-modal);border-radius:0;max-height:100vh;display:flex;position:fixed;inset:0}.mobile-only{display:flex}}@media (max-width:720px){.payments-panel{max-height:calc(100vh - 320px)}.payment-row{padding:var(--space-3)}.payment-amount-section{align-items:flex-start;gap:var(--space-3);flex-direction:column}.payment-info-grid{gap:var(--space-3);grid-template-columns:1fr}.payment-detail-actions{flex-direction:column}.payment-detail-actions .button-primary,.payment-detail-actions .button-secondary{justify-content:center;width:100%}}@media (max-width:480px){.payment-amount{font-size:var(--text-xl)}.amount-value{font-size:var(--text-2xl)}.payment-detail-content,.payment-amount-section{padding:var(--space-4)}}.settings-section{margin-bottom:var(--space-6)}.settings-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.settings-section-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.staff-profile-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.staff-profile-avatar{align-items:center;gap:var(--space-4);display:flex}.staff-profile-info{gap:var(--space-1);flex-direction:column;display:flex}.staff-profile-info strong{font-size:var(--text-lg)}.staff-profile-info span{color:var(--muted);font-size:var(--text-sm)}.staff-profile-meta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.meta-item{gap:var(--space-2);display:flex}.meta-label{color:var(--muted);font-size:var(--text-sm)}.meta-value{font-weight:var(--font-medium)}.role-badge{padding:2px var(--space-2);border-radius:999px;font-size:11px}.role-owner{color:#92400e;background:#fef3c7}.role-admin{color:#1e40af;background:#dbeafe}.role-agent{background:var(--color-primary-soft);color:var(--color-primary-strong)}.role-finance{color:#166534;background:#dcfce7}.role-readonly{background:var(--color-surface-muted);color:var(--muted)}.bot-config-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.bot-config-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast);flex-direction:column;display:flex}.bot-config-card.disabled{opacity:.6}.bot-config-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.bot-config-info{align-items:center;gap:var(--space-3);display:flex}.bot-icon{background:var(--color-bg);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.bot-status{color:var(--muted);align-items:center;gap:var(--space-1);font-size:11px;display:flex}.status-connected{color:var(--color-success)}.status-disconnected{color:var(--color-error)}.status-needs-setup{color:var(--color-warning)}.toggle-switch{cursor:pointer;width:44px;height:24px;position:relative}.toggle-switch input{display:none}.toggle-slider{background:var(--color-line);transition:background var(--transition-fast);border-radius:999px;position:absolute;inset:0}.toggle-slider:before{content:"";height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;width:20px;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}[dir=rtl] .toggle-switch input:checked+.toggle-slider:before{transform:translate(-20px)}.bot-config-details{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;display:flex}.bot-config-row{justify-content:space-between;gap:var(--space-2);display:flex}.bot-config-label{color:var(--muted);font-size:var(--text-sm)}.bot-config-value{font-size:var(--text-sm);word-break:break-all}.font-mono{font-family:var(--font-mono)}.bot-config-actions{gap:var(--space-2);display:flex}.staff-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}.staff-list-item{border-bottom:1px solid var(--line);align-items:center;gap:var(--space-3);padding:var(--space-4);grid-template-columns:auto 1fr auto auto;display:grid}.staff-list-item:last-child{border-bottom:none}.staff-item-avatar .avatar{width:40px;height:40px;font-size:var(--text-base)}.staff-item-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.staff-item-info strong{font-size:var(--text-base)}.staff-item-info span{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-item-role{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.staff-item-actions{gap:var(--space-2);flex-shrink:0;display:flex}.staff-list-item.disabled{opacity:.5}.staff-list-item .grid-template-actions{grid-template-columns:auto 1fr auto auto}.filter-select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);min-height:36px;padding:var(--space-1) var(--space-3);outline:none}.filter-select:focus{border-color:var(--primary)}.form-success{border-radius:var(--radius-md);color:#166534;align-items:center;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-snug);margin-bottom:var(--space-4);padding:var(--space-4);background:#f0fdf4;border:1px solid #86efac;display:flex}.form-success strong{font-family:var(--font-mono);-webkit-user-select:all;user-select:all}.modal-overlay{padding:var(--space-6);z-index:var(--z-modal-backdrop);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--line);padding:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-lg);margin:0}.modal-body{padding:var(--space-5)}.modal-body p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-3)}.modal-actions{gap:var(--space-3);margin-top:var(--space-5);justify-content:flex-end;display:flex}.security-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.security-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.security-card-icon{background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary-strong);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.security-card-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.security-card-content strong{font-size:var(--text-base)}.security-card-desc{color:var(--muted);font-size:var(--text-sm)}@media (max-width:980px){.bot-config-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr}}@media (max-width:720px){.bot-config-grid{grid-template-columns:1fr}.settings-section-header{flex-direction:column;align-items:stretch}.settings-section-header .button-primary{width:100%}.staff-profile-card{padding:var(--space-4)}.staff-profile-avatar{flex-direction:column;align-items:flex-start}.bot-config-card{padding:var(--space-3)}.bot-config-header{flex-wrap:wrap}.bot-config-details{gap:var(--space-2)}.staff-list-item{gap:var(--space-3);grid-template-columns:auto 1fr}.staff-item-role{grid-column:2;justify-self:start}.security-card{align-items:stretch;gap:var(--space-3);flex-direction:column}.security-card-icon{width:40px;height:40px}}@media (max-width:980px){.shortcuts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.shortcuts-grid{grid-template-columns:1fr}.shortcut-card{padding:var(--space-4)}}.pub-page{flex-direction:column;min-height:100vh;display:flex}.pub-container{width:100%;max-width:1120px;padding:0 var(--space-6);margin:0 auto}.pub-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.pub-btn-primary{background:var(--color-primary);color:var(--color-primary-on-primary);border-color:var(--color-primary)}.pub-btn-primary:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.pub-btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.pub-btn-outline:hover{background:var(--color-primary);color:var(--color-primary-on-primary)}.pub-btn-ghost{color:var(--color-primary);background:0 0}.pub-btn-ghost:hover{background:var(--color-primary-soft)}.pub-btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.pub-btn-full{justify-content:center;width:100%}.pub-header{z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.pub-header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.pub-brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.pub-logo{border-radius:var(--radius-md);background:var(--color-primary);width:36px;height:36px;color:var(--color-primary-on-primary);font-weight:var(--font-bold);font-size:var(--text-sm);letter-spacing:.5px;justify-content:center;align-items:center;display:flex}.pub-brand-text strong{font-size:var(--text-base);line-height:1.2;display:block}.pub-brand-text span{font-size:var(--text-xs);color:var(--muted);display:block}.pub-nav{align-items:center;gap:var(--space-5);display:flex}.pub-nav a{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.pub-nav a:hover,.pub-nav-active{color:var(--color-primary)}.pub-mobile-toggle{cursor:pointer;display:none;position:relative}.pub-mobile-toggle input{display:none}.pub-hamburger{background:var(--color-text);width:24px;height:2px;transition:background var(--transition-fast);display:block;position:relative}.pub-hamburger:before,.pub-hamburger:after{content:"";background:var(--color-text);width:100%;height:2px;transition:transform var(--transition-fast);position:absolute;left:0}.pub-hamburger:before{top:-7px}.pub-hamburger:after{top:7px}.pub-mobile-toggle input:checked~.pub-hamburger{background:0 0}.pub-mobile-toggle input:checked~.pub-hamburger:before{transform:translateY(7px)rotate(45deg)}.pub-mobile-toggle input:checked~.pub-hamburger:after{transform:translateY(-7px)rotate(-45deg)}.pub-mobile-nav{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);gap:var(--space-1);min-width:180px;z-index:var(--z-dropdown);flex-direction:column;display:none;position:absolute;top:48px;right:0}.pub-mobile-toggle input:checked~.pub-mobile-nav{display:flex}.pub-mobile-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);text-decoration:none;display:block}.pub-mobile-nav a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.pub-hero{background:linear-gradient(160deg, var(--color-primary-soft) 0%, #f0f7f5 40%, var(--color-bg) 100%);padding:var(--space-20) var(--space-6) var(--space-16);text-align:center}.pub-hero-tag{background:var(--color-primary-subtle);color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6);letter-spacing:.5px;text-transform:uppercase;display:inline-block}.pub-hero h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin:0 auto var(--space-4);max-width:700px}.pub-hero-accent{color:var(--color-primary)}.pub-hero-sub{font-size:var(--text-lg);color:var(--muted);max-width:580px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.pub-hero-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.pub-page-hero{background:linear-gradient(160deg, var(--color-primary-soft) 0%, var(--color-bg) 100%);padding:var(--space-16) var(--space-6);text-align:center}.pub-page-hero h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-2)}.pub-page-hero p{font-size:var(--text-lg);color:var(--muted)}.pub-stats{background:var(--color-primary);color:var(--color-primary-on-primary);padding:var(--space-8) 0}.pub-stats-grid{gap:var(--space-6);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.pub-stat strong{font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:1;display:block}.pub-stat span{font-size:var(--text-sm);opacity:.85;margin-top:var(--space-1)}.pub-section{padding:var(--space-16) 0}.pub-section-alt{background:var(--color-primary-soft)}.pub-section-head{text-align:center;margin-bottom:var(--space-10)}.pub-section-head h2{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.pub-section-head p{font-size:var(--text-lg);color:var(--muted)}.pub-section-cta{text-align:center;margin-top:var(--space-8)}.pub-services-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.pub-service-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.pub-service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pub-service-icon{border-radius:var(--radius-lg);background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.pub-service-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.pub-service-card p{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-relaxed)}.pub-services-detailed{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.pub-service-detail{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-6)}.pub-service-detail-head{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.pub-service-icon-lg{border-radius:var(--radius-lg);background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pub-service-detail-head h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.pub-service-detail-head p{font-size:var(--text-sm);color:var(--muted)}.pub-service-details-list{margin:0;padding:0;list-style:none}.pub-service-details-list li{font-size:var(--text-sm);color:var(--color-text);padding:var(--space-1) 0;padding-left:var(--space-4);position:relative}.pub-service-details-list li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pub-process-grid{gap:var(--space-6);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.pub-process-step{padding:var(--space-4)}.pub-process-icon{border-radius:var(--radius-full);background:var(--color-primary);width:48px;height:48px;color:var(--color-primary-on-primary);margin:0 auto var(--space-3);justify-content:center;align-items:center;display:flex}.pub-process-step h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.pub-process-step p{font-size:var(--text-sm);color:var(--muted)}.pub-routes-list{gap:var(--space-2);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.pub-route-item{align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex}.pub-route-pin{color:var(--color-primary);flex-shrink:0}.pub-route-path{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);flex:1;display:flex}.pub-route-arrow{color:var(--muted)}.pub-route-time{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--muted);flex-shrink:0;display:flex}.pub-routes-table{border:1px solid var(--color-line);border-radius:var(--radius-xl);overflow:hidden}.pub-routes-header{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1.2fr 32px 1.2fr 120px 1fr;align-items:center;display:grid}.pub-routes-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-line);font-size:var(--text-sm);grid-template-columns:1.2fr 32px 1.2fr 120px 1fr;align-items:center;display:grid}.pub-routes-row:hover{background:var(--color-primary-soft)}.pub-routes-port{align-items:center;gap:var(--space-1);font-weight:var(--font-medium);display:flex}.pub-routes-arrow{color:var(--muted);justify-self:center}.pub-routes-transit{align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-xs);display:flex}.pub-routes-type{color:var(--muted);font-size:var(--text-xs)}.pub-routes-note{gap:var(--space-6);background:var(--color-primary-soft);border-radius:var(--radius-xl);padding:var(--space-8);align-items:flex-start;display:flex}.pub-routes-note>svg{color:var(--color-primary);flex-shrink:0}.pub-routes-note h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.pub-routes-note p{font-size:var(--text-sm);color:var(--muted)}.pub-ports-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.pub-port-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-5)}.pub-port-name{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.pub-port-name strong{font-size:var(--text-base)}.pub-port-region{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium)}.pub-port-card p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-2)}.pub-about-row{gap:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:flex-start;display:grid}.pub-about-text h2{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.pub-about-text p{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.pub-about-features{gap:var(--space-5);flex-direction:column;display:flex}.pub-feature{gap:var(--space-3);align-items:flex-start;display:flex}.pub-feature>svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.pub-feature strong{font-size:var(--text-sm);margin-bottom:2px;display:block}.pub-feature span{font-size:var(--text-xs);color:var(--muted)}.pub-about-intro{gap:var(--space-10);grid-template-columns:1.5fr 1fr;align-items:flex-start;display:grid}.pub-about-intro h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.pub-about-intro p{line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.pub-about-quick-facts{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.pub-fact{align-items:center;gap:var(--space-2);background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);display:flex}.pub-fact svg{color:var(--color-primary);flex-shrink:0}.pub-timeline{max-width:640px;padding-left:var(--space-10);flex-direction:column;gap:0;margin:0 auto;display:flex;position:relative}.pub-timeline:before{content:"";background:var(--color-primary-subtle);width:2px;position:absolute;top:0;bottom:0;left:15px}.pub-timeline-item{gap:var(--space-4);padding:var(--space-4) 0;display:flex;position:relative}.pub-timeline-item:before{content:"";left:calc(-1 * var(--space-10) + 10px);top:calc(var(--space-4) + 7px);background:var(--color-primary);border:3px solid var(--color-primary-soft);border-radius:50%;width:12px;height:12px;position:absolute}.pub-timeline-year{font-weight:var(--font-bold);color:var(--color-primary);font-size:var(--text-base);min-width:48px}.pub-timeline-text{font-size:var(--text-sm);color:var(--color-text)}.pub-values-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.pub-value-card{text-align:center;padding:var(--space-6) var(--space-4)}.pub-value-icon{border-radius:var(--radius-full);background:var(--color-primary-soft);width:52px;height:52px;color:var(--color-primary);margin:0 auto var(--space-3);justify-content:center;align-items:center;display:flex}.pub-value-card h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.pub-value-card p{font-size:var(--text-sm);color:var(--muted)}.pub-offer-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.pub-offer-item{gap:var(--space-3);align-items:flex-start;display:flex}.pub-offer-item>svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.pub-offer-item strong{margin-bottom:var(--space-1);display:block}.pub-offer-item p{font-size:var(--text-sm);color:var(--muted)}.pub-cta-bar{background:var(--color-primary);color:var(--color-primary-on-primary);padding:var(--space-12) 0}.pub-cta-inner{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.pub-cta-bar h2{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.pub-cta-bar p{opacity:.85;font-size:var(--text-sm)}.pub-cta-actions{gap:var(--space-3);flex-shrink:0;display:flex}.pub-cta-bar .pub-btn-primary{background:var(--color-primary-on-primary);color:var(--color-primary);border-color:var(--color-primary-on-primary)}.pub-cta-bar .pub-btn-primary:hover{opacity:.9}.pub-cta-bar .pub-btn-ghost{color:var(--color-primary-on-primary)}.pub-cta-bar .pub-btn-ghost:hover{background:#ffffff26}.pub-contact-grid{gap:var(--space-8);grid-template-columns:1.5fr 1fr;align-items:flex-start;display:grid}.pub-contact-form-wrap h2{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.pub-form-sub{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.pub-form{gap:var(--space-4);flex-direction:column;display:flex}.pub-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pub-field{gap:var(--space-1);flex-direction:column;display:flex}.pub-field span{font-size:var(--text-sm);font-weight:var(--font-medium)}.pub-field input,.pub-field select,.pub-field textarea{padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast);outline:none;font-family:inherit}.pub-field input:focus,.pub-field select:focus,.pub-field textarea:focus{border-color:var(--color-primary)}.pub-field textarea{resize:vertical}.pub-form-success{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-xl)}.pub-form-success svg{color:var(--color-success);margin-bottom:var(--space-3)}.pub-form-success h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.pub-form-success p{color:var(--color-success-text);font-size:var(--text-sm);margin-bottom:var(--space-4)}.pub-contact-sidebar{gap:var(--space-5);flex-direction:column;display:flex}.pub-contact-channel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-5)}.pub-contact-channel h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.pub-channel-item{gap:var(--space-3);padding:var(--space-2) 0;align-items:center;display:flex}.pub-channel-item:not(:last-child){border-bottom:1px solid var(--color-line)}.pub-channel-item svg{color:var(--color-primary);flex-shrink:0}.pub-channel-item strong{font-size:var(--text-sm);display:block}.pub-channel-item a{font-size:var(--text-sm);color:var(--color-primary)}.pub-contact-channel p{font-size:var(--text-sm);color:var(--muted)}.pub-contact-channel>a{font-size:var(--text-sm);color:var(--color-primary);padding:var(--space-1) 0;display:block}.pub-footer{background:var(--color-text);color:#e5e7eb;padding-top:var(--space-12);margin-top:auto}.pub-footer-inner{justify-content:space-between;gap:var(--space-8);padding-bottom:var(--space-10);display:flex}.pub-footer-brand{align-items:center;gap:var(--space-3);display:flex}.pub-footer-brand .pub-logo{background:#ffffff26}.pub-footer-brand strong{color:var(--color-surface);font-size:var(--text-base);display:block}.pub-footer-brand span{font-size:var(--text-xs);opacity:.6;display:block}.pub-footer-cols{gap:var(--space-10);display:flex}.pub-footer-col h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:var(--space-3)}.pub-footer-col a{font-size:var(--text-sm);color:#d1d5db;padding:var(--space-1) 0;transition:color var(--transition-fast);text-decoration:none;display:block}.pub-footer-col a:hover{color:var(--color-surface)}.pub-footer-bottom{padding:var(--space-4) 0;border-top:1px solid #ffffff1a}.pub-footer-bottom p{font-size:var(--text-xs);opacity:.5;text-align:center}@media (max-width:980px){.pub-services-grid{grid-template-columns:repeat(2,1fr)}.pub-services-detailed{grid-template-columns:1fr}.pub-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.pub-about-row,.pub-about-intro{grid-template-columns:1fr}.pub-process-grid,.pub-values-grid{grid-template-columns:repeat(2,1fr)}.pub-offer-grid{grid-template-columns:1fr}.pub-ports-grid{grid-template-columns:repeat(2,1fr)}.pub-routes-table{overflow-x:auto}.pub-cta-inner{text-align:center;flex-direction:column}.pub-cta-actions{flex-wrap:wrap;justify-content:center}.pub-footer-inner{gap:var(--space-6);flex-direction:column}.pub-contact-grid{grid-template-columns:1fr}}@media (max-width:720px){.pub-nav{display:none}.pub-mobile-toggle{display:block}.pub-hero{padding:var(--space-12) var(--space-4) var(--space-10)}.pub-hero h1{font-size:var(--text-3xl)}.pub-hero-sub{font-size:var(--text-base)}.pub-page-hero{padding:var(--space-10) var(--space-4)}.pub-page-hero h1{font-size:var(--text-2xl)}.pub-services-grid{grid-template-columns:1fr}.pub-stats-grid{grid-template-columns:1fr 1fr}.pub-stat strong{font-size:var(--text-2xl)}.pub-section{padding:var(--space-10) 0}.pub-section-head h2{font-size:var(--text-2xl)}.pub-process-grid,.pub-values-grid,.pub-ports-grid,.pub-form-row,.pub-about-quick-facts{grid-template-columns:1fr}.pub-routes-header{display:none}.pub-routes-row{gap:var(--space-1);padding:var(--space-3);grid-template-columns:1fr}.pub-routes-arrow{display:none}.pub-routes-note{padding:var(--space-6);flex-direction:column}.pub-footer-cols{gap:var(--space-4);flex-direction:column}.pub-container{padding:0 var(--space-4)}.pub-hero-actions{flex-direction:column;align-items:stretch}.pub-hero-actions .pub-btn{justify-content:center}}.classification-badge{padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:11px}.class-line-agent{color:#1e40af;background:#dbeafe}.class-customs{color:#92400e;background:#fef3c7}.class-local-agent{color:#5b21b6;background:#ede9fe}.class-operations{color:#166534;background:#dcfce7}.class-sales{color:#9d174d;background:#fce7f3}.class-finance{color:#065f46;background:#d1fae5}.class-management{color:#14532d;background:#f0fdf4}.status-active{color:#166534;background:#dcfce7}.status-disabled{color:#b91c1c;background:#fee2e2}.contact-app-shell{height:100vh;overflow:hidden}.contact-workspace{height:100vh;padding:var(--space-5) var(--space-6);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.contact-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;display:flex}.contact-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.contact-header-avatar .contact-avatar{width:48px;height:48px;font-size:var(--text-xl);flex-shrink:0}.contact-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.contact-header-info h1{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.contact-name-fa{color:var(--muted);font-size:var(--text-sm)}.contact-header-meta{align-items:center;gap:var(--space-2);margin-top:2px;display:flex}.contact-meta-date{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.contact-body{gap:var(--space-4);flex:1;grid-template-columns:minmax(240px,.75fr) minmax(300px,1.25fr);min-height:0;display:grid;overflow:hidden}.contact-left,.contact-right{gap:var(--space-3);min-height:0;padding-bottom:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.panel-count{background:var(--color-primary-soft);color:var(--color-primary-strong);margin-left:var(--space-2);padding:1px var(--space-2);vertical-align:middle;border-radius:999px;font-size:11px;font-weight:600}.contact-panel .card-header{background:var(--color-bg)}.task-create-form{border-bottom:1px solid var(--line);gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.task-title-input{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);min-height:36px;padding:var(--space-2) var(--space-3);outline:none;width:100%}.task-title-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0f7f701f}.task-form-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.task-select,.task-date-input{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);min-height:30px;padding:0 var(--space-2);outline:none}.task-form-actions{align-items:center;gap:var(--space-2);justify-content:flex-end;display:flex}.task-list{flex-direction:column;display:flex}.task-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);display:flex}.task-item:hover{background:var(--color-bg)}.task-item:last-child{border-bottom:none}.task-check{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.task-check-circle{border:2px solid var(--line);height:18px;transition:all var(--transition-fast);background:0 0;border-radius:50%;width:18px}.task-check-circle.in-progress{border-color:var(--color-primary);background:var(--color-primary-soft)}.task-check-circle.done{background:var(--color-primary);border-color:var(--color-primary)}.task-check:hover .task-check-circle:not(.done){border-color:var(--color-primary)}.task-item-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.task-item-title{font-size:var(--text-sm);line-height:var(--leading-normal);word-break:break-word}.task-item-done .task-item-title{color:var(--muted);text-decoration:line-through}.task-item-meta{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.task-priority-badge,.task-status-badge{padding:1px var(--space-2);border-radius:999px;font-size:10px;font-weight:600}.task-priority-low{color:#6b7280;background:#f3f4f6}.task-priority-normal{color:#1d4ed8;background:#dbeafe}.task-priority-high{color:#b45309;background:#fef3c7}.task-priority-urgent{color:#b91c1c;background:#fee2e2}.task-status-open{color:#1d4ed8;background:#dbeafe}.task-status-in-progress{color:#b45309;background:#fef3c7}.task-status-done{color:#166534;background:#dcfce7}.task-status-cancelled{color:#6b7280;background:#f3f4f6}.task-assignee{color:var(--muted);font-size:11px}.task-due{color:var(--muted);align-items:center;gap:3px;font-size:11px;display:inline-flex}.done-tasks-toggle{border-top:1px solid var(--line);padding:var(--space-2) var(--space-4)}.done-tasks-toggle summary{color:var(--muted);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.loading-state-small{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);padding:var(--space-4);display:flex}.channel-list{flex-direction:column;display:flex}.channel-row{border-bottom:1px solid var(--line);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.channel-row:last-child{border-bottom:none}.channel-icon{flex-shrink:0;width:24px;font-size:18px}.channel-label{font-size:var(--text-sm);font-weight:var(--font-medium);flex:1}.channel-status{padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:11px;font-weight:500}.channel-connected{color:#166534;background:#dcfce7}.channel-not-linked{color:#92400e;background:#fef3c7}.channel-manual{color:#6b7280;background:#f3f4f6}.conv-panel-row{border-bottom:1px solid var(--color-line);flex-direction:column;gap:4px;padding:10px 0;display:flex}.conv-panel-row:last-child{border-bottom:none}.conv-panel-top{align-items:center;gap:8px;display:flex}.conv-panel-date{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:.75rem}.conv-panel-preview{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;overflow:hidden}.conv-panel-actions{align-items:center;gap:8px;margin-top:2px;display:flex}@media (max-width:1024px){.contact-body{grid-template-columns:1fr 1fr}}@media (max-width:768px){.contact-app-shell{height:auto;overflow:visible}.contact-workspace{height:auto;padding:var(--space-4);overflow:visible}.contact-body{grid-template-columns:1fr;overflow:visible}.contact-left,.contact-right{overflow:visible}.contact-header-info h1{font-size:var(--text-lg)}}@media (max-width:480px){.contact-workspace{padding:var(--space-3)}.contact-header{gap:var(--space-2);flex-wrap:wrap}.task-form-row{flex-direction:column;align-items:stretch}.task-select,.task-date-input{width:100%}}.app-shell{background:var(--color-bg);grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.sidebar{color:#cbd5e1;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;min-height:100dvh;padding:0;display:flex;overflow-y:auto}.brand{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #1e293b;border-radius:0;align-items:center;gap:10px;margin-bottom:0;padding:16px;display:flex}.brand-mark{box-shadow:none;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;width:34px;height:34px;font-size:15px;font-weight:700}.brand strong{color:#f1f5f9;letter-spacing:0;font-size:14px;font-weight:600}.brand span{color:#64748b;font-size:12px}.app-nav{flex-direction:column;flex:1;gap:0;padding:12px 10px;display:flex}.app-nav-scroll{flex-direction:column;flex:1;min-height:0;display:flex}.nav-section{flex-direction:column;gap:2px;margin-bottom:18px;display:flex}.nav-section:last-child{margin-bottom:0}.nav-list-separated{flex-direction:column;gap:18px;padding:12px 10px;display:flex}.nav-section-label{color:#475569;letter-spacing:.08em;text-transform:uppercase;padding:0 8px 4px;font-size:10px;font-weight:600}.space-switcher{flex-direction:column;gap:1px;display:flex}.space-link{color:#94a3b8;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:6px 8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.space-link:hover{color:#e2e8f0;background:#1e293b}.space-link.active{color:#bfdbfe;background:#1e3a8a}.space-link-icon{opacity:.85;flex-shrink:0;align-items:center;display:inline-flex}.space-link.active .space-link-icon{opacity:1}.space-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.space-link-ext{color:#475569;flex-shrink:0}.space-link-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.area-menu{flex-direction:column;gap:1px;display:flex}.area-nav-item{color:#94a3b8;border-left:2px solid #0000;border-radius:0 6px 6px 0;align-items:center;gap:8px;min-height:34px;margin-left:-10px;padding:6px 8px 6px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:flex}.area-nav-item:hover{color:#e2e8f0;background:#1e293b}.area-nav-item.active{color:#bfdbfe;background:#172554;border-left-color:#3b82f6}.area-nav-icon{opacity:.75;flex-shrink:0;align-items:center;display:inline-flex}.area-nav-item.active .area-nav-icon{opacity:1}.area-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-account{border-top:1px solid #1e293b;margin-top:auto;padding:10px 0 0}.sidebar-account-main{color:#e2e8f0;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:8px;text-decoration:none;transition:background .12s;display:flex}.sidebar-account-main:hover{background:#1e293b}.sidebar-account-avatar{color:#eff6ff;background:#1d4ed8;border:1px solid #3b82f6;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex}.sidebar-account-copy{flex-direction:column;min-width:0;display:flex}.sidebar-account-copy strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-account-copy span{color:#64748b;text-transform:capitalize;font-size:11px}.sidebar-account-actions{justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 0 8px;display:flex}.sidebar-account-link{color:#93c5fd;font-size:12px;font-weight:500;text-decoration:none}.sidebar-account-link:hover{color:#bfdbfe}.sidebar-logout-button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,color .12s;display:inline-flex}.sidebar-logout-button:hover{color:#f8fafc;background:#1e293b}.workspace{min-height:100dvh;padding:clamp(18px,2.2vw,32px)}.inbox-header,.topbar{border:1px solid var(--color-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:10px;margin-bottom:18px;padding:16px 20px;box-shadow:0 1px 3px #0f172a0f}.inbox-header h1,.topbar h1{letter-spacing:0}.shortcuts-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.shortcut-card{border-color:var(--color-line);background:#fff;border-radius:10px;min-height:120px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.shortcut-card:after{content:none}.shortcut-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb14}.shortcut-card-icon{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.portal-preview-note{margin-bottom:16px}.portal-preview-note strong{align-items:center;gap:7px;display:inline-flex}.portal-summary{grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.portal-summary-card{min-height:96px}.portal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.conversation-panel,.detail-panel,.contact-panel,.settings-section,.security-card,.staff-list,.contacts-list{border-color:var(--color-line);box-shadow:0 1px 3px #0f172a0d}.inbox-layout{grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr)}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1e293b;border-right:0;min-height:auto}.app-nav{flex-flow:row;gap:10px;padding:8px 12px;overflow-x:auto}.app-nav-scroll{flex-direction:row;flex:none;gap:10px}.nav-section{flex-direction:row;flex-shrink:0;gap:1px;margin-bottom:0}.nav-section-label{display:none}.space-switcher,.area-menu{flex-direction:row;gap:1px}.space-link{min-width:max-content;min-height:34px;padding:5px 10px}.area-nav-item{border-bottom:2px solid #0000;border-left:none;border-radius:6px;min-width:max-content;min-height:34px;margin-left:0;padding:5px 10px}.area-nav-item.active{border-bottom-color:#3b82f6;border-left-color:#0000}.sidebar-account{border-top:0;border-left:1px solid #1e293b;flex:none;align-items:center;gap:8px;margin-top:0;margin-left:auto;padding:0 0 0 10px;display:flex}.sidebar-account-main{min-height:34px;padding:3px 8px}.sidebar-account-copy{display:none}.sidebar-account-actions{padding:0}.sidebar-account-link{display:none}.nav-list-separated{flex-flow:row;gap:6px;padding:8px 12px;overflow-x:auto}}@media (max-width:720px){.inbox-header,.topbar{border-radius:8px;padding:12px 14px}.shortcut-card{min-height:100px}.portal-summary,.portal-grid{grid-template-columns:1fr}}