@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--primary: #25d366;--primary-hover: #1da851;--primary-soft: rgba(37, 211, 102, .12);--bg-light: #f8fafc;--bg-white: #ffffff;--bg-card: #ffffff;--input-bg: #eef2f7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--error: #ef4444;--error-soft: rgba(239, 68, 68, .12);--success: #22c55e;--success-soft: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--info: #2563eb;--cat-violet: #7c3aed;--cat-violet-soft: rgba(139, 92, 246, .12);--cat-indigo: #4f46e5;--cat-indigo-soft: rgba(99, 102, 241, .12);--cat-teal: #0d9488;--cat-teal-soft: rgba(20, 184, 166, .12);--cat-sky: #0284c7;--cat-sky-soft: rgba(14, 165, 233, .12);--cat-pink: #db2777;--cat-pink-soft: rgba(236, 72, 153, .12);--cat-fuchsia: #a21caf;--cat-fuchsia-soft: rgba(217, 70, 239, .12);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-light: #0f172a;--bg-white: #1e293b;--bg-card: #1e293b;--input-bg: #37455c;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--primary-soft: color-mix(in srgb, var(--primary) 18%, transparent);--error-soft: color-mix(in srgb, var(--error) 18%, transparent);--success-soft: color-mix(in srgb, var(--success) 18%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 18%, transparent);--info: #60a5fa;--cat-violet: #c4b5fd;--cat-violet-soft: rgba(139, 92, 246, .22);--cat-indigo: #a5b4fc;--cat-indigo-soft: rgba(99, 102, 241, .22);--cat-teal: #5eead4;--cat-teal-soft: rgba(20, 184, 166, .22);--cat-sky: #7dd3fc;--cat-sky-soft: rgba(14, 165, 233, .22);--cat-pink: #f9a8d4;--cat-pink-soft: rgba(236, 72, 153, .22);--cat-fuchsia: #f0abfc;--cat-fuchsia-soft: rgba(217, 70, 239, .22);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}}:root[data-theme=dark]{color-scheme:dark;--bg-light: #0f172a;--bg-white: #1e293b;--bg-card: #1e293b;--input-bg: #37455c;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--primary-soft: color-mix(in srgb, var(--primary) 18%, transparent);--error-soft: color-mix(in srgb, var(--error) 18%, transparent);--success-soft: color-mix(in srgb, var(--success) 18%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 18%, transparent);--cat-violet: #c4b5fd;--cat-violet-soft: rgba(139, 92, 246, .22);--cat-indigo: #a5b4fc;--cat-indigo-soft: rgba(99, 102, 241, .22);--cat-teal: #5eead4;--cat-teal-soft: rgba(20, 184, 166, .22);--cat-sky: #7dd3fc;--cat-sky-soft: rgba(14, 165, 233, .22);--cat-pink: #f9a8d4;--cat-pink-soft: rgba(236, 72, 153, .22);--cat-fuchsia: #f0abfc;--cat-fuchsia-soft: rgba(217, 70, 239, .22);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}*{box-sizing:border-box}html{background-color:var(--bg-light)}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-primary);line-height:1.6}h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.page-subtitle{color:var(--text-secondary);font-size:.9375rem;margin:.35rem 0 0}button{font-family:inherit}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.15rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-light);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-white);border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.link-button{background:none;border:none;padding:0;color:var(--text-secondary);font-weight:600;font-size:.8125rem;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.link-button:hover{color:var(--text-primary)}.link-button.danger{color:var(--error)}.link-button.danger:hover{color:#b91c1c}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,select,textarea,.dropdown-trigger{font-family:inherit;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;font-size:.9375rem;transition:all .2s}input:focus,select:focus,textarea:focus,.dropdown-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.dropdown-select{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;cursor:pointer;text-align:left}.dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.dropdown-trigger svg{flex-shrink:0;color:var(--text-muted)}.dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:absolute;top:calc(100% + .3rem);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--bg-white);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:.3rem;z-index:20}.dropdown-option{display:block;width:100%;text-align:left;background:none;border:none;border-radius:6px;padding:.5rem .6rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.dropdown-option:hover{background:var(--bg-light)}.dropdown-option.selected{background:var(--primary-soft);color:var(--primary);font-weight:600}.dropdown-empty{display:block;padding:.5rem .6rem;font-size:.8125rem;color:var(--text-muted)}label{display:flex;flex-direction:column;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border);min-height:72px}.sidebar-mark{width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-name{font-size:1.0625rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.brand-subtitle{font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .15s}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--bg-light);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--primary-soft);color:var(--primary)}.sidebar-footer{padding:.75rem;display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--border)}.sidebar-user{padding:.5rem .85rem .75rem}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:var(--text-muted)}.sidebar-footer button{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-footer button:hover{background:var(--bg-light);color:var(--text-primary)}.sidebar-footer .logout-btn:hover{background:var(--error-soft);border-color:var(--error);color:var(--error)}.main-content{flex:1;margin-left:240px;width:calc(100% - 240px);min-height:100vh}.content{max-width:1080px;margin:0 auto;padding:2rem}.gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-light)}.gate-form{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2.5rem;width:380px;text-align:center}.gate-mark{width:56px;height:56px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.gate-form h1{font-size:1.375rem}.gate-form p{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0 1.5rem}.gate-form input{width:100%;margin-bottom:1rem;text-align:center}.gate-form .btn-primary,.gate-form .btn-secondary{width:100%;justify-content:center}.gate-form .btn-secondary{margin-top:.75rem}.gate-form .error{text-align:left}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.75rem;gap:1rem}.page-actions{display:flex;gap:.6rem;flex-shrink:0}@media(max-width:560px){.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%;flex-direction:column}.page-actions>button{justify-content:center}.inline-form{flex-direction:column;align-items:stretch}}.error{background:var(--error-soft);border:1px solid color-mix(in srgb,var(--error) 35%,transparent);color:var(--error);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.25rem}.tab-bar{display:flex;gap:.4rem;margin-bottom:1rem}.tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary-soft);border-color:transparent;color:var(--primary)}.tab-btn .count{color:inherit;opacity:.7;font-weight:500}.category-bar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.category-pill{cursor:pointer}.category-remove{opacity:0;display:inline-flex;margin-left:.1rem}.category-pill:hover .category-remove{opacity:.7}.category-remove:hover{opacity:1!important}.category-new-form{display:flex;gap:.3rem}.category-new-form input{padding:.5rem .7rem;font-size:.8125rem;width:140px}.category-new-form button{padding:.5rem .75rem;font-size:.8125rem}.table-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);overflow-x:auto;overflow-y:hidden}table{width:100%;border-collapse:collapse}.schedules-table{table-layout:fixed}.schedules-table th:nth-child(1),.schedules-table th:nth-child(2),.schedules-table th:nth-child(3){width:18%}.schedules-table th:nth-child(4){width:30%}.schedules-table th:nth-child(5){width:16%}.cell-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.35rem}.row-actions-inline{display:flex;gap:.9rem}.scope-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.1rem}.scope-checkbox{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:.4rem;font-weight:400;text-transform:none;letter-spacing:normal;margin-bottom:0}.scope-checkbox input{width:auto;margin:0}.scope-chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.inline-edit-form{display:flex;align-items:center;gap:.4rem}.inline-edit-form input{padding:.4rem .6rem;font-size:.8125rem;width:160px}th,td{text-align:left;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);font-size:.875rem}thead tr{background:var(--bg-light)}th{color:var(--text-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-light)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--text-muted)}.empty{color:var(--text-muted);text-align:center;padding:3rem 1.5rem;font-size:.9375rem}.inline-form,.card-form{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1.5rem}.inline-form{display:flex;gap:.75rem;align-items:flex-end}.inline-form input{flex:1}.card-form>button[type=submit]{margin-top:.25rem}.form-actions{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.field-hint{font-size:.8125rem;color:var(--text-muted);margin:-.6rem 0 1rem}.success-inline{font-size:.875rem;font-weight:600;color:var(--success)}.templates-layout{display:flex;gap:1.5rem;align-items:flex-start}.category-rail{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:.2rem;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:.6rem}.templates-layout .card-list{flex:1;min-width:0}.rail-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:8px;border:none;background:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;width:100%}.rail-item span:first-of-type{flex-shrink:0}.rail-item span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item:hover{background:var(--bg-light);color:var(--text-primary)}.rail-item.active{background:var(--primary-soft);color:var(--primary)}.rail-count{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.rail-new-btn{margin-top:.3rem;padding:.55rem .65rem}.rail-new-form{display:flex;gap:.4rem;padding:.3rem .15rem}.rail-new-form input{flex:1;padding:.5rem .6rem;font-size:.8125rem}.rail-new-form button{padding:.5rem .75rem;font-size:.8125rem}@media(max-width:700px){.templates-layout{flex-direction:column}.category-rail{width:100%;flex-direction:row;flex-wrap:wrap}.rail-item{width:auto}.card-title{flex-wrap:wrap}.card-title>.link-button,.row-actions-card{margin-left:0}}.card-list{display:flex;flex-direction:column;gap:1rem;min-width:0}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;min-width:0;max-width:100%}.card-title{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.9375rem;margin-bottom:.75rem}.card-title>.link-button{margin-left:auto}.row-actions-card{margin-left:auto;align-self:flex-start;margin-top:1rem}.card-image{max-width:220px;border-radius:10px;margin-bottom:.75rem;border:1px solid var(--border)}.card-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;color:var(--text-secondary);margin:0;font-size:.9375rem}.nested-table{margin-top:.5rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.nested-table th,.nested-table td{padding:.6rem .9rem}.composer-toolbar{display:flex;gap:.35rem;margin-bottom:.5rem}.composer-toolbar button{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;font-weight:700;font-size:.8125rem;cursor:pointer}.composer-toolbar button:hover{border-color:var(--primary);color:var(--primary)}.composer textarea{width:100%;resize:vertical;font-size:.9375rem}.composer-count{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.day-picker{display:flex;gap:.4rem}.day-pill{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.day-pill:hover{border-color:var(--primary);color:var(--primary)}.day-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.media-tile{background:var(--bg-white);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);padding:0;cursor:default}.media-tile img{width:100%;height:120px;object-fit:cover;display:block}.media-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.5rem .6rem}.media-tile-name{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-tile-category{width:100%;font-size:.75rem;padding:.3rem .6rem .55rem;border:none;border-top:1px solid var(--border);border-radius:0;background:var(--bg-white);color:var(--text-secondary)}.media-grid-picker{margin-top:.75rem;max-height:280px;overflow-y:auto;padding:.75rem;background:var(--bg-light);border-radius:10px}.media-grid-picker .media-tile{cursor:pointer;border:2px solid transparent;padding:0;background:var(--bg-white)}.media-grid-picker .media-tile:hover{border-color:var(--primary)}.media-grid-picker .media-tile.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.image-picker{display:flex;flex-direction:column;gap:.6rem}.image-picker-preview{display:flex;align-items:center;gap:.75rem}.image-picker-preview img{max-width:140px;max-height:140px;border-radius:8px;border:1px solid var(--border)}.image-picker-actions{display:flex;gap:.5rem}.image-picker-url{font-size:.8125rem}.steps-table{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.steps-header,.steps-row{display:grid;grid-template-columns:80px 110px 80px 1fr 80px;gap:.6rem;align-items:center}.steps-row input,.steps-row .dropdown-select{min-width:0;width:100%}.steps-header{color:var(--text-muted);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.add-step-btn{margin-bottom:1.25rem}.badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border)}.badge-sent,.badge-active{background:var(--success-soft);color:#16a34a;border-color:transparent}:root[data-theme=dark] .badge-sent,:root[data-theme=dark] .badge-active{color:#4ade80}.badge-failed{background:var(--error-soft);color:var(--error);border-color:transparent}.badge-test{background:var(--primary-soft);color:var(--primary);border-color:transparent;margin-left:.5rem}.badge-queued,.badge-pending{background:var(--warning-soft);color:#b45309;border-color:transparent}:root[data-theme=dark] .badge-queued,:root[data-theme=dark] .badge-pending{color:#fbbf24}.badge-cancelled,.badge-paused,.badge-completed{background:var(--bg-light);color:var(--text-muted)}.badge-cat-violet{background:var(--cat-violet-soft);color:var(--cat-violet);border-color:transparent}.badge-cat-indigo{background:var(--cat-indigo-soft);color:var(--cat-indigo);border-color:transparent}.badge-cat-teal{background:var(--cat-teal-soft);color:var(--cat-teal);border-color:transparent}.badge-cat-sky{background:var(--cat-sky-soft);color:var(--cat-sky);border-color:transparent}.badge-cat-pink{background:var(--cat-pink-soft);color:var(--cat-pink);border-color:transparent}.badge-cat-fuchsia{background:var(--cat-fuchsia-soft);color:var(--cat-fuchsia);border-color:transparent}.name-with-badge{display:inline-flex;align-items:center;gap:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:900px){.sidebar{width:72px}.sidebar-header{padding:1.25rem .75rem;justify-content:center}.sidebar-header .sidebar-brand,.nav-item span{display:none}.nav-item{justify-content:center}.sidebar-footer button span{display:none}.sidebar-footer button{justify-content:center}.main-content{margin-left:72px;width:calc(100% - 72px)}}@media(max-width:640px){.content{padding:1.25rem}.steps-header,.steps-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.chats-layout{display:flex;gap:1.5rem;height:calc(100vh - 220px);min-height:480px}.chat-list{width:300px;flex-shrink:0;overflow-y:auto;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:.5rem;display:flex;flex-direction:column;gap:.15rem}.chat-list-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .65rem;border-radius:8px;border:none;background:none;text-align:left;cursor:pointer;min-width:0}.chat-list-item:hover{background:var(--bg-light)}.chat-list-item.active{background:var(--primary-soft)}.chat-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;margin-bottom:.3rem;color:var(--text-muted)}.chat-search input{flex:1;border:none;background:none;padding:.2rem 0;font-size:.8125rem}.chat-search input:focus{outline:none;box-shadow:none}.chat-list-icon{width:30px;height:30px;border-radius:50%;background:var(--bg-light);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.chat-list-icon img{width:100%;height:100%;object-fit:cover}.chat-list-body{flex:1;min-width:0}.chat-list-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.chat-list-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-time{font-size:.6875rem;color:var(--text-muted);flex-shrink:0}.chat-list-bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.15rem}.chat-list-preview{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-unread-badge{background:var(--primary);color:#fff;font-size:.6875rem;font-weight:700;border-radius:999px;padding:.05rem .45rem;flex-shrink:0}.chat-thread{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.chat-thread>.empty{margin:auto}.chat-thread-header{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.chat-message{display:flex;flex-direction:column;align-items:flex-start}.chat-message.outgoing{align-items:flex-end}.chat-bubble{max-width:70%;padding:.55rem .8rem;border-radius:12px;font-size:.875rem;color:var(--text-primary);background:var(--bg-light);white-space:pre-wrap;word-break:break-word}.chat-message.outgoing .chat-bubble{background:var(--primary-soft)}.chat-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;font-size:.6875rem;color:var(--text-muted);margin-top:.25rem;text-align:right}.chat-status-icon{flex-shrink:0;color:var(--text-muted)}.chat-status-read{color:var(--info)}.chat-status-failed{color:var(--error)}.chat-bubble-image{display:block;max-width:100%;max-height:320px;border-radius:8px;margin-bottom:.35rem;object-fit:cover}.chat-bubble-attachment{display:block;color:var(--text-muted);font-size:.8125rem;font-style:italic}.chat-bubble-video,.chat-bubble-audio{display:block;max-width:100%;border-radius:8px;margin-bottom:.35rem}.chat-bubble-video{max-height:320px}.chat-bubble-audio{width:260px;max-width:100%}.chat-bubble-document{display:flex;align-items:center;gap:.4rem;color:var(--text-primary);font-size:.8125rem;text-decoration:underline}.chat-reactions{display:flex;gap:.25rem;margin-top:.2rem}.chat-reaction-pill{background:var(--bg-white);border:1px solid var(--border);border-radius:999px;padding:.05rem .4rem;font-size:.75rem;box-shadow:var(--shadow-sm)}.chat-reaction-pill.mine{border-color:var(--primary);background:var(--primary-soft)}.chat-message-actions{display:flex;gap:.3rem}.chat-react-trigger-wrap{position:relative}.chat-react-trigger{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:.1rem;margin-top:.1rem;opacity:0;transition:opacity .15s}.chat-message:hover .chat-react-trigger{opacity:1}.chat-reaction-picker{display:flex;gap:.15rem;background:var(--bg-white);border:1px solid var(--border);border-radius:999px;padding:.25rem .4rem;box-shadow:var(--shadow-md);z-index:50}.chat-reaction-picker button{border:none;background:none;font-size:1.1rem;cursor:pointer;padding:.1rem;line-height:1}.chat-reaction-picker button:hover{transform:scale(1.2)}.chat-reaction-picker button.mine{background:var(--primary-soft);border-radius:6px}.chat-action-menu{display:flex;flex-direction:column;width:210px;background:var(--bg-white);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:.3rem;z-index:50}.chat-action-menu button{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;border:none;background:none;border-radius:6px;padding:.5rem .6rem;font-size:.8125rem;color:var(--text-primary);cursor:pointer}.chat-action-menu button svg{flex-shrink:0;margin-top:.15rem}.chat-action-menu button span{display:flex;flex-direction:column;gap:.1rem}.chat-action-menu button small{font-size:.6875rem;font-weight:400;color:var(--text-muted);white-space:normal}.chat-action-menu button:hover{background:var(--bg-light)}.chat-action-menu button.danger{color:var(--error)}.chat-action-menu button.danger small{color:var(--error);opacity:.75}.chat-bubble-revoked{display:block;font-style:italic;color:var(--text-muted);font-size:.8125rem}.chat-edit-form{display:flex;align-items:center;gap:.4rem}.chat-edit-form input{flex:1;padding:.35rem .5rem;font-size:.875rem}.chat-forward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.chat-forward-modal{width:340px;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.chat-forward-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600}.chat-forward-search{margin:.6rem .75rem;width:auto}.chat-forward-list{overflow-y:auto;padding:0 .4rem .4rem}.chat-forward-item{display:flex;align-items:center;gap:.6rem;width:100%;border:none;background:none;border-radius:8px;padding:.5rem;text-align:left;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.chat-forward-item:hover{background:var(--bg-light)}.chat-recording-bar{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.875rem}.chat-recording-dot{width:10px;height:10px;border-radius:50%;background:var(--error);animation:chat-recording-pulse 1.2s ease-in-out infinite}@keyframes chat-recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-attachment-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.chat-attachment-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-mention{color:var(--info);font-weight:600}.chat-composer{border-top:1px solid var(--border);flex-shrink:0}.chat-image-picker{padding:.9rem 1.25rem 0}.chat-image-picker .image-picker-preview img{max-height:140px}.chat-attach-btn{padding:.7rem .85rem!important;flex-shrink:0}.chat-attach-btn.active{background:var(--error-soft);border-color:transparent;color:var(--error)}.chat-compose{display:flex;flex-wrap:wrap;gap:.6rem;padding:.85rem 1.25rem;border-top:none;flex-shrink:0}.chat-compose input{flex:1}.chat-compose .btn-primary{padding:.7rem .9rem}.chat-compose .error{order:-1;width:100%;margin-bottom:0}.chat-compose-disabled{padding:.9rem 1.25rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8125rem;text-align:center;flex-shrink:0}.chat-sender-name{font-size:.8125rem;font-weight:700;margin-bottom:.15rem}.chat-back-btn{display:none;background:none;border:none;padding:.3rem;margin:-.3rem .2rem -.3rem -.3rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;border-radius:6px}.chat-back-btn:hover{background:var(--bg-light);color:var(--text-primary)}@media(max-width:700px){.chats-layout{position:relative;height:calc(100vh - 170px)}.chat-list{width:100%}.chat-thread,.chats-layout.chat-open .chat-list{display:none}.chats-layout.chat-open .chat-thread{display:flex;width:100%}.chat-back-btn{display:inline-flex}.chat-bubble{max-width:90%}}