@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #0f0d0a;--bg-subtle: #1a1815;--card: rgba(232, 223, 215, .05);--card-hover: rgba(232, 223, 215, .08);--border: rgba(232, 223, 215, .06);--border-subtle: rgba(232, 223, 215, .03);--text: #f0e5dd;--muted: #9a8b7f;--accent: #dd5a7b;--accent-dim: rgba(221, 90, 123, .12);--accent-2: #dd5a7b;--danger: #dd5a7b;--danger-dim: rgba(221, 90, 123, .12);--warning: #dd5a7b;--warning-dim: rgba(221, 90, 123, .12);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--shadow-sm: 0 4px 12px rgba(15, 13, 10, .2);--shadow-md: 0 8px 24px rgba(15, 13, 10, .25);--shadow-lg: 0 12px 32px rgba(15, 13, 10, .3);--shadow-xl: 0 20px 60px rgba(15, 13, 10, .35);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"IBM Plex Serif",serif;font-weight:600;letter-spacing:-.015em}h1{font-size:42px;line-height:1.2;font-weight:700}h2{font-size:32px;line-height:1.3;font-weight:700}h3{font-size:20px;line-height:1.4;font-weight:600}h4{font-size:16px;line-height:1.4;font-weight:600}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{padding:16px 32px;border-bottom:1px solid var(--border);background:#0b0f1a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.topbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto}.brand{font-weight:700;letter-spacing:-.02em;font-size:17px;display:flex;align-items:center;gap:10px}.brand:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #dd5a7b80}.navLinks{display:inline-flex;align-items:center;gap:18px}.navLinks a,.navLinks span{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}.navLinks a:hover{color:var(--text)}.billing-banner-wrapper{padding:12px 32px 0}.billing-banner{max-width:1336px;margin:0 auto;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-banner>div{display:grid;gap:3px}.billing-banner strong{font-size:13px;font-weight:600;letter-spacing:.01em}.billing-banner span{font-size:12px;color:var(--muted);line-height:1.45}.billing-banner.info{border-color:#dd5a7b47;background:#dd5a7b14}.billing-banner.warning{border-color:#f0676759;background:#f067671a}.tabs-container{max-width:1400px;width:100%;margin:0 auto;padding:16px 32px 0}.tabs{display:inline-flex;gap:8px}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.tab:hover{color:var(--text);background:#ffffff0a}.tab.active{background:var(--accent-dim);border-color:#dd5a7b40;color:var(--accent);font-weight:600}.layout{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:24px 32px 32px;max-width:1400px;margin:0 auto;width:100%}.agents-layout{grid-template-columns:320px 1fr}.dashboard{padding:24px 32px 48px;max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:32px}.dashboard-greeting h2{font-size:28px;margin-bottom:6px}.dashboard-greeting p{color:var(--muted);font-size:14px}.control-tower{gap:20px}.control-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.control-metric-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:#ffffff08;display:grid;gap:6px}.control-metric-card strong{font-size:24px;letter-spacing:-.01em}.control-alert-ok{color:#37b26d}.control-alert-danger{color:#f06767}.control-notify-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.control-notify-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:#ffffff08;display:grid;gap:4px}.control-table-wrap{overflow-x:auto}.control-table{width:100%;border-collapse:collapse;margin-top:6px}.control-table th,.control-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:10px 8px;font-size:13px}.control-table th{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.control-failure-list{display:flex;flex-direction:column;gap:8px}.control-failure-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#ffffff05}.panel{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl),inset 0 1px #ffffff1a}.panel.sidebar{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-md);height:calc(100vh - 160px);background:linear-gradient(135deg,#ffffff0d,#ffffff04)}.panel.chat{height:calc(100vh - 160px);overflow-y:auto}.panel.chat::-webkit-scrollbar{width:4px}.panel.chat::-webkit-scrollbar-track{background:transparent}.panel.chat::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.panelHeader{display:flex;align-items:center;justify-content:space-between}.panelHeader h3{margin-bottom:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.searchRow input{padding:9px 12px;font-size:13px;background:#ffffff0a}.searchRow input:disabled{cursor:default}.inbox-sidebar{display:flex;flex-direction:column;gap:10px}.panel.sidebar.inbox-sidebar{grid-template-rows:auto auto auto 1fr}.inbox-triage-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button.inbox-triage-chip{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.01em}button.inbox-triage-chip:hover{transform:none;color:var(--text);border-color:#ffffff38;box-shadow:none}button.inbox-triage-chip.active{border-color:#dd5a7b85;background:#dd5a7b33;color:var(--text)}.inbox-triage-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-triage-chip-count{min-width:22px;text-align:center;border-radius:999px;background:#ffffff24;padding:1px 6px;font-size:10px;color:var(--text)}.inbox-inline-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(231,111,124,.45);border-radius:var(--radius-sm);background:#e76f7c1f;font-size:12px;color:#ffd7de}.panel h3{font-size:16px;font-weight:600;margin-bottom:14px;letter-spacing:-.01em}.subtle{color:var(--muted);font-size:13px}.list{display:grid;gap:6px;max-height:calc(100vh - 400px);overflow-y:auto;margin-top:8px}.list::-webkit-scrollbar{width:4px}.list::-webkit-scrollbar-track{background:transparent}.list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.conversation{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);cursor:pointer;background:#ffffff05;transition:all .15s ease}.conversation:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(2px)}.conversation.preview{cursor:default;opacity:.5}.conversation.active{border-color:#dd5a7b66;background:linear-gradient(135deg,#dd5a7b1a,#dd5a7b08);box-shadow:inset 0 0 1px #dd5a7b40}.conversation strong{display:block;font-weight:500;font-size:14px;margin-bottom:4px}.conversation-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-preview{flex:1;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:12px;color:var(--muted);opacity:.7;white-space:nowrap;flex-shrink:0}.inbox-conversation-list{margin-top:0;flex:1;min-height:0;max-height:none;gap:10px;padding-right:2px}.inbox-list-status{padding:4px 2px}.inbox-group{display:grid;gap:7px}.inbox-group-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0e5dd8c;padding:2px 2px 0}.inbox-conversation-card{padding:10px 12px}.inbox-conversation-card:hover{transform:translate(1px)}.inbox-conversation-card strong{margin-bottom:0}.conversation-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-topline-right{display:inline-flex;align-items:center;gap:8px}.conversation-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;color:var(--text);background:#dd5a7b3d;border:1px solid rgba(221,90,123,.38)}.inbox-conversation-card .conversation-time{font-size:11px}.inbox-conversation-card .conversation-preview{font-size:12px}.conversation-tag{flex-shrink:0;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.conversation-tag.unread{color:#ffd4de;background:#dd5a7b33;border-color:#dd5a7b57}.conversation-tag.needs-reply{color:#fddad0;background:#e17d5e29;border-color:#e17d5e4d}.conversation-tag.waiting{color:#d7d6ff;background:#7d88e52b;border-color:#7d88e557}.chat{display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;height:calc(100vh - 160px)}.chatHeader{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.chatTitle{font-size:17px;font-weight:600;letter-spacing:-.02em}.chatMeta{display:inline-flex;align-items:center;gap:8px}.statusDot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s}.statusDot.live{background:var(--accent);box-shadow:0 0 10px #dd5a7b80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 6px #dd5a7b4d}50%{box-shadow:0 0 14px #dd5a7b99}}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 2px #dd5a7b4d}50%{box-shadow:0 0 0 5px #dd5a7b1a}}.messages{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;border:1px solid var(--border-subtle);background:#00000026}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.message-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.message-wrapper.out{align-items:flex-end}.message{max-width:72%;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#ffffff12;border:1px solid var(--border-subtle);font-size:14px;line-height:1.55;word-break:break-word}.message.out{margin-left:auto;background:linear-gradient(135deg,#4da3ff,#3d8bdf);border-color:transparent;color:#fff;border-radius:14px 14px 4px}.message-time{font-size:11px;color:var(--muted);opacity:.6;padding:0 4px}.inbox-chat-panel{overflow:hidden}.chat-subtitle{margin-top:2px;font-size:12px}.inbox-messages{min-height:260px}.inbox-messages-status{text-align:center;padding:14px 8px}.agentsBody{display:grid;gap:16px;padding:4px 0}.agentActions{display:flex;gap:10px;align-items:center}.integration-card{margin:12px 0 20px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0f;display:grid;gap:12px}.integration-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.integration-body{display:grid;gap:12px}.integration-actions{display:flex;gap:10px;align-items:center}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.calendar-setup{border:1px solid rgba(221,90,123,.2);background:#dd5a7b0f;border-radius:var(--radius-sm);padding:12px 14px}.calendar-setup-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:8px;font-weight:600}.calendar-setup ol{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6;display:grid;gap:3px}.calendar-manager{display:grid;gap:16px}.calendar-week-card,.calendar-live-card,.calendar-exceptions-card{padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;display:grid;gap:12px}.calendar-week-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-week-header h3,.calendar-exceptions-card h3{margin:0}.calendar-day-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calendar-day-card{display:grid;gap:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff05}.calendar-day-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.calendar-day-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-transform:none;letter-spacing:0;margin:0}.calendar-day-toggle input{width:auto}.calendar-day-blocks{display:grid;gap:8px}.calendar-block-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center}.calendar-exception-form{display:grid;gap:10px}.calendar-exceptions-list{display:grid;gap:8px}.calendar-exception-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff05}.calendar-live-nav{display:flex;gap:8px;flex-wrap:wrap}.calendar-planner-toggle{display:flex;justify-content:flex-end}.calendar-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.calendar-live-mode,.calendar-render-mode{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-live-mode .secondary.is-active,.calendar-render-mode .secondary.is-active{border-color:#dd5a7bb3;background:#dd5a7b2e}.calendar-live-scroll{overflow-x:auto;padding-bottom:4px}.calendar-live-week{display:grid;grid-template-columns:62px minmax(840px,1fr);gap:8px}.calendar-live-time-axis{position:relative;height:520px}.calendar-live-time-label{position:absolute;right:0;transform:translateY(-50%);font-size:11px;color:var(--muted)}.calendar-live-board{display:grid;gap:8px}.calendar-live-header-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.calendar-live-header-cell{padding:8px;display:grid;gap:8px;border-right:1px solid rgba(255,255,255,.08);background:#ffffff05}.calendar-live-header-cell:last-child{border-right:none}.calendar-live-header-main{display:grid;gap:2px}.calendar-live-track-row{position:relative;height:520px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 6.25%),#080b12b8}.calendar-live-column-track{position:relative;border-right:1px solid rgba(255,255,255,.08);cursor:crosshair}.calendar-live-column-track:last-child{border-right:none}.calendar-live-header-cell.today{background:#dd5a7b12}.calendar-live-column-track.today{background:#dd5a7b08}.calendar-live-now-line{position:absolute;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 6px #dd5a7b99;z-index:10;pointer-events:none}.calendar-live-now-line:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.calendar-draw-mode-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .2s}.calendar-draw-mode-dot.open{background:#5ed9a3;box-shadow:0 0 6px #5ed9a380}.calendar-draw-mode-dot.block{background:var(--accent);box-shadow:0 0 6px #dd5a7b80}.calendar-live-block.override.selected:after{content:"⌫ DEL";position:absolute;top:2px;right:4px;font-size:9px;font-weight:700;opacity:.75;letter-spacing:.04em}.resize-handle{position:absolute;left:0;right:0;height:7px;cursor:ns-resize;z-index:6;border-radius:2px}.resize-handle.top{top:0}.resize-handle.bottom{bottom:0}.resize-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:2px;border-radius:1px;background:#ffffff59}.resize-handle:hover:after{background:#ffffffb3}.calendar-grid-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);pointer-events:none;z-index:1;opacity:.6}.calendar-live-block{position:absolute;left:6px;right:6px;border-radius:8px;padding:4px 6px;font-size:11px;font-weight:600;line-height:1.2;border:1px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.calendar-live-block.open{color:#dff6ef;border-color:#5ed9a373;background:linear-gradient(135deg,#5ed9a373,#43a882bf)}.calendar-live-block.busy{color:#ffe6ea;border-color:#dd5a7b8c;background:linear-gradient(135deg,#dd5a7b8c,#ad3958d1)}.calendar-live-block.booking{color:#edf2ff;border-color:#7589ff8c;background:linear-gradient(135deg,#7589ff8c,#4a5fd6d6);z-index:3;pointer-events:none}.calendar-live-block.availability{opacity:.45;pointer-events:none;z-index:1}.calendar-live-block.override{cursor:grab;z-index:4}.calendar-live-block.override:active{cursor:grabbing}.calendar-live-block.override.selected{box-shadow:0 0 0 2px #fffffff2,0 0 0 4px #dd5a7b73}.calendar-live-block.preview{border-style:dashed;opacity:.75;pointer-events:none;z-index:5}.calendar-fullcalendar-wrap{margin-top:6px;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:#080b12b8}.calendar-fullcalendar-wrap .fc{--fc-border-color: rgba(255, 255, 255, .08);--fc-now-indicator-color: var(--accent);--fc-page-bg-color: rgba(8, 11, 18, .72);color:var(--text)}.calendar-fullcalendar-wrap .fc .fc-scrollgrid{border:none}.calendar-fullcalendar-wrap .fc .fc-timegrid-slot,.calendar-fullcalendar-wrap .fc .fc-timegrid-axis,.calendar-fullcalendar-wrap .fc .fc-col-header-cell{background:transparent}.calendar-fullcalendar-wrap .fc .fc-col-header-cell-cushion,.calendar-fullcalendar-wrap .fc .fc-timegrid-axis-cushion{color:var(--muted);font-size:11px;font-weight:500}.calendar-fullcalendar-wrap .fc .fc-timegrid-col.fc-day-today{background:#dd5a7b0d}.calendar-fullcalendar-wrap .fc .fc-bg-event.fc-availability-bg{background:#5ed9a33d;opacity:1}.calendar-fullcalendar-wrap .fc .fc-event.fc-booking-event{border-color:#7589ff8c;background:linear-gradient(135deg,#7589ff8c,#4a5fd6d6);color:#edf2ff;pointer-events:none}.calendar-fullcalendar-wrap .fc .fc-event.fc-override-event{border-width:1px;font-weight:600}.calendar-fullcalendar-wrap .fc .fc-event.fc-override-open{border-color:#5ed9a373;background:linear-gradient(135deg,#5ed9a373,#43a882bf);color:#dff6ef}.calendar-fullcalendar-wrap .fc .fc-event.fc-override-busy{border-color:#dd5a7b8c;background:linear-gradient(135deg,#dd5a7b8c,#ad3958d1);color:#ffe6ea}.calendar-fullcalendar-wrap .fc .fc-event.fc-override-event.is-selected{box-shadow:0 0 0 2px #fffffff2,0 0 0 4px #dd5a7b73}.inputRow{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--border-subtle)}.inbox-composer{gap:12px}.inbox-composer-meta{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:10px}.inbox-composer-textarea{min-height:84px;resize:vertical}.inbox-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.inbox-composer-footer .subtle{font-size:12px}.inbox-send-button{min-width:120px}.inbox-send-error{color:#ffd7de;font-size:12px}input,textarea,select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease}input::placeholder,textarea::placeholder{color:#a9b3c799}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #0f0d0a inset;-webkit-text-fill-color:#f0e5dd;transition:background-color 5000s ease-in-out 0s;caret-color:#f0e5dd}input:hover,textarea:hover,select:hover{border-color:#dd5a7b66;background:#ffffff0d}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);background:#ffffff12;box-shadow:0 0 0 3px #dd5a7b1f,inset 0 0 0 1px #dd5a7b1a}input:disabled,textarea:disabled,select:disabled{opacity:.4;cursor:not-allowed}button{border:none;background:linear-gradient(135deg,var(--accent),#5ed9a3);color:#0b0f1a;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-md),0 0 12px #dd5a7b4d}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text)}button.small{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}button.secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e;box-shadow:var(--shadow-sm);transform:translateY(-2px)}button.danger{background:var(--danger);color:#fff}button.danger:hover:not(:disabled){box-shadow:0 6px 16px #f0676740}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 600px at 15% 20%,rgba(221,90,123,.07),transparent 60%),radial-gradient(700px 500px at 85% 80%,rgba(221,90,123,.04),transparent 60%),var(--bg)}.clerkScreen{width:400px;max-width:100%;display:grid;gap:12px;color:var(--text)}.clerkScreen h2{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.clerkScreen .subtle{color:var(--muted)}.clerkScreen .backLink{color:var(--accent);margin-top:6px}.clerkNativeCard{display:grid;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 30px 80px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.clerkModeToggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clerkDivider{position:relative;text-align:center;margin:2px 0}.clerkDivider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}.clerkDivider span{position:relative;padding:0 10px;background:var(--bg-subtle);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.clerkModeToggle button{width:100%;border-radius:var(--radius-sm);padding:10px 12px}.clerkOAuthButton{width:100%}.clerkNativeCard button{background:var(--accent);color:#fff;box-shadow:none}.clerkNativeCard button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 12px #dd5a7b4d}.clerkNativeCard button.secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text)}.clerkNativeCard button.secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e}.clerkForm{display:grid;gap:10px}.clerkForm label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.clerkForm input{border:1px solid var(--border);background:#ffffff08;color:var(--text)}.clerkForm input::placeholder{color:var(--muted);opacity:.6}.clerkForm input:hover{border-color:#e8dfd71f;background:#ffffff0d}.clerkForm input:focus{border-color:var(--accent);background:#ffffff0d;box-shadow:0 0 0 3px #dd5a7b26}.clerkForm button{margin-top:4px}.clerkResetLink{margin-top:2px;font-size:13px;color:var(--accent);text-decoration:none}.clerkResetLink:hover{text-decoration:underline}.loginCard{width:400px;max-width:100%;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:0 30px 80px #0006;display:grid;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loginCard h2{font-size:22px;font-weight:700;letter-spacing:-.02em}.loginCard input{padding:12px 14px;font-size:14px}.loginCard button{width:100%;padding:12px}.loginCard .subtle{margin-top:4px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.2em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.googleRow{display:grid;place-items:center}.googleRow .g-btn-wrapper,.googleRow .g-btn{width:100%;display:flex;justify-content:center}.switch{display:flex;gap:8px;margin-top:8px;font-size:13px}.switch a{color:var(--accent);text-decoration:none;font-weight:500}.tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:10px}.onboarding-card{padding:28px;border-radius:16px;border:1px solid var(--border);background:#dd5a7b08}.inline-onboarding-hint{margin:14px 0 4px;padding:10px 12px;border-radius:10px;border:1px dashed rgba(221,90,123,.28);background:#dd5a7b0d;font-size:13px;color:var(--muted)}.inline-onboarding-hint a{color:var(--accent);text-decoration:none;font-weight:500}.onboarding-card h2{font-size:20px;font-weight:600;margin-bottom:6px;letter-spacing:-.02em}.onboarding-card>p{color:var(--muted);font-size:14px;margin-bottom:20px;line-height:1.5}.onboarding-form{display:grid;gap:12px}.onboarding-form input{padding:12px 14px}.onboarding-form button{padding:12px 16px;margin-top:4px}.onboarding-steps{margin-top:16px;display:grid;gap:8px}.onboarding-steps .step{padding:8px}.onboarding-steps .step span{width:20px;height:20px;font-size:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle);display:grid;gap:8px;opacity:.65}.step{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;border:1px solid transparent;background:transparent;transition:all .2s ease}.step.done{background:#dd5a7b0d;border-color:#dd5a7b1a}.step span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--muted);font-weight:600;font-size:11px;flex-shrink:0}.step.done span{background:var(--accent);color:#0b0f1a}.step strong{display:block;font-weight:500;font-size:13px;color:var(--text)}.step .subtle{margin-top:1px;font-size:12px}.backLink{margin-top:12px;font-size:13px;color:var(--accent);text-decoration:none;display:inline-block;transition:all .2s ease;font-weight:500}.backLink:hover{opacity:.8}.dashboard{padding:28px 32px 40px;max-width:1100px}.activation-card{margin-bottom:24px;padding:20px;border-radius:16px;border:1px solid rgba(221,90,123,.25);background:linear-gradient(140deg,#dd5a7b14,#ffffff05);box-shadow:0 24px 48px #0003}.activation-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.activation-header h3{margin:0 0 4px;font-size:18px;letter-spacing:-.01em}.activation-ratio{min-width:48px;text-align:center;padding:6px 8px;border-radius:999px;border:1px solid rgba(221,90,123,.3);background:#dd5a7b1f;color:var(--accent);font-weight:600;font-size:12px}.activation-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:14px 0 16px}.activation-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#dd5a7be6,#ffc8d4e6);transition:width .28s ease}.activation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.activation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--muted);font-size:13px}.activation-item span{width:18px;text-align:center;color:inherit}.activation-item.done{color:var(--text);border-color:#dd5a7b52;background:#dd5a7b1a}.activation-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.dashboard-greeting{margin-bottom:28px}.dashboard-greeting h2{font-family:"IBM Plex Serif",serif;font-size:36px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px;color:var(--text);line-height:1.2}.dashboard-greeting p{color:var(--muted);font-size:14px;opacity:.8}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:var(--space-xl);transition:all .2s ease}.stat-card:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:12px;opacity:.75}.stat-value{font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:8px}.stat-value.accent{color:var(--accent)}.stat-value.blue{color:var(--accent-2)}.agent-status-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:var(--space-lg);transition:all .2s ease}.agent-status-card:hover{background:#ffffff1a;border-color:#dd5a7b4d;transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 1px #dd5a7b26}.agent-status-card:hover .agent-card-arrow{opacity:1;transform:translate(2px)}.recent-conversation-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:var(--space-lg);transition:all .2s ease}.recent-conversation-item:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translate(4px)}.stat-value.warning{color:var(--warning)}.stat-footnote{font-size:12px;color:var(--muted);margin-top:8px;opacity:.8}.quick-actions{margin-bottom:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,.06)}.quick-actions h3{font-size:15px;font-weight:600;margin-bottom:14px;letter-spacing:-.01em}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.action-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);padding:var(--space-xl);cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:var(--space-lg)}.action-card:hover{border-color:#dd5a7b4d;background:linear-gradient(135deg,#dd5a7b14,#dd5a7b05);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 1px #dd5a7b26}.action-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:var(--text);opacity:.6;transition:all .2s ease}.action-card:hover .action-icon{transform:scale(1.08)}.action-icon.green{background:linear-gradient(135deg,#dd5a7b26,#dd5a7b0f);border-color:#dd5a7b40;color:var(--accent);opacity:1}.action-icon.blue{background:linear-gradient(135deg,#4da3ff1f,#4da3ff0a);border-color:#4da3ff40;color:var(--accent-2);opacity:1}.action-icon.purple{background:linear-gradient(135deg,#a367f01f,#a367f00a);border-color:#a367f040;color:#a367f0;opacity:1}.action-info strong{display:block;font-size:14px;font-weight:600;margin-bottom:3px}.action-info .subtle{font-size:12px;line-height:1.4}.template-section{margin-bottom:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,.04);opacity:.8}.template-section h3{font-size:15px;font-weight:600;margin-bottom:14px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.template-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-xl);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.template-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent) 0%,transparent 100%);opacity:0;transition:opacity .2s;pointer-events:none}.template-card:hover{border-color:#dd5a7b4d;background:linear-gradient(135deg,#dd5a7b1a,#dd5a7b05);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 1px #dd5a7b33}.template-card.active{border-color:var(--accent);background:linear-gradient(135deg,#dd5a7b1f,#dd5a7b08);box-shadow:0 0 16px #dd5a7b1f}.template-emoji{font-size:28px;margin-bottom:12px;opacity:.6;font-weight:300;letter-spacing:1px}.template-card strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}.template-card .desc{font-size:12px;color:var(--muted);line-height:1.5}.agent-form-section{margin-top:16px}.agent-form-section label{display:block;font-size:13px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.agent-form-section label .required{color:var(--danger);font-weight:700}.agent-form-section textarea{min-height:120px;resize:vertical}.form-error{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger);margin-top:6px;padding:6px 8px;border-radius:6px;background:#f0676714}.form-error:before{content:"⚠";font-size:13px}.form-field.error input,.form-field.error textarea,.form-field.error select{border-color:var(--danger);background:#f067670d}.form-field.error input:focus,.form-field.error textarea:focus,.form-field.error select:focus{box-shadow:0 0 0 3px #f067671f}.form-field.success input,.form-field.success textarea,.form-field.success select{border-color:var(--accent);background:#dd5a7b0a}.form-hint{font-size:12px;color:var(--muted);margin-top:6px;opacity:.8;line-height:1.4}.form-group{display:grid;gap:16px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);margin-bottom:16px}.form-group h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text);margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.form-group.required-notice{background:#dd5a7b08;border-color:#dd5a7b1f;padding:12px 14px;gap:0;margin-bottom:20px;font-size:12px;color:var(--muted)}.form-group.required-notice strong{color:var(--text)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.connected{background:var(--accent-dim);color:var(--accent);animation:pulse-badge 2.5s ease-in-out infinite}.status-badge.offline{background:#ffffff0f;color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--muted);gap:12px}.empty-state .empty-icon{font-size:72px;margin-bottom:16px;opacity:.35;transition:opacity .3s ease;font-weight:300}.empty-state:hover .empty-icon{opacity:.45}.empty-state h3{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px;letter-spacing:-.01em}.empty-state p{font-size:13px;line-height:1.6;max-width:300px;color:var(--muted)}.empty-state button{margin-top:16px}.routingCard{margin-top:8px;padding:16px;border-radius:12px;border:1px solid var(--border-subtle);background:#ffffff08;display:grid;gap:10px}.kb-container{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#ffffff08;transition:all .2s ease}.kb-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #dd5a7b14}.kb-container.error{border-color:var(--danger);background:#f067670a}.kb-container.error:focus-within{box-shadow:0 0 0 3px #f067671f}.kb-container.success{border-color:#dd5a7b4d;background:#dd5a7b08}.kb-container textarea{border:none;border-radius:0;background:transparent;resize:vertical;min-height:140px}.kb-container textarea:focus{border:none;box-shadow:none}.kb-footer{display:flex;gap:8px;padding:8px 14px;border-top:1px solid var(--border-subtle);background:#ffffff05;font-size:12px}.kb-footer .danger{color:var(--danger);font-weight:600}.label-hint{font-weight:400;font-size:11px;color:var(--muted);opacity:.7;margin-left:6px;text-transform:none;letter-spacing:0}.section-divider{height:1px;background:var(--border-subtle);margin:4px 0}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.tool-card{display:flex;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border-subtle);background:#ffffff08;cursor:pointer}.tool-card input{margin-top:4px}.tool-title{font-weight:600;margin-bottom:4px}.panel.chat.split-layout{display:flex;gap:24px;padding:0;overflow:hidden}.agent-form-column{flex:0 0 40%;overflow-y:auto;padding:28px}.test-chat-column{flex:1;display:flex;flex-direction:column;border-left:1px solid var(--border);background:#ffffff05}.panel.chat:not(.split-layout) .agent-form-column{flex:1}.test-chat{display:flex;flex-direction:column;height:100%;border-radius:0;border:none;margin:0;animation:none}.split-layout .test-chat{background:transparent}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.test-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:#ffffff08;flex-shrink:0}.test-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px}.split-layout .test-chat-messages{min-height:0;max-height:none}.test-chat-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle);background:#ffffff08;flex-shrink:0}.test-chat-input input{flex:1}.test-chat-input button{padding:8px 20px;white-space:nowrap}button.small{padding:4px 12px;font-size:11px}.message.typing{display:flex;gap:4px;padding:12px 18px;align-items:center}.message.typing .dot{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typingBounce 1.2s infinite}.message.typing .dot:nth-child(2){animation-delay:.2s}.message.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0b0f1ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;place-items:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal{width:100%;max-width:600px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-xl),0 0 80px #dd5a7b0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:36px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;transition:all .25s ease}.onboarding-dot.active{background:var(--accent);box-shadow:0 0 10px #dd5a7b66;width:24px;border-radius:4px}.onboarding-dot.done{background:#dd5a7b80}.onboarding-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.onboarding-body h2{font-size:26px;font-weight:700;letter-spacing:-.025em;margin:0}.onboarding-body>.subtle{max-width:400px;line-height:1.6}.activation-inline-progress{width:100%;max-width:460px;margin-top:4px}.activation-inline-track{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:8px}.activation-inline-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#dd5a7be6,#ffc8d4d9);transition:width .28s ease}.activation-inline-list{width:100%;display:grid;gap:8px;margin-top:4px}.activation-inline-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:13px;color:var(--muted)}.activation-inline-item span{width:18px;text-align:center}.activation-inline-item.done{border-color:#dd5a7b4d;background:#dd5a7b1a;color:var(--text)}.onboarding-icon{font-size:48px;color:var(--accent);margin-bottom:8px;opacity:.8;font-weight:300;letter-spacing:4px}.onboarding-channel-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.onboarding-channel-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px 12px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text);font-family:inherit;font-size:14px;font-weight:600}.onboarding-channel-btn:hover{border-color:#dd5a7b59;background:linear-gradient(135deg,#dd5a7b14,#dd5a7b05);transform:translateY(-2px)}.onboarding-channel-btn.active{border-color:var(--accent);background:linear-gradient(135deg,#dd5a7b1f,#dd5a7b0a);box-shadow:0 0 0 3px #dd5a7b1a}.channel-icon{font-size:24px;opacity:.7;font-weight:300}.channel-name{font-size:14px;font-weight:600;color:var(--text)}.channel-desc{font-size:12px;color:var(--muted);font-weight:400}.telegram-instructions{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:14px;text-align:left;margin-bottom:16px}.telegram-instructions ol{padding-left:20px;list-style:decimal}.telegram-instructions a{color:var(--accent);text-decoration:none}.telegram-instructions a:hover{text-decoration:underline}.telegram-instructions code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--accent)}.onboarding-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:8px}.onboarding-template-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:20px 16px;cursor:pointer;transition:all .2s ease;text-align:left}.onboarding-template-card:hover{border-color:#dd5a7b59;background:linear-gradient(135deg,#dd5a7b14,#dd5a7b05);transform:translateY(-2px)}.onboarding-template-card.active{border-color:var(--accent);background:linear-gradient(135deg,#dd5a7b1f,#dd5a7b0a);box-shadow:0 0 0 3px #dd5a7b1a}.onboarding-template-icon{font-size:24px;margin-bottom:8px;opacity:.7;font-weight:300}.onboarding-template-card strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.onboarding-template-card .subtle{font-size:12px;line-height:1.4}.onboarding-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px;width:100%}.onboarding-skip{display:inline-block;margin-top:4px;text-decoration:none;opacity:.6;transition:opacity .2s;color:var(--muted);font-size:13px}.onboarding-skip:hover{opacity:1}.onboarding-success-icon{font-size:64px;color:var(--accent);opacity:.9;letter-spacing:4px;font-weight:300;animation:pulse 2.5s ease-in-out infinite;margin-bottom:4px}.onboarding-success-stats{display:flex;gap:32px;justify-content:center;margin:8px 0;padding:20px;border-radius:var(--radius-md);background:#dd5a7b0a;border:1px solid rgba(221,90,123,.1);width:100%}.onboarding-success-stat{text-align:center}.onboarding-success-stat .stat-value{font-size:36px;font-weight:700;letter-spacing:-.03em}.onboarding-success-stat .stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}@media (max-width: 980px){.layout{grid-template-columns:1fr;padding:16px}.chat{height:auto;min-height:60vh}.panel.sidebar{height:auto;max-height:50vh}.panel.chat.split-layout{flex-direction:column;gap:0}.agent-form-column{flex:none;border-bottom:1px solid var(--border)}.test-chat-column{flex:none;min-height:400px;border-left:none;border-top:1px solid var(--border)}.loginCard{width:100%;max-width:400px}.clerkScreen{width:100%;max-width:420px}.clerkNativeCard{padding:14px}.topbar{padding:14px 16px}.billing-banner{margin:12px 16px 0;flex-direction:column;align-items:flex-start}.tabs{padding:12px 16px 0}.dashboard{padding:20px 16px}.activation-header{flex-direction:column;align-items:flex-start}.activation-list{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.action-grid,.template-grid,.calendar-day-columns{grid-template-columns:1fr}.calendar-day-header{flex-direction:column;align-items:flex-start}.calendar-block-row{grid-template-columns:1fr}.calendar-live-toolbar{width:100%;align-items:flex-start;flex-direction:column}.calendar-render-mode{width:100%}.calendar-planner-toggle{justify-content:flex-start}.calendar-live-week{grid-template-columns:48px minmax(760px,1fr)}.calendar-week-header,.calendar-exception-item{flex-direction:column;align-items:flex-start}.inbox-composer-meta{grid-template-columns:1fr}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}.calendar-live-track-row,.calendar-live-time-axis{height:250px}.inbox-triage-row{grid-template-columns:1fr}.inbox-composer-footer{align-items:stretch;flex-direction:column}.inbox-send-button{width:100%}}.calendar-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.calendar-popover{position:fixed;z-index:100;width:262px;background:var(--bg-subtle);border:1px solid rgba(232,223,215,.1);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-xl);display:grid;gap:14px}.calendar-popover-header{display:flex;align-items:center;justify-content:space-between}.calendar-popover-header strong{font-size:13px;font-weight:600}.calendar-popover-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px;line-height:1;transform:none;box-shadow:none}.calendar-popover-close:hover{color:var(--text);background:#ffffff0f;transform:none;box-shadow:none}.calendar-popover-date{margin-top:-8px;font-size:12px}.calendar-popover-kind{display:flex;gap:6px}.calendar-popover-times{display:flex;align-items:flex-end;gap:8px}.calendar-popover-times .form-field{flex:1}.calendar-popover-actions{display:flex;align-items:center;gap:6px;padding-top:4px;border-top:1px solid var(--border-subtle)}.time-select{width:100%}.notification-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:1000;max-width:400px;text-align:center;animation:slideDown .3s ease-out}.notification-toast.success{background:#dd5a7b26;border:1px solid rgba(221,90,123,.3);color:var(--accent)}.notification-toast.error{background:#f0676726;border:1px solid rgba(240,103,103,.3);color:var(--danger)}.notification-toast.info{background:#4da3ff26;border:1px solid rgba(77,163,255,.3);color:var(--accent-2)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.slideDown-enter-active{animation:slideDown .3s ease-out}.slideDown-leave-active{animation:slideDown .3s ease-in reverse}.connection-instructions{margin-top:12px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm)}.connection-instructions-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:12px}.connection-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.connection-steps li{font-size:13px;color:var(--text);line-height:1.5}.connection-steps strong{color:var(--text);font-weight:600}.connection-steps code{font-family:IBM Plex Mono,monospace;font-size:11px;padding:1px 5px;background:#ffffff14;border-radius:3px;color:var(--accent)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);gap:32px;position:relative;overflow:hidden}.loading-burst{position:relative;width:260px;height:260px}.loading-core{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent),0 0 60px #dd5a7b66,0 0 120px #dd5a7b26;animation:corePulse 2s ease-in-out infinite}.loading-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(221,90,123,.15);animation:ringExpand 2.5s ease-out infinite}.loading-tendril{position:absolute;top:50%;left:50%;width:1px;height:110px;transform-origin:0 0;background:linear-gradient(to bottom,rgba(221,90,123,.6),rgba(221,90,123,.08),transparent);animation:tendrilPulse 2s ease-in-out infinite}.loading-text{font-family:"IBM Plex Serif",serif;font-size:18px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);animation:textFade 2s ease-in-out infinite}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--accent),0 0 60px #dd5a7b66,0 0 120px #dd5a7b26}50%{transform:scale(1.3);box-shadow:0 0 30px var(--accent),0 0 80px #dd5a7b80,0 0 160px #dd5a7b33}}@keyframes ringExpand{0%{width:0;height:0;margin:0;opacity:.8;border-color:#dd5a7b4d}to{width:260px;height:260px;margin:-130px 0 0 -130px;opacity:0;border-color:#dd5a7b00}}@keyframes tendrilPulse{0%,to{opacity:.2;height:55px}50%{opacity:.7;height:110px}}@keyframes textFade{0%,to{opacity:.4}50%{opacity:.8}}
