:root{--bg:#f4f7fb;--surface:#fff;--sidebar:#111827;--sidebar-text:#d1d5db;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--danger-dark:#b91c1c;--success:#059669;--shadow:0 10px 30px #0f172a14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.page-loading,.empty-state{color:var(--muted)}.app-shell{width:100%;min-height:100vh;overflow-x:hidden}.sidebar{--sidebar-width:260px;background:var(--sidebar);color:var(--sidebar-text);width:var(--sidebar-width);z-index:40;flex-direction:column;gap:24px;height:100vh;padding:24px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-shell.sidebar-closed .sidebar{display:none}.app-shell.sidebar-peek .sidebar{display:flex;box-shadow:0 20px 50px #0f172a59}.app-shell.sidebar-peek .main-column{margin-left:0}.main-column{flex-direction:column;width:100%;min-width:0;min-height:100vh;margin-left:260px;display:flex}.app-shell.sidebar-closed .main-column{margin-left:0}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-copy{min-width:0}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.brand strong{color:#fff;display:block}.brand p{margin:0;font-size:.85rem}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-link{color:var(--sidebar-text);border-radius:10px;padding:10px 12px;transition:background .2s,color .2s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14;text-decoration:none}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.sidebar-footer p{color:#fff;word-break:break-word;margin:0;font-size:.9rem}.sidebar-edge-toggle{background:var(--sidebar);color:#fff;cursor:pointer;width:28px;height:44px;box-shadow:var(--shadow);border:1px solid #ffffff2e;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;line-height:1;transition:background .15s,transform .15s;display:inline-flex}.sidebar-edge-toggle:hover{background:#ffffff1f}.sidebar-edge-open{z-index:45;border-left:0;border-radius:0 10px 10px 0;padding:0 2px 0 0;position:fixed;top:50%;left:0;transform:translateY(-50%)}.sidebar-edge-open:hover{transform:translateY(-50%)translate(2px)}.sidebar-edge-close{width:32px;height:32px;box-shadow:none;border-radius:8px;flex-shrink:0}.sidebar-backdrop{display:none}.sidebar-hide-btn,.sidebar-open-tab,.hamburger{display:none!important}.main-content{width:100%;min-width:0;max-width:100%;padding:24px 20px 32px;overflow-x:hidden}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header>div{flex:1;min-width:0}.page-header h1,.auth-card h1,.modal-header h2{word-break:break-word;margin:0 0 8px;font-size:clamp(1.35rem,2vw,1.8rem)}.page-header p,.auth-subtitle{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;min-width:0;padding:16px;overflow:hidden}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.stat-card{flex-direction:column;gap:8px;display:flex}.stat-card span{color:var(--muted)}.stat-card strong{font-size:2rem}.btn{cursor:pointer;font:inherit;white-space:nowrap;border:none;border-radius:10px;padding:8px 12px;font-size:.9rem;transition:background .2s,opacity .2s}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{color:var(--text);background:#e5e7eb}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-success{color:#fff;background:#059669}.btn-success:hover:not(:disabled){background:#047857}.integration-api h2,.integration-pack-head h2{margin:0 0 8px;font-size:1.15rem}.integration-api p,.integration-pack-head p{color:var(--muted);margin:0 0 10px}.integration-hint{font-size:.9rem;margin-top:8px!important}.integration-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tab{border:1px solid var(--border);cursor:pointer;font:inherit;color:var(--text);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.integration-pack-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.integration-path{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-chip{background:var(--bg);border-radius:6px;padding:2px 8px;font-size:.85rem}.integration-steps{color:var(--muted);margin:0 0 16px;padding-left:18px}.integration-steps li{margin-bottom:6px}.code-block{color:#e2e8f0;background:#0f172a;border-radius:12px;max-width:100%;padding:14px 16px;position:relative;overflow:auto}.code-block pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.code-copy{position:absolute;top:10px;right:10px}.invoice-filters{margin-bottom:16px;overflow:visible}.invoice-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:10px;display:grid}.accounts-filter-grid{align-items:end}.accounts-filter-actions{flex-direction:column;justify-content:flex-end;gap:6px;min-height:100%;padding-bottom:2px;display:flex}.accounts-filter-count{margin:0}.accounts-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.accounts-pagination-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accounts-page-size{color:#475569;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.accounts-page-size .input,.accounts-page-size .select{width:auto;min-width:72px}.accounts-page-indicator{color:#475569;text-align:center;min-width:110px;font-size:.9rem}.invoice-help{color:var(--muted);margin:0;font-size:.9rem}.ledger-totals{border-top:1px solid var(--border,#e2e8f0);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:14px;display:grid}.ledger-totals div{flex-direction:column;gap:4px;display:flex}.ledger-totals span{color:var(--muted);font-size:.85rem}.ledger-totals strong{font-size:1.05rem}.ledger-account-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ledger-account-field>span{color:var(--muted,#64748b);font-size:.85rem;font-weight:600}.searchable-select{width:100%;position:relative}.searchable-select.is-disabled{opacity:.65}.searchable-select-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.searchable-select-placeholder{color:var(--muted,#94a3b8)}.searchable-select-caret{color:var(--muted,#64748b);flex-shrink:0;font-size:.75rem}.searchable-select-panel{z-index:40;border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:10px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 30px #0f172a1f}.searchable-select-panel-portal{flex-direction:column;display:flex;position:fixed;right:auto;overflow:hidden}.searchable-select-panel-portal .searchable-select-list{flex:1;max-height:none}.searchable-select-search{margin-bottom:6px}.searchable-select-list{max-height:260px;margin:0;padding:0;list-style:none;overflow:auto}.searchable-select-option{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;padding:8px 10px;display:block}.searchable-select-option:hover,.searchable-select-option.is-active{background:#f1f5f9}.searchable-select-empty{color:var(--muted,#64748b);padding:10px;font-size:.9rem}.tickets-page{flex-direction:column;gap:16px;display:flex}.ticket-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ticket-summary-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.ticket-summary-card span{color:var(--muted);font-size:.85rem}.ticket-summary-card strong{font-size:1.4rem}.ticket-summary-card.is-active,.ticket-summary-card:hover{border-color:var(--primary);box-shadow:0 8px 20px #2563eb14}.ticket-toolbar{flex-direction:column;gap:12px;display:flex}.ticket-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.ticket-chip{border:1px solid var(--border);cursor:pointer;font:inherit;color:var(--text);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.ticket-chip.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.ticket-search{max-width:360px}.ticket-list{flex-direction:column;gap:10px;display:flex}.ticket-row{border:1px solid var(--border);color:inherit;background:#fff;border-radius:14px;justify-content:space-between;gap:16px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.ticket-row:hover{border-color:var(--primary);color:inherit;text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.ticket-row.priority-high{border-left:4px solid #dc2626}.ticket-row.priority-low{border-left:4px solid #94a3b8}.ticket-row-main{flex:1;min-width:0}.ticket-row-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ticket-no{color:var(--muted);font-size:.9rem;font-weight:700}.ticket-row h3{margin:0 0 6px;font-size:1.05rem}.ticket-row-meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin:0;font-size:.85rem;display:flex}.ticket-row-side{text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:8px;display:flex}.ticket-next-action{color:var(--primary);max-width:180px;font-size:.85rem;font-weight:600}.ticket-open-hint{color:var(--muted);font-size:.85rem}.ticket-empty{text-align:center;padding:36px 16px}.ticket-empty h3{margin:0 0 8px}.ticket-empty p{color:var(--muted);max-width:420px;margin:0 auto 16px}.status-pill,.priority-pill,.role-tag,.type-tag{border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.status-pill{color:#334155;background:#e2e8f0}.status-open,.status-reopened{color:#92400e;background:#fef3c7}.status-in_progress{color:#1d4ed8;background:#dbeafe}.status-awaiting_client,.status-resolved{color:#5b21b6;background:#ede9fe}.status-closed,.status-paid{color:#065f46;background:#d1fae5}.status-draft{color:#475569;background:#e2e8f0}.status-posted,.status-unpaid{color:#92400e;background:#fef3c7}.status-cancelled{color:#991b1b;background:#fee2e2}tr.invoice-row-paid{background:#ecfdf5}tr.invoice-row-paid:hover{background:#d1fae5}.priority-pill{color:#475569;background:#f1f5f9}.priority-pill.priority-high{color:#b91c1c;background:#fee2e2}.priority-pill.priority-low{color:#64748b;background:#f8fafc}.ticket-create-layout,.ticket-detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.ticket-create-main,.ticket-detail-main{flex-direction:column;gap:16px;min-width:0;display:flex}.ticket-create-side,.ticket-detail-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.ticket-section-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ticket-section-head h3,.ticket-card-title{margin:0 0 4px;font-size:1.05rem}.ticket-section-head p{color:var(--muted);margin:0;font-size:.9rem}.ticket-step{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.ticket-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.ticket-priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-choice{border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.ticket-choice strong{font-size:.95rem}.ticket-choice span{color:var(--muted);font-size:.8rem}.ticket-choice.is-active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#eff6ff}.ticket-dropzone{cursor:pointer;text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:28px 16px;display:flex}.ticket-dropzone input{display:none}.ticket-dropzone span{color:var(--muted);font-size:.85rem}.ticket-file-preview{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.ticket-file-preview li{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ticket-file-preview strong{font-size:.9rem;display:block}.ticket-file-preview span{color:var(--muted);font-size:.8rem}.ticket-file-preview.compact li{padding:8px 10px}.ticket-checklist{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.ticket-checklist li{color:var(--muted);padding-left:22px;font-size:.9rem;position:relative}.ticket-checklist li:before{content:"";border:2px solid #cbd5e1;border-radius:999px;width:12px;height:12px;position:absolute;top:4px;left:0}.ticket-checklist li.is-done{color:var(--text);font-weight:600}.ticket-checklist li.is-done:before{background:#059669;border-color:#059669}.ticket-submit-actions{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ticket-status-banner{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.ticket-status-banner p{color:var(--muted);margin:8px 0 0}.ticket-status-banner.tone-needs-action{background:#f5f3ff;border-color:#c4b5fd}.ticket-status-banner.tone-attention{background:#fffbeb;border-color:#fcd34d}.ticket-status-banner.tone-done{background:#ecfdf5;border-color:#6ee7b7}.ticket-status-banner.tone-info{background:#eff6ff;border-color:#93c5fd}.ticket-status-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;font-size:.85rem;display:flex}.ticket-summary-block{flex-direction:column;gap:14px;display:flex}.ticket-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.ticket-summary-block p,.ticket-pre{white-space:pre-wrap;margin:0}.ticket-people{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:16px;padding-top:14px;font-size:.9rem;display:flex}.ticket-attach-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.ticket-attach-card{border:1px solid var(--border);cursor:pointer;text-align:left;font:inherit;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.ticket-attach-card:hover{border-color:var(--primary)}.ticket-attach-icon{font-size:1.25rem}.ticket-attach-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ticket-attach-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.ticket-attach-copy span,.ticket-attach-action{color:var(--muted);font-size:.78rem}.ticket-thread-card{flex-direction:column;gap:12px;display:flex}.ticket-thread-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ticket-thread-head span{color:var(--muted);font-size:.85rem}.ticket-thread{flex-direction:column;gap:12px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.ticket-bubble{border:1px solid var(--border);background:#f8fafc;border-radius:14px;align-self:flex-start;max-width:85%;padding:12px 14px}.ticket-bubble.is-mine{background:#eff6ff;border-color:#bfdbfe;align-self:flex-end}.ticket-bubble.is-system{background:#fffbeb;border-color:#fde68a;align-self:stretch;max-width:100%}.ticket-bubble p{white-space:pre-wrap;margin:8px 0 0}.ticket-bubble-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.8rem;display:flex}.role-tag{color:#334155;text-transform:capitalize;background:#e2e8f0}.type-tag{color:#92400e;background:#fef3c7}.ticket-bubble-files{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ticket-mini-file{border:1px solid var(--border);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:.8rem}.ticket-reply-box{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.ticket-reply-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ticket-file-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;padding:8px 12px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.ticket-file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.ticket-action-card.highlight{background:#f5f3ff;border-color:#c4b5fd}.ticket-confirm-actions,.ticket-status-extra{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ticket-quick-actions{flex-direction:column;gap:8px;margin:12px 0;display:flex}.ticket-quick-btn{border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.ticket-quick-btn span{color:var(--muted);font-size:.8rem}.ticket-quick-btn:hover:not(:disabled),.ticket-quick-btn.is-current{border-color:var(--primary);background:#eff6ff}.ticket-quick-btn:disabled{opacity:.65;cursor:not-allowed}.ticket-meta-list{flex-direction:column;gap:10px;margin:0;display:flex}.ticket-meta-list div{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.ticket-meta-list dt{color:var(--muted)}.ticket-meta-list dd{text-align:right;margin:0;font-weight:600}@media (width<=980px){.ticket-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-create-layout,.ticket-detail-layout{grid-template-columns:1fr}.ticket-create-side,.ticket-detail-side{position:static}}@media (width<=700px){.ledger-totals{grid-template-columns:1fr}.ticket-row{flex-direction:column}.ticket-row-side{text-align:left;align-items:flex-start}.ticket-choice-grid,.ticket-priority-grid{grid-template-columns:1fr}.ticket-status-banner{flex-direction:column;align-items:flex-start}.ticket-status-meta{justify-content:flex-start}.ticket-bubble{max-width:100%}}.licenses-section{margin-bottom:28px}.licenses-section-title{margin:0 0 4px;font-size:1.15rem}.licenses-section-subtitle{color:var(--muted);margin:0 0 12px;font-size:.9rem}.license-select-list{flex-direction:column;gap:10px;max-height:320px;padding:4px 2px;display:flex;overflow-y:auto}.license-select-row{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:auto minmax(0,1fr) 120px;align-items:center;gap:10px;padding:10px 12px;display:grid}.license-select-label{word-break:break-word;font-size:.92rem}@media (width<=600px){.license-select-row{grid-template-columns:auto 1fr}.license-select-row .input{grid-column:1/-1}}.btn-ghost{color:#fff;background:0 0;border:1px solid #fff3}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field span{font-size:.9rem;font-weight:600}.input{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;max-width:100%;padding:10px 12px}.textarea{resize:vertical;min-height:96px}.form-grid{gap:14px;display:grid}.receipt-invoice-select{height:auto;min-height:120px;padding:8px}.full-width{width:100%}.alert{word-break:break-word;border-radius:10px;margin-bottom:14px;padding:12px 14px}.alert-error{color:#991b1b;background:#fee2e2}.alert-success{color:#065f46;background:#d1fae5}.toast{z-index:1000;border-radius:10px;align-items:flex-start;gap:12px;max-width:min(420px,100vw - 32px);padding:14px 16px;animation:.2s ease-out toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #0f172a2e}.toast-message{word-break:break-word;flex:1;font-size:.95rem;line-height:1.4}.toast-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0;font-size:1.2rem;line-height:1}.toast-close:hover{opacity:1}.toast-error{color:#991b1b;background:#fee2e2}.toast-success{color:#065f46;background:#d1fae5}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-wrap{width:100%;max-width:100%;overflow-x:visible}.data-table{border-collapse:collapse;table-layout:auto;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;word-break:break-word;overflow-wrap:anywhere;padding:10px 8px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.78rem}.data-table .table-actions-cell{min-width:0}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-actions .btn{flex:0 auto}.auth-page{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;display:flex;overflow-y:auto}.auth-card{width:100%;max-width:420px;margin:auto}.auth-footer{text-align:center;color:var(--muted);margin-top:16px}.modal-backdrop{z-index:50;-webkit-overflow-scrolling:touch;background:#0f172a73;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:560px;max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;margin:auto;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:20px;overflow-y:auto}.icon-btn{cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.muted-text{color:#64748b;margin:4px 0 0;font-size:.85rem}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.customer-contacts-section{border:1px solid var(--border);background:#f8fafc;border-radius:12px;gap:12px;padding:14px;display:grid}.customer-contacts-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.customer-contact-row{border:1px solid var(--border);background:#fff;border-radius:10px;gap:12px;padding:12px;display:grid}.customer-contact-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.phone-input-group{grid-template-columns:minmax(140px,180px) minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.phone-input-group .select,.phone-input-group .input{width:100%}.phone-hint{color:#64748b;margin:6px 0 0;font-size:.8rem}.wa-page{flex-direction:column;gap:12px;display:flex}.wa-header-actions{gap:8px;display:flex}.wa-shell{background:#fff;border:1px solid #d1d7db;border-radius:16px;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:min(78vh,760px);display:grid;overflow:hidden;box-shadow:0 10px 30px #0f172a14}.wa-sidebar{background:#fff;border-right:1px solid #e9edef;flex-direction:column;min-width:0;display:flex}.wa-sidebar-top{background:#f0f2f5;border-bottom:1px solid #e9edef;padding:14px 14px 10px}.wa-brand-row{color:#111b21;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wa-brand-row span{color:#667781;font-size:.85rem}.wa-search{color:#111b21;background:#fff;border:0;border-radius:10px;outline:none;width:100%;padding:10px 12px}.wa-conversation-list{flex:1;overflow-y:auto}.wa-conversation{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f0f2f5;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.wa-conversation:hover,.wa-conversation.active{background:#f0f2f5}.wa-avatar{color:#fff;background:#00a884;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:.9rem;font-weight:700;display:grid}.wa-conversation-main{min-width:0}.wa-conversation-top,.wa-conversation-bottom{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.wa-conversation-top strong{color:#111b21;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-conversation-top span,.wa-conversation-bottom span,.wa-conversation-bottom em{color:#667781;font-size:.8rem;font-style:normal}.wa-conversation-bottom span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wa-thread{background:linear-gradient(#e5ddd5eb,#e5ddd5eb),repeating-linear-gradient(45deg,#00000004 0 12px,#0000 12px 24px);flex-direction:column;min-width:0;min-height:min(78vh,760px);display:flex}.wa-thread-header{background:#f0f2f5;border-bottom:1px solid #e9edef;align-items:center;gap:12px;padding:12px 16px;display:flex}.wa-thread-header-main{flex:1;min-width:0}.wa-thread-header strong{color:#111b21}.wa-thread-header p{color:#667781;margin:2px 0 0;font-size:.85rem}.wa-window-badge{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700}.wa-window-badge.open{color:#166534;background:#dcfce7}.wa-window-badge.closed{color:#991b1b;background:#fee2e2}.wa-window-pill{border-radius:999px;padding:1px 6px;font-size:.72rem;font-style:normal;font-weight:700}.wa-window-pill.open{color:#166534;background:#dcfce7}.wa-composer{background:#f0f2f5;border-top:1px solid #e9edef;padding:10px 12px 12px}.wa-composer-hint{color:#667781;margin:0 0 8px;font-size:.82rem}.wa-composer-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.wa-composer-input{resize:none;width:100%;font:inherit;color:#111b21;border:0;border-radius:12px;outline:none;min-height:44px;padding:10px 12px}.wa-composer-input:disabled{color:#667781;background:#e9edef}.wa-thread-body{flex-direction:column;flex:1;gap:8px;padding:18px 16px 24px;display:flex;overflow-y:auto}.wa-thread-empty{text-align:center;color:#667781;background:#f0f2f5;flex:1;place-items:center;display:grid}.wa-thread-empty strong{color:#111b21;margin-bottom:6px;font-size:1.2rem;display:block}.wa-bubble{border-radius:10px;max-width:min(72%,520px);padding:8px 10px 6px;position:relative;box-shadow:0 1px .5px #0b141a21}.wa-bubble.inbound{background:#fff;border-top-left-radius:0;align-self:flex-start}.wa-bubble.outbound{background:#d9fdd3;border-top-right-radius:0;align-self:flex-end}.wa-bubble p{color:#111b21;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.4}.wa-template-tag{color:#027eb5;background:#027eb514;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:.72rem;display:inline-block}.wa-bubble-foot{color:#667781;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}.wa-media-link{margin-bottom:6px;display:block}.wa-media-image{object-fit:cover;border-radius:8px;max-width:100%;max-height:280px;display:block}.wa-media-audio,.wa-media-video{width:min(100%,280px);margin-bottom:6px;display:block}.wa-media-doc{color:#027eb5;margin-bottom:6px;font-weight:600;text-decoration:none;display:inline-block}.wa-ticks{letter-spacing:-1px;color:#667781;font-style:normal}.wa-ticks.read{color:#53bdeb}.wa-ticks.failed{color:#ea4335}.wa-empty{color:#667781;margin:0;padding:24px 18px}.wa-empty.light{text-align:center;color:#54656f}@media (width<=1100px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:8px 12px}.data-table td{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(96px,34%) minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;display:grid}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding-top:2px;font-size:.75rem;font-weight:700}.data-table td.table-actions-cell{flex-direction:column;gap:8px;padding-top:12px;display:flex}.data-table td.table-actions-cell:before{display:block}.data-table .row-actions{width:100%}.data-table .row-actions .btn{text-align:center;flex:calc(50% - 6px);min-width:0}}@media (width<=900px){.main-column,.app-shell.sidebar-closed .main-column,.app-shell.sidebar-open .main-column{margin-left:0}.sidebar{width:min(280px,86vw);height:100vh;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:0 20px 50px #0f172a59}.app-shell.sidebar-open .sidebar,.sidebar.is-open{display:flex;transform:translate(0)}.app-shell.sidebar-closed .sidebar{display:flex;transform:translate(-105%)}.sidebar-backdrop{z-index:30;cursor:pointer;background:#0f172a73;border:0;display:block;position:fixed;inset:0}.main-content{padding:16px 12px 24px}.page-header{flex-direction:column;align-items:stretch}.page-header .row-actions,.page-header>.btn,.page-header>div.row-actions{width:100%}.page-header .row-actions .btn{flex:auto}.invoice-filter-grid{grid-template-columns:1fr}.integration-pack-head{flex-direction:column}.modal-backdrop{padding:12px}.modal{border-radius:12px;max-height:calc(100vh - 24px)}.modal-header,.modal-body{padding:14px 16px}.wa-shell{grid-template-columns:1fr;min-height:auto}.wa-sidebar{border-bottom:1px solid #e9edef;border-right:none;max-height:280px}.wa-thread{min-height:480px}.wa-bubble{max-width:88%}}@media (width<=520px){.data-table td{grid-template-columns:1fr;gap:4px}.data-table .row-actions .btn{flex:100%}}