:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;color-scheme:light;--fs-micro: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--bg: #f4f5f7;--surface: #ffffff;--surface-alt: #eceef1;--surface-hover: #f3f4f6;--border: #e4e7eb;--text: #1f2d3d;--text-soft: #4b5563;--muted: #64748b;--accent: #1f93ff;--accent-hover: #1478d4;--accent-soft: #e7f2fe;--accent-soft-text: #0f6ecf;--danger: #ef4444;--danger-strong: #b91c1c;--danger-soft: #fee2e2;--success-text: #15803d;--success-soft: #dcfce7;--warn-text: #b45309;--warn-soft: #fef3c7;--violet-soft: #ede9fe;--violet-text: #6d28d9;--pending-soft: #dbeafe;--pending-text: #1d4ed8;--bubble-mine: #d9ecff;--bubble-mine-border: #bcdcff;--toast-bg: #111827;--toast-text: #f9fafb;--skeleton-a: #e5e7eb;--skeleton-b: #f3f4f6;--shadow-card: 0 1px 2px rgba(0, 0, 0, .08);--shadow-drag: 0 6px 16px rgba(0, 0, 0, .18);--shadow-modal: 0 12px 40px rgba(0, 0, 0, .22);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #141517;--surface: #1c1f21;--surface-alt: #222528;--surface-hover: #26292c;--border: #2e3236;--text: #e8eaed;--text-soft: #c2c7cc;--muted: #9aa2a9;--accent: #1f93ff;--accent-hover: #3ea1ff;--accent-soft: #16344f;--accent-soft-text: #7cc0ff;--danger: #f87171;--danger-strong: #ef4444;--danger-soft: #3f1d1d;--success-text: #4ade80;--success-soft: #143523;--warn-text: #fbbf24;--warn-soft: #3a2c12;--violet-soft: #2b2440;--violet-text: #c4b5fd;--pending-soft: #17304d;--pending-text: #93c5fd;--bubble-mine: #1e3a5c;--bubble-mine-border: #274b75;--toast-bg: #26292c;--toast-text: #e8eaed;--skeleton-a: #26292c;--skeleton-b: #2e3236;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-drag: 0 6px 16px rgba(0, 0, 0, .6);--shadow-modal: 0 12px 40px rgba(0, 0, 0, .65)}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);color:var(--text)}.page{min-height:100vh;display:flex;flex-direction:column}.page-center{align-items:center;justify-content:center}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar h1{font-size:var(--fs-xl);margin:0}.funnel-selector{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-base);color:var(--muted)}.funnel-selector select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:var(--fs-base)}.board{display:flex;gap:.75rem;padding:1rem 1.25rem;overflow-x:auto;align-items:flex-start;flex:1}.column{flex:0 0 290px;background:var(--surface-alt);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 90px);transition:box-shadow .15s ease}.column-over{box-shadow:0 0 0 2px var(--accent) inset}.column-header{display:flex;align-items:center;gap:.5rem;padding:.75rem .9rem;font-weight:600;font-size:var(--fs-base)}.column-header .dot{width:10px;height:10px;border-radius:50%;flex:none}.column-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.column-count{background:var(--border);color:var(--text-soft);border-radius:999px;font-size:var(--fs-micro);padding:.05rem .5rem}.column-body{padding:0 .6rem .6rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:60px}.column-empty{color:var(--muted);font-size:var(--fs-sm);text-align:center;padding:1rem .5rem;border:1px dashed var(--border);border-radius:8px}.card{background:var(--surface);border-radius:10px;padding:.65rem .75rem;box-shadow:var(--shadow-card);cursor:grab;touch-action:none}.card:active{cursor:grabbing}.card-dragging{box-shadow:var(--shadow-drag)}.card-title{font-weight:600;font-size:var(--fs-base);margin-bottom:.25rem}.card-preview{font-size:var(--fs-sm);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.card-inbox{font-size:var(--fs-micro);color:var(--accent-soft-text);background:var(--accent-soft);border-radius:999px;padding:.1rem .5rem}.badge{background:var(--danger);color:#fff;border-radius:999px;font-size:var(--fs-micro);font-weight:700;min-width:1.3rem;text-align:center;padding:.1rem .35rem}.card-value{display:inline-block;font-size:var(--fs-micro);font-weight:700;color:var(--success-text);background:var(--success-soft);border-radius:999px;padding:.1rem .5rem;margin:.15rem 0 .25rem}.card-unavailable{font-size:var(--fs-micro);color:var(--warn-text);background:var(--warn-soft);border-radius:6px;padding:.25rem .45rem;margin-top:.35rem}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:pulse 1.2s ease-in-out infinite;border-radius:6px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{cursor:default}.skeleton-line{height:.75rem;margin:.3rem 0}.skeleton-dot{width:10px;height:10px;border-radius:50%}.w40{width:40%}.w50{width:50%}.w70{width:70%}.w90{width:90%}.state{margin:4rem auto;text-align:center;max-width:420px;display:flex;flex-direction:column;gap:.6rem;align-items:center}.state-icon{font-size:var(--fs-xl)}.state-error strong{color:var(--danger-strong)}.muted{color:var(--muted);font-size:var(--fs-base)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.45rem .9rem;font-size:var(--fs-base);cursor:pointer}.btn:hover{background:var(--surface-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.dev-login{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;width:min(420px,92vw);display:flex;flex-direction:column;gap:.8rem}.dev-login h1{margin:0;font-size:var(--fs-xl)}.dev-login label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-sm);color:var(--text-soft)}.dev-login input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.form-error{color:var(--danger-strong);font-size:var(--fs-sm)}.card-head{display:flex;align-items:flex-start;gap:.4rem}.card-head .card-title{flex:1;min-width:0}.card-action{border:none;background:transparent;color:var(--text);font-size:var(--fs-base);line-height:1;padding:.1rem .2rem;border-radius:6px;cursor:pointer;opacity:.55}.card-action:hover{opacity:1;background:var(--accent-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1480;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(520px,94vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.2rem .6rem}.modal-header h2{margin:0;font-size:var(--fs-lg)}.modal-close{border:none;background:transparent;font-size:var(--fs-xl);line-height:1;cursor:pointer;color:var(--muted);padding:0 .2rem}.modal-close:hover{color:var(--text)}.modal-wide{width:min(640px,94vw)}.modal-pad{padding:.4rem 1.2rem}.detail-title{display:flex;align-items:flex-end;gap:.5rem}.detail-title label{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-sm);color:var(--text-soft)}.detail-title input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.detail-items-header{display:flex;align-items:center;justify-content:space-between;margin:.4rem 0}.detail-items-header h3{margin:0;font-size:var(--fs-base)}.detail-total{color:var(--success-text);font-size:var(--fs-lg)}.detail-item{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:10px;padding:.4rem .6rem;margin-bottom:.4rem;font-size:var(--fs-base)}.detail-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-item-qty{width:64px;padding:.25rem .4rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.detail-item-value{color:var(--muted);white-space:nowrap}.detail-add{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.detail-add select,.detail-add input{padding:.45rem .55rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.detail-add select{max-width:260px}.detail-add input{flex:1;min-width:120px}.detail-actions{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border);padding-top:.8rem;padding-bottom:1rem;margin-top:.6rem}.sched-list{padding:.4rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:60px}.sched-empty{color:var(--muted);font-size:var(--fs-sm);text-align:center;padding:.8rem .5rem;border:1px dashed var(--border);border-radius:8px}.sched-item{border:1px solid var(--border);border-radius:10px;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.3rem}.sched-item-main{display:flex;align-items:center;gap:.5rem}.sched-when{font-size:var(--fs-sm);color:var(--text-soft);flex:1}.sched-text{font-size:var(--fs-sm);color:var(--muted);white-space:pre-wrap;word-break:break-word}.status-pill{border-radius:999px;font-size:var(--fs-micro);font-weight:600;padding:.1rem .5rem}.status-pending{background:var(--pending-soft);color:var(--pending-text)}.status-sent{background:var(--success-soft);color:var(--success-text)}.status-cancelled{background:var(--surface-alt);color:var(--text-soft)}.status-failed{background:var(--danger-soft);color:var(--danger-strong)}.status-auto{background:var(--violet-soft);color:var(--violet-text)}.rule-item{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.rule-item-off{opacity:.62}.rule-head{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;background:var(--surface-alt);border-bottom:1px solid var(--border)}.rule-num{width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent-soft-text);font-size:var(--fs-micro);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.rule-summary{flex:1;min-width:0;font-size:var(--fs-sm);color:var(--text-soft);line-height:1.35}.rule-summary strong{color:var(--text);font-weight:600}.rule-paused{flex:none;font-size:var(--fs-micro);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--warn-text);background:var(--warn-soft);border-radius:999px;padding:.05rem .45rem}.rule-remove{border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px;padding:.15rem .4rem;font-size:var(--fs-base);line-height:1}.rule-remove:hover{background:var(--danger-soft);color:var(--danger-strong)}.rule-body{padding:.7rem;display:flex;flex-direction:column;gap:.75rem}.rule-block{display:flex;flex-direction:column;gap:.35rem}.rule-label{font-size:var(--fs-micro);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.rule-when{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:var(--fs-base);color:var(--text-soft)}.rule-when select,.rule-when input{padding:.4rem .5rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.rule-when input[type=number]{width:78px}.rule-item textarea{padding:.5rem .55rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);font-family:inherit;resize:vertical;background:var(--surface);color:var(--text);width:100%}.rule-foot{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem .7rem;border-top:1px solid var(--border);background:var(--surface-alt);font-size:var(--fs-sm);color:var(--text-soft)}.rule-check{display:flex;align-items:center;gap:.35rem;cursor:pointer}.rule-check-hint{color:var(--muted);font-size:var(--fs-micro)}.rule-add{width:100%;border:1px dashed var(--border);background:transparent;color:var(--accent-soft-text);border-radius:10px;padding:.55rem;font-size:var(--fs-base);font-weight:600;cursor:pointer}.rule-add:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.rule-add:disabled{color:var(--muted);cursor:not-allowed}.rule-intro{font-size:var(--fs-sm);color:var(--text-soft);background:var(--surface-alt);border-radius:8px;padding:.5rem .65rem;line-height:1.45}.tpl-picker{display:flex;flex-direction:column;gap:.4rem}.tpl-picker label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-sm);color:var(--text-soft)}.tpl-picker select,.tpl-picker input{padding:.45rem .55rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.tpl-preview-wrap{display:flex;flex-direction:column;gap:.25rem}.tpl-preview-label{font-size:var(--fs-micro);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.tpl-preview{background:var(--bubble-mine);border:1px solid var(--bubble-mine-border);border-radius:12px 12px 12px 4px;padding:.5rem .65rem;font-size:var(--fs-base);color:var(--text);white-space:pre-wrap;word-break:break-word;align-self:flex-start;max-width:100%}.tpl-hint{font-size:var(--fs-micro);color:var(--warn-text);background:var(--warn-soft);border-radius:8px;padding:.4rem .55rem}.tpl-manual{display:flex;gap:.4rem}.tpl-manual input{flex:1;min-width:0}.tpl-body{padding:.45rem .55rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);font-family:inherit;resize:vertical;background:var(--surface);color:var(--text)}.tpl-var-row{display:flex;align-items:center;gap:.4rem}.tpl-var-n{font-size:var(--fs-micro);color:var(--muted);font-family:ui-monospace,monospace;min-width:2.4rem}.tpl-var-row select{flex:0 0 auto}.tpl-var-row input{flex:1;min-width:0;padding:.4rem .5rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.tpl-current{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--fs-sm);background:var(--violet-soft);color:var(--violet-text);border-radius:8px;padding:.4rem .6rem}.btn-small{padding:.15rem .55rem;font-size:var(--fs-micro)}.sched-form{border-top:1px solid var(--border);padding:.8rem 1.2rem 1rem;display:flex;flex-direction:column;gap:.6rem}.sched-form label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-sm);color:var(--text-soft)}.sched-form textarea,.sched-form input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);font-family:inherit;resize:vertical;background:var(--surface);color:var(--text)}.sched-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.app-nav{display:flex;gap:.25rem}.nav-link{border:none;background:transparent;border-radius:8px;padding:.3rem .7rem;font-size:var(--fs-base);color:var(--muted);cursor:pointer}.nav-link:hover{background:var(--surface-hover)}.nav-active{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:600}.topbar-spacer{flex:1}.chat-layout{flex:1;display:flex;min-height:0}.chat-sidebar{flex:0 0 300px;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.chat-room-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer;width:100%}.chat-room-item:hover{background:var(--surface-hover)}.chat-room-active{background:var(--accent-soft)}.chat-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);flex:none}.chat-avatar-sm{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-soft-text);font-size:var(--fs-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.chat-room-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.chat-room-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.chat-room-name{font-weight:600;font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-when{font-size:var(--fs-micro);color:var(--muted);flex:none}.chat-room-bottom{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.chat-room-preview{font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chat-room-unread{flex:none;font-size:var(--fs-micro);min-width:1.15rem;padding:.05rem .3rem}.topbar-badge{margin-left:.5rem;vertical-align:middle;font-size:var(--fs-micro)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.chat-main-empty{align-items:center;justify-content:center}.chat-main-header{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.chat-main-title{display:flex;flex-direction:column;line-height:1.2}.chat-main-title .muted{font-size:var(--fs-micro)}.msg-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.msg-loadmore{text-align:center;margin-bottom:.5rem}.chat-hint{text-align:center;padding:1rem;font-size:var(--fs-base)}.msg{display:flex;justify-content:flex-start}.msg-mine{justify-content:flex-end}.msg-bubble{max-width:min(72%,520px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.4rem .6rem .25rem;box-shadow:var(--shadow-card)}.msg-mine .msg-bubble{background:var(--bubble-mine);border-color:var(--bubble-mine-border)}.msg-author{font-size:var(--fs-micro);font-weight:700;color:var(--accent-soft-text);margin-bottom:.1rem}.msg-content{font-size:var(--fs-base);color:var(--text);white-space:pre-wrap;word-break:break-word}.msg-time{font-size:var(--fs-micro);color:var(--muted);text-align:right;margin-top:.1rem}.chat-composer{display:flex;gap:.5rem;align-items:flex-end;padding:.6rem 1rem;background:var(--surface);border-top:1px solid var(--border)}.chat-composer textarea{flex:1;padding:.5rem .6rem;border:1px solid var(--border);border-radius:10px;font-size:var(--fs-base);font-family:inherit;resize:none;max-height:140px;background:var(--surface);color:var(--text)}.chat-mode-tabs{display:flex;gap:.4rem;margin-bottom:.5rem}.chat-group-name{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--surface);color:var(--text)}.agent-list{padding:.2rem 1.2rem .6rem;overflow-y:auto;max-height:46vh;display:flex;flex-direction:column;gap:.25rem}.agent-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer;width:100%;font-size:var(--fs-base)}.agent-row:hover{background:var(--surface-hover)}.agent-row-check{cursor:pointer}.agent-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-role{font-size:var(--fs-micro);color:var(--accent-soft-text);background:var(--accent-soft);border-radius:999px;padding:.05rem .45rem}.toast-stack{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:50}.toast{border-radius:10px;padding:.6rem .9rem;font-size:var(--fs-base);box-shadow:0 4px 14px #00000026;background:var(--toast-bg);color:var(--toast-text);animation:slide-in .18s ease}.toast-error{background:var(--danger-strong);color:#fff}@keyframes slide-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}