:root{--accent: #e95f2d;--accent-light: #fff1ea;--accent-tint: rgba(233,95,45,.1);--accent-hover: #c94f24;--accent-ring: rgba(233,95,45,.18);--canvas: #f4f5f3;--surface: #ffffff;--surface-2: #f8f8f6;--surface-3: #eef1ee;--border: #deded8;--border-light: #ecece7;--text-primary: #171717;--text-secondary: #5a5f5c;--text-muted: #6b6f6a;--text-on-accent: #ffffff;--sidebar-bg: rgba(255,255,255,.92);--sidebar-border: #deded8;--sidebar-w: 252px;--radius: 8px;--radius-lg: 10px;--radius-xl: 12px;--bg: var(--surface);--text: var(--text-primary);--shadow-sm: 0 1px 2px rgba(20,24,21,.05), 0 8px 18px rgba(20,24,21,.04);--shadow: 0 10px 26px rgba(20,24,21,.07);--shadow-lg: 0 18px 48px rgba(20,24,21,.12);--status-new: #2563eb;--status-qualified: #7c3aed;--status-contacted: #d97706;--status-replied: #059669;--status-won: #047857;--status-lost: #dc2626;--green: #059669;--blue: #2563eb;--purple: #7c3aed;--amber: #d97706;--red: #dc2626;--font: "IBM Plex Sans Arabic", "Almarai", system-ui, sans-serif;--transition: .2s ease}[data-theme=dark]{--canvas: #111318;--surface: #1b1e26;--surface-2: #20242e;--surface-3: #262b38;--border: #2e3347;--border-light: #252a38;--text-primary: #e8eaed;--text-secondary: #9aa0b0;--text-muted: #8b8f98;--sidebar-bg: rgba(27,30,38,.97);--sidebar-border: #2e3347;--bg: var(--surface);--text: var(--text-primary);--shadow-sm: 0 1px 2px rgba(0,0,0,.35), 0 8px 18px rgba(0,0,0,.22);--shadow: 0 10px 26px rgba(0,0,0,.4);--shadow-lg: 0 18px 48px rgba(0,0,0,.6)}[data-theme=dark] body:before{opacity:.08}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.skip-link{position:absolute;top:-100%;inset-inline-start:12px;z-index:9999;padding:8px 16px;background:var(--accent);color:#fff;font-weight:700;border-radius:0 0 8px 8px;text-decoration:none;transition:top 0ms}.skip-link:focus-visible{top:0;outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);background:var(--canvas);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(23,23,23,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.025) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}h1{font-size:1.75rem;font-weight:800;line-height:1.2}h2{font-size:1.25rem;font-weight:800;line-height:1.3}h3{font-size:1.05rem;font-weight:800}p{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-card{background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.dash-clients-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:8px;border:none;font-family:var(--font);font-size:.875rem;font-weight:800;cursor:pointer;transition:transform var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 20px #00000047}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-icon{padding:8px;border-radius:8px}.btn-danger-icon{color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}input,textarea,select{font-family:var(--font);font-size:1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);outline:none;max-width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:start;font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:0;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border-light);font-size:.875rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer;transition:background var(--transition)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.unread td{background:var(--accent-light)}.data-table tbody tr.unread:hover{background:var(--accent-tint)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:7px;font-size:.75rem;font-weight:800;white-space:nowrap}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:840px 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:8px}.page-loader{padding:20px;display:grid;gap:18px;min-height:360px}.loader-header{display:grid;gap:10px;max-width:360px}.loader-header .skeleton:first-child{height:32px;width:70%}.loader-header .skeleton:last-child{height:16px;width:92%}.loader-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.loader-grid .skeleton{height:116px}.loader-panels{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.loader-panels .skeleton{height:260px}.app-shell{display:flex;min-height:100vh}.main-wrapper{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.topbar-actions{display:flex;align-items:center;gap:8px;padding:10px 24px;border-bottom:1px solid var(--border-light);background:var(--surface);flex-wrap:wrap}@media(max-width:768px){.topbar-actions{display:none}}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-inline-end:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:30}.main-content{flex:1;min-width:0;padding:32px;overflow-x:hidden}.sidebar-brand{padding:20px 18px 12px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;position:relative}.sidebar-brand:after{content:"";position:absolute;top:0;inset-inline-start:18px;inset-inline-end:18px;height:3px;background:linear-gradient(90deg,var(--accent),transparent 70%);border-radius:0 0 3px 3px}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-copy{min-width:0}label{margin-bottom:5px}.brand-name{font-weight:900;font-size:.95rem;color:var(--text-primary);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{margin-top:2px;font-size:.7rem;color:var(--text-muted);font-weight:800}.brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#e95f2d,#141716);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 20px #e95f2d38;overflow:hidden}.brand-mark.has-logo{background:var(--surface);border:1px solid var(--border-light);box-shadow:0 8px 18px #14171614}.brand-mark.is-empty{background:var(--surface-2);color:var(--text-muted);border:1px dashed var(--border);box-shadow:none}.brand-mark.is-compact{width:32px;height:32px;border-radius:8px}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:5px}.brand-logo-only{display:flex;align-items:center;justify-content:center;padding:10px 0;min-height:52px}.brand-full-logo{display:block;width:60%;object-fit:contain;object-position:right center}[dir=ltr] .brand-full-logo{object-position:left center}[data-theme=dark] .brand-full-logo,[data-theme=dark] .mobile-brand-logo{filter:invert(1) hue-rotate(180deg)}.mobile-brand-logo{max-width:110px;object-fit:contain;display:block}.skeleton-rect{border-radius:8px;height:var(--sk-h, 20px)}.skeleton-card{padding:24px;height:120px}.recent-doc-row{cursor:pointer}.recent-doc-type{display:flex;align-items:center;gap:6px;font-size:.8125rem}.recent-doc-type-icon{color:var(--accent)}.recent-doc-number{font-family:monospace;font-size:.8125rem}.recent-doc-party{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-doc-amount{font-size:.8125rem;color:var(--text-secondary)}.recent-doc-date{font-size:.8125rem;color:var(--text-muted)}.badge-xs{font-size:.7rem}.account-switcher{margin-top:0;font-size:.75rem;padding:8px 10px;border-radius:8px;width:100%;font-family:var(--font);font-weight:700;background:var(--surface-2);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition),background var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;padding-inline-start:30px}[dir=ltr] .account-switcher{background-position:right 10px center;padding-inline-start:10px;padding-inline-end:30px}[data-theme=dark] .account-switcher{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.account-switcher:hover{border-color:var(--border);background-color:var(--surface-3)}.account-switcher:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sidebar-heading{margin:12px 10px 4px;color:var(--text-muted);font-size:.72rem;font-weight:900;line-height:1}.sidebar-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 14px;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:750;text-decoration:none;transition:color var(--transition),background var(--transition),transform var(--transition)}.sidebar-link:hover{background:var(--surface-2);color:var(--text-primary)}.sidebar-link:active{transform:scale(.99)}.sidebar-link.is-active{background:var(--accent-tint);color:var(--accent)}.sidebar-link.is-compact{min-height:38px;padding-block:8px;font-size:.86rem}.sidebar-link span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding-inline:6px;border-radius:99px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:900;font-variant-numeric:tabular-nums}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:6px}.sidebar-user{padding:8px 10px;font-size:.8rem;color:var(--text-secondary)}.sidebar-user div{font-weight:900;color:var(--text-primary)}.sidebar-user small{color:var(--text-muted);font-weight:700}.sidebar-logout{width:42px;flex:0 0 42px}.sidebar-account-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.sidebar-action-buttons{display:flex;gap:6px}.mobile-topbar,.mobile-close,.nav-backdrop{display:none}.page-header{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-header h1{font-size:clamp(1.45rem,2vw,2rem);text-wrap:balance}.dash{display:flex;flex-direction:column;gap:20px}.dash-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.dash-greeting{font-size:clamp(1.55rem,2vw,1.9rem);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.15}.dash-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:.9rem;font-weight:700}.dash-date-badge{font-size:.78rem;font-weight:700;color:var(--text-muted);background:var(--surface-2);padding:6px 14px;border-radius:99px;border:1px solid var(--border-light);white-space:nowrap}.dash-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kpi-card{position:relative;border-radius:16px;background:var(--surface);border:1px solid var(--border);overflow:hidden;min-height:142px;transition:border-color .3s ease,transform .3s ease}.kpi-card:hover{border-color:var(--border);transform:translateY(-1px)}.kpi-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at top right,var(--surface-2) 0%,transparent 65%);z-index:0}.kpi-inner{position:relative;z-index:1;padding:20px 22px;display:flex;flex-direction:column;gap:8px;height:100%}.kpi-header{display:flex;align-items:center;justify-content:space-between}.kpi-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:99px}.kpi-value{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.kpi-suffix{font-size:.85rem;font-weight:700;color:var(--text-muted);margin-inline-start:4px}.kpi-label{margin:0;font-size:.78rem;font-weight:800;color:var(--text-muted)}.kpi-loading{padding:20px 22px}.dash-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{position:relative;overflow:hidden}.stat-glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px)}.stat-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.stat-body{position:relative;z-index:1;padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.stat-body-compact{padding:14px 16px}.stat-left{min-width:0;flex:1}.stat-label{font-size:.72rem;font-weight:800;color:var(--text-muted);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-body-compact .stat-label{margin-bottom:4px;font-size:.7rem}.stat-value-row{display:flex;align-items:baseline;gap:3px;min-width:0}.stat-value{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-body-compact .stat-value{font-size:clamp(1.15rem,1.6vw,1.35rem)}.stat-suffix{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.stat-body-compact .stat-suffix{font-size:.72rem}.stat-trend{display:inline-flex;align-items:center;gap:2px;font-size:.68rem;font-weight:800;margin-top:5px}.stat-icon{border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-compact{min-height:72px}.dash-charts-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px}.dash-chart-card{padding:20px 20px 16px}.dash-chart-title{font-size:.88rem;font-weight:800;margin:0 0 14px;color:var(--text-primary)}.dash-bottom-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;align-items:start}.dash-actions-panel{display:flex;flex-direction:column;gap:16px}.dash-quick-list{display:flex;flex-direction:column;gap:8px}.quick-pill{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer;text-align:start;transition:border-color .2s ease,box-shadow .2s ease}.quick-pill:hover{border-color:color-mix(in srgb,var(--pill-color, var(--accent)) 40%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pill-color, var(--accent)) 8%,transparent)}.quick-pill-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-pill-text{flex:1;min-width:0}.quick-pill-text span{display:block;font-weight:800;font-size:.82rem}.quick-pill-text small{display:block;font-size:.7rem;color:var(--text-muted);font-weight:700;margin-top:1px}.quick-pill-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.quick-pill:hover .quick-pill-arrow{transform:translate(2px,-2px)}.dash-quick-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dash-link-btn{font:inherit;font-size:.74rem;font-weight:750;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-light);border-radius:8px;padding:6px 12px;cursor:pointer;transition:color .2s,border-color .2s}.dash-link-btn:hover{color:var(--accent);border-color:var(--accent)}.soft-alert{padding:14px 16px;color:#991b1b;background:#fff7f7;border:1px solid #fecaca;border-radius:var(--radius)}[data-theme=dark] .soft-alert{color:#fca5a5;background:#dc26261a;border-color:#dc262640}@media(max-width:1100px){.dash-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-stats-row,.dash-clients-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-charts-row{grid-template-columns:1fr}.dash-bottom-row{display:block}.dash-bottom-row .dash-chart-card{margin-bottom:15px}}@media(max-width:640px){.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dash-welcome{flex-direction:column;align-items:flex-start}.kpi-inner{padding:16px}.kpi-card{min-height:120px}}.document-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.line-items-scroll{overflow-x:auto;padding-bottom:4px}.quote-line-header,.quote-line-row{min-width:820px;display:grid;grid-template-columns:34px minmax(260px,1fr) 96px 150px 96px 42px;gap:10px;align-items:center}.quote-line-header{margin-bottom:8px}.quote-line-header>div{font-size:.75rem;font-weight:850;color:var(--text-muted)}.quote-line-row{padding:6px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface)}.quote-line-row input{min-width:0}.page-header p{margin-top:6px;max-width:58ch}.empty-state{color:var(--text-muted);font-size:.875rem;text-align:center;padding:28px 0}.chart-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-2);font-size:.9rem;text-align:center}@keyframes countGlow{0%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 14px rgba(233,95,45,.45)}to{text-shadow:0 0 0 transparent}}.count-glow{animation:countGlow .8s ease}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:none;transition:all .25s ease}.toast-container{position:fixed;bottom:24px;inset-inline-end:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.page-title-row{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-title-row p,.muted{color:var(--text-muted)}.stack{display:flex;flex-direction:column;gap:12px}.list-card{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.row-wrap,.actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge.subtle{background:var(--accent-tint);color:var(--accent)}.badge.danger{background:#fef2f2;color:#ef4444}[data-theme=dark] .badge.danger{background:#dc26261f;color:#f87171}.empty-state{border:1px dashed var(--border);border-radius:8px;padding:32px 18px;text-align:center;color:var(--text-muted);background:var(--surface)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:20px;background:#14141473}.modal-card{width:min(560px,100%);padding:26px;max-height:min(92vh,760px);overflow:auto}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header{margin-bottom:20px}.modal-header h2{font-size:1rem}.modal-actions{justify-content:flex-end;margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.single{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--text-secondary);font-size:.8rem;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rich-editor-shell{border:1.5px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.rich-editor-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.rich-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border-light);background:var(--surface-2)}.rich-editor-content{padding:14px;outline:none;font-size:.92rem;line-height:1.8}.rich-editor-content:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.rich-editor-content p,.rich-editor-content ul,.rich-editor-content ol,.rich-editor-content table{margin:0 0 12px}.rich-editor-content ul,.rich-editor-content ol{padding-inline-start:22px}.rich-editor-content table{width:100%;border-collapse:collapse}.rich-editor-content td,.rich-editor-content th{border:1px solid var(--border);padding:8px;text-align:start}.ltr-text{direction:ltr;unicode-bidi:plaintext}.login-page{min-height:100vh;background:var(--canvas);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-blob{position:absolute;border-radius:50%;pointer-events:none}.login-blob-top{inset-inline-end:-10%;top:-8%;width:480px;height:480px;background:radial-gradient(circle,rgba(233,95,45,.12) 0%,transparent 70%)}.login-blob-bottom{inset-inline-start:-8%;bottom:-10%;width:360px;height:360px;background:radial-gradient(circle,rgba(233,95,45,.07) 0%,transparent 70%)}.login-card{width:100%;max-width:420px;padding:40px 36px 36px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-brand-mark{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 10px 24px #00000047}.login-header h1{font-size:1.2rem;font-weight:900;color:var(--text-primary);margin-bottom:6px}.login-header p{font-size:.84rem;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.login-field label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.input-wrap{position:relative}.input-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-wrap input{padding-inline-start:42px}.input-wrap.has-end-icon input{padding-inline-end:44px}.input-end-btn{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;border-radius:4px;transition:color var(--transition)}.input-end-btn:hover{color:var(--text-primary)}.login-remember{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text-secondary)}.login-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}input[type=checkbox]{width:22px;height:22px}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.8125rem;font-weight:600}[data-theme=dark] .login-error{background:#dc26261a;border-color:#dc262640;color:#f87171}.login-submit{width:100%;justify-content:center;padding:12px 24px;font-size:.9375rem;margin-top:2px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-panel{padding:24px}.settings-tabs{width:fit-content}.card-header{padding:20px 28px;border-bottom:1px solid var(--border-light);background:var(--surface-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;gap:10px}.card-header h4{font-size:.875rem;font-weight:850;color:var(--text-primary);letter-spacing:0}.card-header svg{color:var(--accent);flex-shrink:0}.settings-shell{padding:28px}.settings-branding-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;align-items:start}.settings-hero-card{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#ffffffeb,#f8f8f6e0),radial-gradient(circle at top right,var(--accent-tint),transparent 58%)}[data-theme=dark] .settings-hero-card{background:linear-gradient(180deg,var(--surface),var(--surface-2)),radial-gradient(circle at top right,var(--accent-tint),transparent 58%)}.settings-hero-mark{width:82px;height:82px;border-radius:18px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-sm)}.settings-hero-mark img{width:100%;height:100%;object-fit:cover}.settings-empty-mark{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.settings-hero-copy{display:grid;gap:4px}.settings-hero-copy strong{font-size:1rem;font-weight:900}.settings-hero-copy span{color:var(--text-muted);font-size:.84rem}.settings-accent-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 10px 20px #1418151f}.settings-form-stack{display:grid;gap:18px}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-section-header h2{font-size:1.05rem;margin-bottom:5px}.settings-section-header p{color:var(--text-muted)}.settings-color-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.settings-logo-preview{min-height:128px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--accent)}.panel-title h2{color:var(--text-primary);font-size:1rem}.form-footer{margin-top:18px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.settings-narrow{max-width:720px}.settings-asset-grid{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-start}.settings-asset-item{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:140px}.settings-asset-box{width:100px;height:100px;border-radius:var(--radius);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-2);transition:border-color var(--transition),background var(--transition)}.settings-asset-box:hover{border-color:var(--accent);background:var(--accent-light)}.settings-asset-box img{width:100%;height:100%;object-fit:contain}.settings-asset-label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.settings-color-section{display:flex;flex-direction:column;gap:10px;min-width:140px}.settings-color-label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.settings-color-picker-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-color-btn{width:34px;height:34px;border-radius:50%;cursor:pointer;transition:all .15s;position:relative}.settings-color-btn:hover{transform:scale(1.12);box-shadow:0 4px 12px #00000026}.settings-color-input{width:34px;height:34px;padding:0;border:2px solid var(--border);border-radius:50%;cursor:pointer}.settings-color-input::-webkit-color-swatch-wrapper{padding:0}.settings-color-input::-webkit-color-swatch{border:none;border-radius:50%}.settings-color-hex{font-size:.75rem;color:var(--text-muted);text-align:center}.settings-whatsapp-section{display:flex;flex-direction:column;gap:8px;min-width:200px;flex:1}.settings-whatsapp-label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.settings-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.settings-form-grid .full-width{grid-column:1 / -1}.settings-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.settings-terms-grid{grid-template-columns:1fr}}.settings-save-row{display:flex;justify-content:flex-end;margin-top:8px}.color-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.color-row input[type=color]{width:48px;height:40px;padding:2px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.color-row button{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.color-row button.is-selected{outline:3px solid var(--accent-ring);border-color:var(--text-primary)}.color-row code{color:var(--text-muted)}.logo-upload-preview{min-height:82px;border:1px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-muted);padding:12px}.logo-upload-preview img{max-height:64px;max-width:220px;object-fit:contain}.logo-upload-preview span,.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row{font-weight:700;color:var(--text-secondary)}.checkbox-row input{width:16px;height:16px;accent-color:var(--accent)}.help-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.help-index,.help-detail,.help-glossary{padding:18px}.help-index{display:flex;flex-direction:column;gap:8px;position:sticky;top:24px}.help-index-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:8px;padding:11px 12px;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:700;text-align:start}.help-index-item:hover,.help-index-item.is-active{background:var(--accent-tint);color:var(--accent)}.help-detail{min-height:420px}.help-detail-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.help-detail-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:var(--accent-tint);flex:0 0 auto}.help-detail-title h2{font-size:1.2rem;margin-bottom:6px}.help-detail-title p,.help-step p,.help-note p,.help-glossary dd{color:var(--text-secondary);line-height:1.8}.help-steps{display:grid;gap:12px}.help-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}.help-step span{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);color:var(--text-secondary);font-weight:800}.help-note{margin-top:20px;padding:14px;border-radius:8px;background:var(--surface-2);display:flex;gap:10px}.help-note svg{color:var(--accent);flex:0 0 auto;margin-top:4px}.help-glossary{grid-column:2}.help-glossary dl{display:grid;gap:10px}.help-glossary dt{font-weight:800}.segmented-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.segmented-tabs button{border:1px solid var(--border);border-radius:10px;padding:10px 16px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-weight:800;font-size:.875rem;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.segmented-tabs button:hover:not(.is-active){background:var(--surface-2);border-color:var(--border)}.segmented-tabs button.is-active{background:var(--accent);border-color:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:7px}.segmented-tabs button:not(.is-active){display:inline-flex;align-items:center;gap:7px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.template-card{padding:14px;cursor:pointer;border:1px solid var(--border)}.template-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.template-thumb{aspect-ratio:210 / 297;border-radius:6px;background:var(--surface-2);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--text-muted);margin-bottom:10px;overflow:hidden}.template-card-title,.template-card-actions,.rename-row{display:flex;align-items:center;gap:8px}.template-card-title strong,.rename-row input{flex:1;min-width:0}.template-card-actions{justify-content:space-between;margin-top:10px}.danger-button{color:#ef4444}.template-editor-card{padding:24px;margin-top:10px}.template-editor-card>h2{font-size:1rem;margin-bottom:18px}.template-editor{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.template-preview{max-width:100%;position:relative;flex:0 0 auto;background-color:var(--surface);background-size:cover;background-position:center;border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--text-muted);overflow:hidden}.template-preview.is-pdf{background:linear-gradient(180deg,#f9fafb,#eef1ee)}[data-theme=dark] .template-preview.is-pdf{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.template-preview-frame,.template-preview-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.template-preview-image{object-fit:cover;display:block}.template-margin-box{position:absolute;border:2px dashed var(--accent);background:var(--accent-tint);pointer-events:none}.template-margin-form{flex:1 1 220px;min-width:220px}.template-margin-form h2{font-size:1rem}.template-settings-card{padding:24px;margin-bottom:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.section-heading h2{font-size:1.05rem;margin-bottom:5px}.section-heading p{color:var(--text-muted);max-width:680px}.template-assets-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.template-asset-box{border:1px solid var(--border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.template-asset-box>span{color:var(--text-secondary);font-size:.82rem;font-weight:800}.logo-upload-preview.compact{min-height:110px}.template-thumb-empty{width:100%;height:100%;display:grid;place-items:center;gap:6px;color:var(--text-muted);background:linear-gradient(180deg,#ffffffe0,#f8f8f6e6),repeating-linear-gradient(45deg,rgba(23,23,23,.03) 0,rgba(23,23,23,.03) 10px,transparent 10px,transparent 20px)}[data-theme=dark] .template-thumb-empty{background:linear-gradient(180deg,var(--surface),var(--surface-2)),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 10px,transparent 10px,transparent 20px)}.template-thumb-empty small{font-size:.72rem;font-weight:800}.template-settings-grid .wide{grid-column:1 / -1}.templates-files-heading{margin-top:8px}.documents-list-table td:last-child{white-space:nowrap}.documents-list-table td:last-child .btn+.btn{margin-inline-start:6px}@media(max-width:720px){.responsive-table{display:block;border-collapse:separate}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:12px;padding:12px}.responsive-table tr{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.responsive-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;font-size:.86rem;text-align:end}.responsive-table td:before{content:attr(data-label);min-width:86px;color:var(--text-muted);font-size:.72rem;font-weight:850;text-align:start}.responsive-table td:last-child{justify-content:flex-end;padding-top:6px;border-top:1px solid var(--border-light)}.responsive-table td:last-child:before{content:"";display:none}.documents-list-table{min-width:0}.documents-list-table td:first-child{align-items:flex-start;font-size:.95rem;line-height:1.45;word-break:break-word}}@media(max-width:980px){.app-shell{display:block}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20;height:60px;padding:10px 16px;background:color-mix(in srgb,var(--surface) 90%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-title span{grid-column:2;grid-row:1;font-size:.9rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-title small{grid-column:2;grid-row:2;color:var(--text-muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-title .brand-mark{grid-column:1;grid-row:1 / 3}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,320px);transform:translate(105%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}[dir=ltr] .sidebar{transform:translate(-105%)}.nav-open .sidebar{transform:translate(0)}.mobile-close{display:inline-flex;position:absolute;top:12px;inset-inline-end:12px;z-index:2}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#11182759;z-index:25}.main-content{padding:20px 16px 32px}.page-header{display:block}.document-builder-grid,.settings-two-column,.settings-branding-grid,.help-layout,.template-assets-row,.loader-panels{grid-template-columns:1fr}.document-builder-grid>div[style*=sticky]{position:static!important}.help-index,.help-glossary{grid-column:auto;position:static}.loader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){html{font-size:15px}.main-content{padding-inline:12px}.loader-grid{grid-template-columns:1fr}.toast-container{inset-inline:12px;bottom:12px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-panel{border-radius:14px;padding:28px 32px;max-width:560px;width:100%;box-shadow:0 24px 48px #0000002e;max-height:90vh;overflow-y:auto;background:var(--surface)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border-light)}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;transition:background .15s;display:flex;align-items:center}.modal-close-btn:hover{background:var(--surface-2, var(--border-light))}.filter-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--surface)}.filter-panel select,.filter-panel input[type=date],.filter-panel input[type=text]{font-size:.8rem;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);min-width:120px}.filter-clear{font-size:.78rem;color:var(--text-muted);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-light);font-size:.8rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:6px}.pagination-controls button{padding:4px 10px;border-radius:5px;font-size:.78rem;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text)}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-controls button.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;border-top:1px solid var(--border-light);font-size:.8rem;color:var(--text-muted)}.pagination-size{display:flex;align-items:center;gap:8px}.pagination-size select{width:auto;min-width:64px;padding:4px 8px;font-size:.8rem}.pagination-bar .pagination-gap{padding:0 4px;color:var(--text-muted)}