:root{color-scheme:dark;--bg: #09141b;--bg-elevated: rgba(11, 28, 37, .82);--bg-soft: rgba(19, 44, 56, .72);--border: rgba(167, 212, 196, .14);--text: #f4f8f6;--text-muted: #92a8ad;--accent: #6de0a6;--accent-strong: #1cc486;--accent-warm: #ffb96b;--shadow: 0 24px 80px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(28,196,134,.22),transparent 32%),radial-gradient(circle at bottom right,rgba(255,185,107,.18),transparent 28%),linear-gradient(160deg,#061118,#0b1e27 46%,#102b31);color:var(--text);font-family:IBM Plex Sans,sans-serif}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;display:grid;grid-template-columns:280px 1fr;min-height:100vh;overflow:hidden}.auth-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:24px;overflow:hidden}.ambient{position:absolute;inset:auto;width:340px;height:340px;border-radius:999px;filter:blur(90px);opacity:.55;pointer-events:none}.ambient-left{top:-90px;left:-100px;background:#1cc4864d}.ambient-right{right:-80px;bottom:-120px;background:#ffb96b33}.sidebar,.workspace{position:relative;z-index:1}.sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px 22px;background:#061118d1;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar h1,.workspace h2,.panel h3{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}.sidebar-subtitle,.list-meta,.notification-card p,.message-card p,.huddle-card p,.document-block p{color:var(--text-muted)}.eyebrow{margin:0 0 8px;color:var(--accent-warm);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav-list{display:grid;gap:8px}.nav-button,.list-row,.ghost-button,.accent-button{transition:transform .12s ease,background .12s ease,border-color .12s ease}.nav-button{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--text);background:transparent;border:1px solid transparent;border-radius:16px}.nav-button:hover,.list-row:hover,.ghost-button:hover,.accent-button:hover{transform:translateY(-1px)}.nav-button.is-active{background:#6de0a61f;border-color:#6de0a652}.sidebar-card,.panel,.message-card,.info-card,.kanban-card,.huddle-card,.document-block,.auth-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-card{position:relative;z-index:1;display:grid;gap:18px;width:min(480px,100%);padding:28px}.sidebar-card{padding:18px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--text-muted);font-size:.9rem;font-weight:600}.notification-card{display:grid;gap:6px;padding:14px;border-radius:18px;background:#ffffff08}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace{display:flex;flex-direction:column;gap:20px;padding:24px 28px}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.search{display:flex;align-items:center;gap:10px;min-width:min(540px,100%);padding:14px 16px;background:#071720d6;border:1px solid var(--border);border-radius:18px}.search input{width:100%;color:var(--text);background:transparent;border:0;outline:none}.header-actions{display:flex;gap:12px}.ghost-button,.accent-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px}.ghost-button{color:var(--text);background:#ffffff08;border:1px solid var(--border)}.accent-button{color:#042419;background:linear-gradient(135deg,var(--accent),#a4ffce);font-weight:700}.panel-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:18px;min-height:0;animation:rise-in .26s ease}.panel-grid-docs{grid-template-columns:320px minmax(0,1fr)}.panel{padding:18px}.state-panel{min-height:240px;justify-content:center}.panel-main{display:flex;flex-direction:column;gap:18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.list-row{display:grid;gap:4px;width:100%;margin-bottom:10px;padding:14px;color:var(--text);text-align:left;background:#ffffff05;border:1px solid transparent;border-radius:18px}.list-row.is-selected{background:#6de0a61a;border-color:#6de0a647}.list-row.passive{cursor:default}.list-title{font-weight:600}.subsection{margin-top:18px}.message-feed{display:grid;gap:14px;min-height:360px}.message-card,.info-card,.kanban-card,.huddle-card,.document-block{padding:18px}.state-copy{display:grid;justify-items:start;gap:10px}.state-copy.compact{padding:6px 0}.state-copy.error{color:#ffd0d0}.state-copy p{margin:0;color:var(--text-muted)}.message-meta,.card-meta,.presence-row,.composer-actions,.inline-list,.timeline-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.reaction-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reaction-pill,.pill,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#6de0a61f;color:var(--text);font-size:.84rem}.composer{margin-top:auto;padding:16px;background:#ffffff08;border:1px solid var(--border);border-radius:18px}.composer textarea{width:100%;min-height:110px;color:var(--text);background:transparent;border:0;resize:vertical;outline:none}.detail-textarea,select,.inline-form input,.field input,.auth-card input{width:100%;padding:14px 16px;color:var(--text);background:#071720d6;border:1px solid var(--border);border-radius:18px;outline:none}.detail-textarea{min-height:120px;resize:vertical}.file-picker input{width:0;padding:0;border:0}.inline-error{margin:12px 0 0;color:#ffb4b4;font-size:.92rem}.presence-row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-online{background:#6de0a629}.status-away{background:#ffb96b29}.status-do-not-disturb{background:#ff6c6c33}.status-offline{background:#92a8ad24}.document-canvas,.huddle-grid,.list-board,.detail-stack,.scroll-stack,.suggestion-list,.document-workspace{display:grid;gap:16px}.document-workspace{grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);align-items:start}.table-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border-radius:16px;border:1px solid var(--border)}.table-preview-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.table-cell{padding:12px;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.table-head{color:var(--accent-warm);background:#ffffff08;font-weight:700}.list-board{grid-template-columns:repeat(4,minmax(0,1fr))}.kanban-column{display:grid;align-content:start;gap:12px}.kanban-column h3{color:var(--accent-warm);text-transform:capitalize}.huddle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.huddle-card.spotlight{background:radial-gradient(circle at top right,rgba(109,224,166,.18),transparent 34%),var(--bg-elevated)}.inline-list{flex-wrap:wrap;padding-left:18px}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.list-create-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.message-actions,.pill-row,.pinned-strip,.attachment-list,.linked-summary{display:flex;flex-wrap:wrap;gap:8px}.unread-badge{justify-self:start;padding:5px 9px;border-radius:999px;background:#ffb96b2e;color:var(--accent-warm);font-size:.8rem;font-weight:700}.presence-inline{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0a}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text);background:#ffffff08;border:1px solid var(--border);border-radius:999px}.reaction-pill.is-active,.kanban-card.is-selected{border-color:#6de0a64d;background:#6de0a61f}.message-body{margin:10px 0 0;line-height:1.55}.mention-token{color:var(--accent-warm);font-weight:700}.attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:var(--text);text-decoration:none;background:#ffffff08;border:1px solid var(--border);border-radius:999px}.comment-card,.source-row,.timeline-row{padding:12px 14px;border-radius:16px;background:#ffffff08}.typing-indicator,.upload-status-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#ffffff08;color:var(--text-muted)}.typing-dots{display:inline-flex;gap:4px}.typing-dots span{width:6px;height:6px;border-radius:999px;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.12s}.typing-dots span:nth-child(3){animation-delay:.24s}.upload-status-list{display:grid;gap:10px}.upload-status-row strong{margin-left:auto;text-transform:capitalize}.status-uploading{border:1px solid rgba(255,185,107,.24)}.status-uploaded{border:1px solid rgba(109,224,166,.24)}.status-failed{border:1px solid rgba(255,108,108,.3);color:#ffd0d0}.file-pill{background:#ffffff0d}.scroll-stack{max-height:320px;overflow:auto}@keyframes pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.thread-feed{max-height:280px;overflow:auto}.preview-video{width:100%;min-height:220px;margin-top:12px;border-radius:18px;background:#03090ce6;object-fit:cover}.file-picker{position:relative;overflow:hidden}.auth-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{color:var(--text-muted);font-size:.92rem;font-weight:600}.field input{width:100%;padding:14px 16px;color:var(--text);background:#071720d6;border:1px solid var(--border);border-radius:18px;outline:none}.auth-submit{width:100%;margin-top:4px}.spin{animation:spin .9s linear infinite}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1280px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.panel-grid,.panel-grid-docs,.list-board,.huddle-grid,.document-workspace,.detail-grid,.inline-form{grid-template-columns:1fr}}