*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #171717;--bg-secondary: #1f1f1f;--bg-tertiary: #2a2a2a;--text-primary: #ececec;--text-secondary: #a0a0a0;--text-muted: #666;--accent: #6366f1;--accent-hover: #818cf8;--border: #333;--error: #ff5555;--success: #22c55e;--warning: #ffcc00;--sidebar-width: 236px;--preview-chat-width: 360px;--header-height: 60px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:1rem}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease,width .3s ease}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.closed.peeking{transform:translate(0);box-shadow:8px 0 24px #00000059}.rail-reopen{position:fixed;top:.75rem;left:.75rem;z-index:150;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;padding:0}.rail-reopen:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-footer-row{display:flex;align-items:center;gap:.5rem}.sidebar-footer-row .user-info{flex:1;min-width:0}.collapse-btn{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.collapse-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:normal}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;color:var(--text-secondary);transition:all .2s;text-decoration:none}.nav-item:hover:not(.disabled){background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.disabled{cursor:not-allowed}.nav-icon{font-size:1rem}.nav-label{font-size:.8rem;font-weight:500;flex:1}.agent-row{display:flex;align-items:center;gap:.625rem;width:100%}.agent-pulse{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;flex-shrink:0;margin-left:auto}.agent-row.active .agent-pulse,.agent-pulse.active{opacity:1;transform:scale(1);box-shadow:0 0 8px currentColor,0 0 16px currentColor;animation:agent-pulse-glow 2s ease-in-out infinite}@keyframes agent-pulse-glow{0%,to{opacity:.6;transform:scale(1);box-shadow:0 0 6px currentColor,0 0 12px currentColor}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px currentColor,0 0 24px currentColor}}.agent-pulse.always-active{opacity:.4;transform:scale(.8);box-shadow:0 0 4px currentColor;animation:none}.agent-row:hover .agent-pulse.always-active{opacity:.8;transform:scale(1)}.nav-divider{height:1px;background:var(--border);margin:.5rem 1rem}.nav-section-label{padding:.375rem .875rem .25rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.sidebar-footer{padding:.5rem .625rem;border-top:1px solid var(--border);position:relative}.chat-threads{display:flex;flex-direction:column;gap:.125rem;padding:0 .5rem;max-height:220px;overflow-y:auto}.chat-thread-new{display:flex;align-items:center;gap:.5rem;padding:.45rem .625rem;border-radius:6px;border:1px dashed var(--border);background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;margin-bottom:.25rem}.chat-thread-new:hover{color:var(--text-primary);background:var(--bg-tertiary)}.chat-thread-item{display:block;width:100%;text-align:left;padding:.4rem .625rem;border-radius:6px;border:none;border-left:3px solid transparent;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.chat-thread-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-thread-item.active{background:var(--bg-tertiary);color:var(--text-primary);border-left-color:var(--accent)}.chat-thread-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread-empty{font-size:.75rem;color:var(--text-muted);padding:.25rem .625rem}.chat-thread-toggle{display:block;width:100%;text-align:left;padding:.35rem .625rem;border:none;background:transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer}.chat-thread-toggle:hover{color:var(--text-primary)}.chat-thread-row{position:relative;display:flex;align-items:center}.chat-thread-row .chat-thread-item{flex:1;min-width:0;padding-right:1.75rem}.chat-thread-menu-btn{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);font-size:.85rem;line-height:1;padding:.2rem .3rem;border-radius:4px;cursor:pointer;opacity:0}.chat-thread-row:hover .chat-thread-menu-btn,.chat-thread-row:focus-within .chat-thread-menu-btn,.chat-thread-menu-btn.open{opacity:1}.chat-thread-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-thread-menu{position:absolute;right:0;top:calc(100% - .15rem);z-index:40;min-width:7rem;padding:.25rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);box-shadow:0 4px 14px #0006}.chat-thread-menu button{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--text-secondary);font-size:.78rem;padding:.35rem .5rem;border-radius:4px;cursor:pointer}.chat-thread-menu button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-thread-menu button.danger:hover{color:#f87171}.chat-thread-edit{flex:1;min-width:0;font-size:.8rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:6px;padding:.4rem .625rem;outline:none}.image-pending-box{width:min(100%,860px,calc(100dvh - 180px));aspect-ratio:1 / 1;flex-shrink:0;margin:.5rem auto;position:relative;overflow:hidden;border:none;border-radius:12px;background:transparent}.image-pending-wave{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;background:#121214}.image-pending-scan{position:absolute;top:-150%;right:-150%;bottom:-150%;left:-150%;background:linear-gradient(to bottom right,#fff0 49.5%,#ffffff09 49.8%,#ffffff1a,#ffffff09 50.2%,#fff0 50.5%);filter:blur(3px);will-change:transform;animation:image-scan-sweep 2.2s linear infinite}@keyframes image-scan-sweep{0%{transform:translate(-10%,-10%)}to{transform:translate(10%,10%)}}.image-pending-box.image-settled{animation:none;background:none;background-color:transparent}.image-settled-img{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block;animation:image-settle-fade .5s ease;cursor:zoom-in}@keyframes image-settle-fade{0%{opacity:0}to{opacity:1}}.creative-actions{justify-content:flex-start}.adcopy-card{margin-top:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;max-width:560px}.adcopy-benefits{margin:.25rem 0 .5rem 1.25rem;padding:0;list-style:none}.adcopy-tags{color:var(--text-secondary);font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-pending-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:860px;flex-shrink:0;margin:.25rem auto;background:transparent;border:none}.image-pending-ack,.image-pending-status{font-family:Noto Sans Devanagari,Nirmala UI,Mangal,sans-serif;font-style:normal;align-self:flex-start;text-align:left}.image-pending-ack{font-size:.8rem;color:var(--text-primary)}.image-pending-statusline{font-size:.82rem;color:var(--text-primary);align-self:flex-start;text-align:left;min-height:1.4em}@media (prefers-reduced-motion: reduce){.image-pending-wave{animation:none}.image-pending-scan{animation:none;transform:translate(0)}.image-pending-box{animation:none}}@media (max-height: 800px){.image-pending-wrap{gap:.3rem}.image-pending-ack{font-size:.75rem}.image-pending-status{font-size:.8rem}}.image-pending-label,.image-pending-pill{font-family:Noto Sans Devanagari,Nirmala UI,Mangal,sans-serif}.image-pending-label{font-size:.78rem;color:var(--text-primary)}.image-pending-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-primary);border:1px solid var(--border);border-radius:999px;padding:.15rem .7rem}.account-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.account-menu{position:absolute;bottom:calc(100% + .5rem);left:.5rem;right:.5rem;z-index:201;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:.5rem;box-shadow:0 8px 24px #00000059}.account-menu-header{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-bottom:1px solid var(--border);margin-bottom:.375rem}.account-menu-item{display:block;width:100%;text-align:left;padding:.5rem .625rem;border-radius:6px;border:none;background:transparent;color:var(--text-primary);font-size:.85rem;cursor:pointer}.account-menu-item:hover{background:var(--bg-tertiary)}.user-info{cursor:pointer}.menu-chevron{margin-left:auto;color:var(--text-muted);font-size:.75rem;transition:transform .15s ease}.menu-chevron.open{transform:rotate(180deg)}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .2s}.user-info:hover{background:var(--bg-tertiary)}.user-avatar{width:36px;height:36px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;overflow:hidden;flex:0 0 auto}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-row{display:flex;align-items:center;gap:.875rem}.avatar-preview{width:56px;height:56px;border-radius:50%;object-fit:cover}.avatar-fallback{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.avatar-actions{display:flex;gap:.5rem}.avatar-pick{cursor:pointer}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;height:100vh;transition:margin-left .3s ease}.sidebar.closed+.main-content{margin-left:0}.main-header{display:none}.mobile-menu-btn{display:none;padding:.5rem;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:1.25rem}.header-spacer{flex:1}.main-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.15rem;font-weight:600;margin-bottom:.125rem}.page-header p{color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.chat-main-split,.chat-rail{display:contents}.preview-open .chat-main-split{flex:1;display:flex;min-height:0}.preview-open .chat-rail{display:flex;flex-direction:column;min-height:0}.dashboard-layout.preview-open .main-content,.dashboard-layout.preview-open.sidebar-is-open .main-content{max-width:var(--preview-chat-width)}.dashboard-layout.preview-open .chat-sticky-bottom{right:auto;width:var(--preview-chat-width)}.dashboard-layout.preview-open.sidebar-is-open .chat-sticky-bottom{left:var(--sidebar-width)}.dashboard-layout.preview-open .preview-main-wrap{position:fixed;top:0;right:0;bottom:0;left:calc(var(--sidebar-width) + var(--preview-chat-width));z-index:70;display:flex;flex-direction:column;background:var(--bg-primary)}.dashboard-layout.preview-open.sidebar-is-open .preview-main-wrap{left:calc(var(--sidebar-width) + var(--preview-chat-width))}.dashboard-layout.preview-open:not(.sidebar-is-open) .preview-main-wrap{left:var(--preview-chat-width)}.preview-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--bg-primary);border:0;border-radius:0;overflow:hidden}.preview-nav{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex:0 0 auto}.preview-nav-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1}.preview-nav-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.preview-nav-btn:disabled{opacity:.35;cursor:default}.preview-address{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.5rem;height:28px;padding:0 .625rem;margin:0 .25rem;background:var(--bg-tertiary, rgba(128,128,128,.12));border-radius:6px;font-size:.78rem;color:var(--text-secondary);overflow:hidden;white-space:nowrap}.preview-address-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-badge{margin-left:auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex:0 0 auto}.preview-open-tab{flex:0 0 auto;font-size:.78rem;white-space:nowrap;color:var(--link-color, #4da3ff)}.preview-close{flex:0 0 auto;font-size:.85rem;line-height:1;padding:.25rem .5rem;border-radius:5px;border:1px solid var(--border-color, rgba(128,128,128,.25));background:transparent;color:var(--text-secondary);cursor:pointer}.preview-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.preview-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.preview-grey{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-skeleton-stack{width:100%;max-width:560px;padding:0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.preview-skeleton{background:linear-gradient(100deg,var(--bg-tertiary) 30%,color-mix(in srgb,var(--border) 35%,var(--bg-tertiary)) 50%,var(--bg-tertiary) 70%);background-size:200% 100%;animation:skeleton-sheen 4s ease-in-out infinite;border-radius:8px;opacity:.55}.preview-skeleton-nav{height:.875rem;width:35%;border-radius:999px}.preview-skeleton-hero{height:4.5rem;border-radius:10px}.preview-skeleton-cards{display:flex;gap:.75rem;background:none;animation:none}.preview-skeleton-card{height:3.5rem;flex:1}.preview-skeleton-cta{height:1.75rem;width:45%;border-radius:999px}@keyframes skeleton-sheen{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-copy-center{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem;opacity:.8}.preview-sparkle{color:var(--text-muted);font-size:.85rem;line-height:1;animation:sparkle-pulse 3s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:.5}50%{opacity:1}}.preview-copy-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:copy-fade .5s ease both}@keyframes copy-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.preview-stage-line{margin:0;font-size:.7rem;color:var(--text-primary)}.preview-note{margin:auto;max-width:30rem;text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.preview-frame{flex:1 1 auto;width:100%;height:100%;min-height:0;border:0;background:#fff}.preview-placeholder{margin:auto;text-align:center;padding:2rem;color:var(--text-secondary)}.dashboard-layout.preview-open .toast-stack{z-index:68}.dashboard-layout.preview-open .notif-bell-wrap{display:none}@media (max-width: 1100px){.dashboard-layout.preview-open .main-content{max-width:360px}.dashboard-layout.preview-open.sidebar-is-open .preview-main-wrap{left:calc(var(--sidebar-width) + 360px)}.dashboard-layout.preview-open:not(.sidebar-is-open) .preview-main-wrap{left:360px}.dashboard-layout.preview-open .chat-sticky-bottom{width:360px}}@media (max-width: 768px){.dashboard-layout.preview-open .preview-main-wrap{left:0}.dashboard-layout.preview-open .chat-sticky-bottom{display:none}}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cc-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.card-header h3{font-size:1rem;font-weight:600}.card-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.card-body{padding:1.25rem}.card.full-width{grid-column:1 / -1}.info-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem}.info-list dt{color:var(--text-muted);font-size:.85rem;font-weight:500}.info-list dd{color:var(--text-primary);font-size:.9rem}.badge{display:inline-block;padding:.125rem .5rem;font-size:.7rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);color:var(--text-secondary)}.badge.active{background:#0c83;color:var(--success)}.badge.inactive{background:#f553;color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:#f553;color:var(--error);border:1px solid rgba(255,85,85,.3)}.btn-danger:hover:not(:disabled){background:#ff55554d}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-block{width:100%}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;align-items:center;gap:.75rem}.status-indicator{width:10px;height:10px;border-radius:50%}.status-indicator.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-indicator.offline{background:var(--text-muted)}.settings-page{max-width:800px}.settings-layout{display:flex;gap:2rem}.settings-tabs{display:flex;flex-direction:column;gap:.25rem;min-width:160px;flex-shrink:0}.settings-tabs button{padding:.625rem .875rem;text-align:left;font-size:.85rem;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-weight:500;transition:all .2s}.settings-tabs button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-tabs button.active{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.settings-content{flex:1;min-width:0}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-section .card-body{padding:1rem 1.125rem}.settings-section .card{background:transparent;border:none;border-radius:0}.settings-section .card-header{padding:.25rem 0 .625rem;border-bottom:1px solid var(--border)}.settings-section .card-body{padding:.875rem 0 .25rem}.settings-section .key-item{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;padding:.625rem 0}.settings-section .btn-primary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.settings-section .btn-primary:hover:not(:disabled){background:var(--border)}.settings-section .btn-primary:disabled,.settings-section .btn-primary:disabled:hover{background:var(--bg-tertiary);opacity:.6}.settings-section .key-item:last-child{border-bottom:none}.brand-status-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-top:.5rem}.brand-status-indicator{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.brand-status-card .status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:status-pulse 2s ease-in-out infinite}.brand-status-card .status-dot.upcoming{background:var(--accent)}.status-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.status-note{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.status-note code{background:var(--bg-primary);padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-family:monospace;color:var(--accent)}.status-note strong{color:var(--text-primary)}@keyframes status-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.eta-badge{display:inline-block;margin-top:.75rem;padding:.375rem .75rem;background:var(--accent);color:var(--bg-primary);font-size:.7rem;font-weight:600;border-radius:999px;letter-spacing:.3px}.key-form{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.form-hint{font-size:.7rem;color:var(--text-muted)}.form-error{color:var(--error);font-size:.8rem}.key-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.key-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px}.key-info{display:flex;align-items:center;gap:.75rem}.key-provider{font-weight:500;font-size:.85rem;color:var(--text-primary)}.key-name{font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px}.key-status{font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary)}.key-status.active{background:#0c83;color:var(--success)}.key-status.inactive{background:#f553;color:var(--error)}.key-actions{display:flex;gap:.5rem}.memory-group{margin-top:1.25rem}.memory-group+.memory-group{margin-top:1.75rem}.memory-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 .5rem}.memory-content{min-width:0;flex:1;align-items:flex-start}.memory-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.memory-note{color:var(--text-primary);font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}.memory-edit{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.memory-edit .key-actions{margin-top:.25rem}.memory-meta{color:var(--text-muted);font-size:.72rem}.empty-state{color:var(--text-muted);text-align:center;padding:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary)}.auth-error{background:#ff555526;border:1px solid rgba(255,85,85,.3);color:var(--error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.chat-live-error{margin-bottom:.5rem;margin-top:.75rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.sidebar,.sidebar.closed{transform:translate(-100%);width:280px}.sidebar.closed.peeking{width:280px}.sidebar.closed+.main-content{margin-left:0}.sidebar.open{transform:translate(0)}.chat-sticky-bottom{left:0}.sidebar-toggle{display:block}.main-content{margin-left:0}.main-header{display:flex;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:50}.mobile-menu-btn{display:flex}.main-body{padding:1rem}.settings-layout{flex-direction:column}.settings-tabs{flex-direction:row;overflow-x:auto}.form-row{grid-template-columns:1fr}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px!important;width:100%}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background .2s}.password-toggle:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-toggle svg{width:20px;height:20px}.debug-panel{margin-top:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;font-size:.75rem}.debug-panel summary{cursor:pointer;color:var(--accent);font-weight:500;margin-bottom:.5rem}.debug-panel pre{overflow-x:auto;color:var(--text-primary);background:var(--bg-secondary);padding:.75rem;border-radius:4px;border:1px solid var(--border)}.chat-messages{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:60vh;overflow-y:auto}.chat-msg{padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;flex-shrink:0}.chat-msg-user{align-self:flex-end;background:var(--bg-tertiary);color:var(--text-primary);max-width:80%;border-bottom-right-radius:4px}.chat-msg-assistant{align-self:flex-start;width:100%;color:var(--text-primary);background:transparent;border:none;padding:.25rem 0}.user-msg-images{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.375rem}.user-msg-images img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.msg-hoverbar{display:flex;justify-content:flex-end;gap:.125rem;margin-top:.375rem;opacity:0;transition:opacity .15s ease}.chat-msg:hover .msg-hoverbar,.msg-hoverbar:focus-within{opacity:1}.chat-copy-icon{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:6px;display:inline-flex;opacity:0;transition:opacity .15s ease}.chat-msg-assistant:hover .chat-copy-icon,.chat-msg:hover .msg-hoverbar .chat-copy-icon,.chat-copy-icon:focus-visible{opacity:1}.chat-copy-icon:hover{color:var(--text-primary);background:var(--bg-tertiary)}@media (hover: none){.chat-copy-icon,.msg-hoverbar{opacity:1}}.chat-composer{flex-direction:column}.composer-attachments{justify-content:flex-start!important;align-self:stretch;width:100%;direction:ltr}.chat-composer-row{display:flex;gap:.5rem;align-items:flex-end;width:100%}.composer-attachments{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem .25rem 0}.composer-thumb{position:relative;display:inline-flex;align-items:center}.composer-thumb img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.composer-thumb .composer-file{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;padding:.375rem .5rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-thumb button{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;font-size:.6rem;line-height:1;padding:0}.debug-agent{font-size:.7rem;font-family:monospace;color:var(--text-muted)}.chat-msg-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.chat-tokens{font-size:.7rem;color:var(--text-muted)}.chat-msg-text{white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.65;max-height:none;overflow:visible}.result-section{margin-bottom:.875rem}.result-section:last-child{margin-bottom:0}.result-heading{font-size:.95rem;font-weight:700;margin:0 0 .375rem;color:var(--text-primary)}.result-line{margin:0 0 .375rem}.result-line:last-child{margin-bottom:0}.chat-msg-text p,.result-line p{margin:0 0 .5rem;line-height:1.65}.chat-msg-text p:last-child,.result-line p:last-child{margin-bottom:0}.chat-msg-text strong,.result-line strong{font-weight:700;color:var(--text-primary)}.chat-msg-text h1,.chat-msg-text h2,.chat-msg-text h3,.chat-msg-text h4,.result-line h1,.result-line h2,.result-line h3,.result-line h4{margin:.75rem 0 .375rem;line-height:1.3;color:var(--text-primary)}.chat-msg-text h1,.result-line h1{font-size:1.1rem}.chat-msg-text h2,.result-line h2{font-size:1.05rem}.chat-msg-text h3,.result-line h3{font-size:1rem}.chat-msg-text h4,.result-line h4{font-size:.95rem}.chat-msg-text ul,.chat-msg-text ol,.result-line ul,.result-line ol{margin:.25rem 0 .5rem 1.25rem;padding:0}.chat-msg-text li,.result-line li{margin-bottom:.25rem;line-height:1.55}.chat-msg-text code,.result-line code{font-family:SF Mono,Fira Code,monospace;font-size:.88em;background:var(--bg-tertiary, rgba(128,128,128,.1));padding:.1em .35em;border-radius:3px}.chat-msg-text a,.result-line a,.approval-card a,.chat-msg-user a{color:var(--link-color, #4da3ff);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.chat-msg-text a:hover,.result-line a:hover,.approval-card a:hover,.chat-msg-user a:hover{text-decoration-thickness:2px}.md-codeblock{position:relative;margin:.5rem 0;border:1px solid var(--border-color, rgba(128,128,128,.25));border-radius:6px;background:var(--bg-tertiary, rgba(128,128,128,.08))}.md-codeblock pre{margin:0;padding:.625rem .75rem;overflow-x:auto;font-size:.85rem;line-height:1.55}.md-codeblock pre code{background:none;padding:0}.md-code-copy{position:absolute;top:.375rem;right:.375rem;font-size:.75rem;line-height:1;padding:.3rem .5rem;border-radius:4px;border:1px solid var(--border-color, rgba(128,128,128,.25));background:var(--bg-primary, rgba(0,0,0,.35));color:inherit;cursor:pointer;opacity:.85}.md-code-copy:hover{opacity:1}.chat-msg-pending{font-size:.85rem;font-style:italic}.pending-loader{display:inline-flex;align-items:center;min-height:1.5rem}.pending-loader>span{width:12px;height:12px;border-radius:50%;background:#9aa0a6;animation:pending-pulse 1.2s ease-in-out infinite}.stream-cursor{display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:-.15em;margin-left:1px;animation:cursor-blink 1s steps(2,start) infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pending-pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.streamed-text{white-space:pre-wrap;word-break:break-word}.agent-status,.pending-step,.preview-stage-line,.pending-log li,.recovering-notice,.image-pending-statusline,.image-pending-status,.image-pending-ack,.image-pending-label,.image-pending-pill{color:var(--text-primary)}.pending-step{display:block;font-size:.75rem;font-style:normal;margin-top:.25rem}.build-activity{margin-top:.75rem;padding-top:.625rem;border-top:1px dashed var(--border);font-size:.78rem;color:var(--text-secondary)}.build-activity-title{margin:0 0 .375rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.build-activity-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.2rem}.build-activity-list li{line-height:1.45}.build-prose{margin:0;display:flex;flex-direction:column;gap:.45rem}.build-prose p{margin:0;line-height:1.5;color:var(--text-secondary)}.build-actions{margin-top:.45rem}.build-actions summary{cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);-webkit-user-select:none;user-select:none;list-style:none}.build-actions summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.build-actions[open] summary:before{transform:rotate(90deg)}.build-actions[open] .build-activity-list{margin-top:.375rem}.chat-msg-image{display:block;max-width:100%;width:420px;border-radius:8px;margin-top:.625rem;border:1px solid var(--border)}.chat-msg-actions{display:flex;gap:.5rem;margin-top:.625rem}.chat-action-btn{font-size:.75rem;padding:.25rem .625rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;text-decoration:none;display:inline-block}.chat-action-btn:hover{background:var(--bg-tertiary)}.chat-msg-image-zoomable{cursor:zoom-in}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:.75rem;cursor:default}.lightbox-img{max-width:90vw;max-height:78vh;object-fit:contain;border-radius:8px}.lightbox-actions{display:flex;gap:.5rem;justify-content:center}.chat-input-row{display:flex;gap:.5rem}.icon-btn{width:40px;height:40px;flex:0 0 auto;align-self:center;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn:disabled{opacity:.45;cursor:default}.send-btn:not(:disabled){background:var(--text-muted);border-color:var(--text-muted);color:var(--bg-primary)}.send-btn:not(:disabled):hover{background:var(--text-secondary);border-color:var(--text-secondary)}.send-btn:not(:disabled):active{transform:scale(.9)}.chat-messages-feed,.chat-messages-feed .chat-msg-text,.sidebar-nav,.chat-threads,.main-body{scrollbar-width:thin;scrollbar-color:#9aa0a6 transparent}.chat-messages-feed::-webkit-scrollbar,.chat-messages-feed .chat-msg-text::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar,.chat-threads::-webkit-scrollbar,.main-body::-webkit-scrollbar{width:8px}.chat-messages-feed::-webkit-scrollbar-track,.chat-messages-feed .chat-msg-text::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track,.chat-threads::-webkit-scrollbar-track,.main-body::-webkit-scrollbar-track{background:transparent}.chat-messages-feed::-webkit-scrollbar-thumb,.chat-messages-feed .chat-msg-text::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb,.chat-threads::-webkit-scrollbar-thumb,.main-body::-webkit-scrollbar-thumb{background:#9aa0a6;border-radius:4px}.chat-messages-feed::-webkit-scrollbar-thumb:hover,.chat-messages-feed .chat-msg-text::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover,.chat-threads::-webkit-scrollbar-thumb:hover,.main-body::-webkit-scrollbar-thumb:hover{background:#c6cbd2}.dashboard-page .card.full-width.chat-card{height:auto;display:flex;flex-direction:column}.chat-card-body{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.chat-messages-feed{overflow:visible;max-height:none}.chat-sticky-bottom{position:fixed;bottom:0;left:var(--sidebar-width);right:0;z-index:60;background:var(--bg-primary);padding-top:.5rem;padding-bottom:.75rem}.sidebar.closed~.main-content .chat-sticky-bottom{left:0}.chat-card-body{padding-bottom:150px}.chat-card-body.chat-empty .chat-sticky-bottom{position:static;background:transparent;padding:0}.chat-feed-inner{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:820px;margin-left:auto;margin-right:auto}.chat-input-row-bottom,.chat-below-row{width:100%;max-width:820px;margin-left:auto;margin-right:auto}.chat-messages-feed{flex:1;min-height:0;margin-bottom:.75rem}.chat-input-row-bottom{flex-shrink:0;background:var(--bg-secondary);align-items:flex-end;margin-top:auto;position:sticky;bottom:0;z-index:5;border:none;border-radius:24px;padding:.375rem .5rem .375rem 1rem}.chat-input-row textarea{flex:1;padding:.75rem .25rem;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;line-height:1.5;resize:none;overflow-y:auto;max-height:140px}.chat-input-row textarea:focus{outline:none}.chat-card-body.chat-empty{justify-content:center;padding-bottom:0;min-height:calc(100vh - 3rem)}.main-body{scrollbar-width:thin;scrollbar-color:#9aa0a6 transparent}.main-body::-webkit-scrollbar{width:8px}.main-body::-webkit-scrollbar-track{background:transparent}.main-body::-webkit-scrollbar-thumb{background:#9aa0a6;border-radius:4px}.main-body::-webkit-scrollbar-thumb:hover{background:#c6cbd2}.chat-empty .chat-input-row-bottom{margin-top:0}.chat-hero{text-align:center;margin-bottom:1.5rem}.chat-hero-greeting{font-size:1.75rem;font-weight:500;color:var(--text-primary);margin:0 0 .375rem}.chat-hero-sub{font-size:.95rem;color:var(--text-muted);margin:0}.chat-below-row{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;min-height:22px;padding-left:.875rem;padding-right:.875rem}.below-attach-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.below-attach-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.cc-eyebrow-running{font-size:.7rem;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text-muted);white-space:nowrap}.dashboard-page .card.full-width.chat-card{background:transparent;border:none;overflow:visible}.dashboard-page .chat-card-body{padding-left:.25rem;padding-right:.25rem}.chat-format-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding-right:.25rem}.chat-input-row input{flex:1;padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem}.chat-input-row input:focus{outline:none;border-color:var(--accent)}.agent-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;font-weight:700;letter-spacing:.5px;color:var(--accent);background:#6366f114;border:1px solid rgba(99,102,241,.25);padding:.125rem .5rem;border-radius:9999px;white-space:nowrap}.badge-risk-yellow{background:#ffcc0026;color:var(--warning)}.badge-risk-red{background:#ff555526;color:var(--error)}.badge-status-completed{background:#0c83;color:var(--success)}.badge-status-running{background:#6366f126;color:var(--accent)}.badge-status-waiting_approval,.badge-status-queued{background:#ffcc0026;color:var(--warning)}.badge-status-failed{background:#f553;color:var(--error)}.badge-status-retrying{background:#6366f126;color:var(--accent)}.badge-status-canceled{background:var(--bg-tertiary);color:var(--text-secondary)}.approval-card{margin-top:.75rem;padding:.75rem 1rem;background:#ffcc0014;border:1px solid rgba(255,204,0,.3);border-radius:8px;font-size:.85rem}.approval-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.625rem}.approval-actions .btn-primary,.approval-card .btn-primary,.notif-actions .btn-primary{background:var(--accent);color:#fff}.approval-actions .btn-primary:hover:not(:disabled),.approval-card .btn-primary:hover:not(:disabled),.notif-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.approval-actions .btn-danger,.approval-card .btn-danger{background:#ff555526;color:#e06060;border:1px solid rgba(255,85,85,.25)}.approval-actions .btn-danger:hover:not(:disabled),.approval-card .btn-danger:hover:not(:disabled){background:#ff555540}.approval-error{background:#ff555526;border:1px solid rgba(255,85,85,.3);color:var(--error);padding:.5rem .75rem;border-radius:6px;margin:.5rem 0 0;font-size:.8rem;white-space:pre-wrap}.feed-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.feed-status-connected{color:var(--success)}.feed-status-connecting{color:var(--warning)}.feed-status-disconnected{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot-connected{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot-connecting{background:var(--warning)}.status-dot-disconnected{background:var(--text-muted)}.activity-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.activity-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.chat-restore{display:flex;align-items:center;justify-content:center;gap:.625rem;color:var(--text-muted);font-size:.875rem;padding:3rem 1rem}.chat-card-body.restoring .chat-sticky-bottom{visibility:hidden}.stopped-meta{display:flex;align-items:center;gap:.5rem;margin:.375rem 0 .25rem}.stopped-badge{display:inline-block;font-size:.72rem;font-weight:600;font-style:normal;letter-spacing:.3px;color:var(--text-secondary);border:1px solid var(--border);background:transparent;border-radius:999px;padding:.1rem .55rem}.recovering-notice{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.82rem;color:var(--text-primary);font-style:italic}.recovering-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--bg-tertiary);border-top-color:var(--text-muted);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--bg-primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled{opacity:.8;cursor:wait}.btn-primary:disabled{background:var(--accent);opacity:.9}.btn-primary:disabled:hover{background:var(--accent)}.toast-stack{position:fixed;top:4.25rem;right:.75rem;z-index:300;display:flex;flex-direction:column;gap:.5rem;width:min(330px,calc(100vw - 1.5rem))}.toast{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 20px #00000059;padding:.65rem 2rem .65rem .75rem;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.toast-main{display:flex;align-items:flex-start;gap:.55rem;width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary)}.toast-icon{font-size:.95rem;line-height:1.4;flex-shrink:0}.toast-text{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.toast-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.toast-body{font-size:.76rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-actions{display:flex;gap:.4rem;margin-top:.5rem;margin-left:1.5rem}.toast-error{font-size:.75rem;color:var(--error);margin:.4rem 0 0 1.5rem}.toast-close{position:absolute;top:.4rem;right:.4rem;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:0}.toast-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-backdrop{display:none}@media (max-width: 768px){html,body{overflow-x:clip}.main-body{overflow-x:clip;min-width:0}.rail-reopen{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000080}.main-header{padding:0 .875rem}.chat-card-body.chat-empty{min-height:calc(100vh - var(--header-height) - 3rem)}.chat-sticky-bottom{left:0}.mobile-menu-btn{min-width:44px;min-height:44px;align-items:center;justify-content:center}.icon-btn{width:44px;height:44px}.below-attach-btn{width:44px;height:44px;font-size:1.15rem}.composer-thumb button{width:28px;height:28px;font-size:.75rem}.chat-action-btn{min-height:44px;display:inline-flex;align-items:center}.approval-actions .btn{min-height:44px}.chat-thread-item,.chat-thread-new,.nav-item{min-height:44px;align-items:center}.chat-thread-item{display:flex}.account-menu-item{min-height:44px}.chat-input-row textarea{font-size:16px}.approval-card{overflow-wrap:anywhere;padding:.875rem 1rem}.activity-summary{white-space:normal}.activity-item{align-items:flex-start}}@media (max-width: 480px){.toast-stack{left:.75rem;right:.75rem;width:auto}.toast-actions .btn{min-height:44px}.main-body{padding:.75rem}.chat-msg-user{max-width:92%}.chat-hero-greeting{font-size:1.4rem}.lightbox-overlay{padding:1rem}.chat-below-row{padding-left:.5rem;padding-right:.5rem}}.notif-bell-wrap{position:fixed;top:.7rem;right:.85rem;z-index:320}.notif-bell{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);opacity:.55;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:opacity .15s ease,color .15s ease,background .15s ease,transform .15s ease}.notif-bell.has-unread{color:var(--text-primary);opacity:1}.notif-bell:hover{color:var(--text-primary);background:var(--bg-tertiary);opacity:1;transform:scale(1.06)}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--error);color:#0b0f14;font-size:.66rem;font-weight:700;line-height:18px;text-align:center}.notif-tray{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 1.5rem));max-height:min(70vh,520px);display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0006;overflow:hidden}.notif-tray-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.notif-tray-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.notif-mark-all{background:none;border:none;color:var(--accent);font-size:.72rem;cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-list{overflow-y:auto;padding:.35rem;display:flex;flex-direction:column;gap:.25rem}.notif-empty{padding:1rem .6rem;font-size:.78rem;color:var(--text-muted);text-align:center}.notif-item{position:relative;border:1px solid var(--border);border-left:3px solid transparent;border-radius:10px;padding:.5rem .6rem .5rem .5rem;background:var(--bg-primary)}.notif-item--unread{background:var(--bg-tertiary)}.notif-item--waiting{border-left-color:var(--warning);background:var(--bg-tertiary)}.notif-main{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary)}.notif-icon{font-size:.9rem;line-height:1.4;flex-shrink:0}.notif-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.notif-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.notif-body{font-size:.74rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:.68rem;color:var(--text-muted)}.notif-actions{display:flex;gap:.4rem;margin-top:.45rem;margin-left:1.4rem}.notif-error{font-size:.72rem;color:var(--error);margin:.35rem 0 0 1.4rem}@media (max-width: 480px){.notif-tray{width:calc(100vw - 1rem);right:-.1rem}}.dashboard-layout{min-height:100vh;min-height:100dvh}.chat-card-body.chat-empty{min-height:70vh;min-height:70dvh}.lightbox-img{max-height:78vh;max-height:78dvh}