.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(145deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.auth-card{width:100%;max-width:380px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000004d}.auth-logo,.auth-logo-img{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.auth-logo-img{display:block;max-height:2.5rem;width:auto;object-fit:contain}.auth-tagline{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem}.auth-form input::placeholder{color:var(--text-secondary)}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-form button{margin-top:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--radius);background:var(--accent);color:var(--bg-primary);font-weight:600;font-size:1rem}.auth-form button:hover:not(:disabled){background:var(--accent-hover)}.auth-form button:disabled{opacity:.7;cursor:not-allowed}.auth-error{margin:0;color:var(--danger);font-size:.9rem}.auth-footer{margin:1.25rem 0 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.sidebar{width:240px;min-width:240px;height:100vh;background:linear-gradient(145deg,#0f172af5,#0f172aeb);border-right:1px solid rgba(148,163,184,.28);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}[data-theme=light] .sidebar{background:linear-gradient(145deg,#fffffff5,#f1f5f9f5);border-right:1px solid rgba(148,163,184,.4)}.sidebar--collapsed{width:72px;min-width:72px}.sidebar-collapse-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:1.3rem;padding:.2rem .5rem;border-radius:var(--radius)}.sidebar-collapse-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.sidebar-collapse-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.sidebar--collapsed .sidebar-tagline,.sidebar--collapsed .sidebar-user,.sidebar--collapsed .sidebar-user-role,.sidebar--collapsed .sidebar-section-header span,.sidebar--collapsed .sidebar-channel-name{display:none}.sidebar--collapsed .sidebar-nav-main{padding-left:.5rem;padding-right:.5rem}.sidebar--collapsed .sidebar-nav-main a,.sidebar--collapsed .sidebar-nav-main .sidebar-nav-btn,.sidebar--collapsed .sidebar-nav-main .sidebar-nav-invite{padding-left:.4rem;padding-right:.4rem;justify-content:center}.sidebar--collapsed .sidebar-section{padding-left:.5rem;padding-right:.5rem}.sidebar--collapsed .sidebar-header{text-align:center}.sidebar--collapsed .sidebar-user-row{justify-content:center}.sidebar--collapsed .sidebar-nav-main{align-items:center}.sidebar--collapsed .sidebar-nav-main a,.sidebar--collapsed .sidebar-nav-main .sidebar-nav-btn,.sidebar--collapsed .sidebar-nav-main .sidebar-nav-invite{display:flex;align-items:center;justify-content:center}.sidebar--collapsed .sidebar-section-header,.sidebar--collapsed .sidebar-nav .sidebar-channel-btn{justify-content:center}.sidebar-header{padding:1rem 1.1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.22);display:flex;flex-direction:column;gap:.75rem}.sidebar-brand{margin-bottom:0}.sidebar-logo{display:block;font-weight:700;color:#e5e7ff;font-size:1.35rem;letter-spacing:-.02em;text-shadow:0 0 26px rgba(129,140,248,.7)}[data-theme=light] .sidebar-logo{color:#1d4ed8;text-shadow:0 0 22px rgba(37,99,235,.35)}.sidebar-logo-img{display:block;height:auto;max-height:73px;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.sidebar--collapsed .sidebar-logo-img{height:32px;margin:0 auto}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-user-avatar-initial{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 0%,#818cf8,#4f46e5);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:#e5e7ff}[data-theme=light] .sidebar-user-avatar-initial{background:radial-gradient(circle at 30% 0%,#93c5fd,#2563eb);color:#0f172a;flex-shrink:0}.sidebar-user-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius);padding:.25rem 0;margin:0 -.25rem;transition:background .15s}.sidebar-user-link:hover,.sidebar-user-link.active{background:var(--bg-tertiary)}.sidebar-user-link .sidebar-user{color:var(--text-primary)}.sidebar-user-link:hover .sidebar-user,.sidebar-user-link.active .sidebar-user{color:var(--accent)}.sidebar-user-block{display:flex;flex-direction:column;gap:.25rem}.sidebar-user-row{display:flex;align-items:center;gap:.5rem}.sidebar-tagline{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.sidebar-user{color:var(--text-primary);font-size:.9rem;font-weight:500}.sidebar-user-role{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.sidebar-nav-main{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.14)}.sidebar-nav-main a,.sidebar-nav-main .sidebar-nav-btn{padding:.6rem .75rem;border-radius:999px;color:var(--text-primary);display:block;text-align:left;font-size:inherit;transition:background .16s ease-out,color .16s ease-out,transform .08s ease-out}.sidebar-nav-main .sidebar-nav-btn{width:100%;border:none;background:none;cursor:pointer;font-family:inherit}.sidebar-nav-main .sidebar-nav-btn:hover{background:var(--bg-tertiary);color:var(--accent)}.sidebar-nav-main a{text-decoration:none;font-size:.95rem}.sidebar-nav-main a:hover{background:#94a3b824;color:#e5e7ff;text-decoration:none;transform:translateY(-.5px)}[data-theme=light] .sidebar-nav-main a:hover{background:#94a3b829;color:#1e40af}.sidebar-nav-main a.active{background:radial-gradient(circle at 0% 0%,#38bdf840,#6366f1b3);color:#f9fafb;font-weight:500;box-shadow:0 12px 30px #0f172ab3}[data-theme=light] .sidebar-nav-main a.active{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e3a8a;box-shadow:0 8px 22px #0f172a2e}.sidebar-nav-main .sidebar-nav-invite{width:100%;text-align:left;padding:.6rem .75rem;border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;background:none;border:none;cursor:pointer}.sidebar-nav-main .sidebar-nav-invite:hover{background:var(--bg-tertiary);color:var(--accent)}.sidebar-invite-link-wrap{display:flex;gap:.5rem;margin:.75rem 0}.sidebar-invite-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.sidebar-invite-copy{padding:.5rem 1rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer;white-space:nowrap}.sidebar-invite-copy:hover{filter:brightness(1.1)}.sidebar-logout{width:100%;padding:.4rem 0;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;text-align:center;cursor:pointer}.sidebar-logout:hover{color:var(--danger)}.sidebar-section{padding:.75rem;border-bottom:1px solid var(--border)}.sidebar-section-header{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.sidebar-dm-actions{display:flex;gap:.25rem}.sidebar-modal-hint{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem}.sidebar-group-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.35rem 0}.sidebar-modal-actions{display:flex;gap:.5rem;margin-top:.5rem}.sidebar-add{background:none;border:none;color:var(--accent);font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.sidebar-add:hover{color:var(--accent-hover)}.sidebar-create{margin-bottom:.5rem}.sidebar-create input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem}.sidebar-create-actions{display:flex;gap:.5rem}.sidebar-create-actions button{padding:.4rem .75rem;border:none;border-radius:var(--radius);font-size:.85rem}.sidebar-create-actions button[type=submit]{background:var(--accent);color:var(--bg-primary)}.sidebar-create-actions button[type=button]{background:var(--bg-tertiary);color:var(--text-secondary)}.sidebar-error{margin:.25rem 0 0;font-size:.8rem;color:var(--danger)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar-nav a,.sidebar-channel-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:999px;color:var(--text-primary);text-decoration:none;font-size:.95rem;transition:background .16s ease-out,color .16s ease-out}.sidebar-channel-btn{width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit}.sidebar-nav a:hover,.sidebar-channel-btn:hover{background:#94a3b824;text-decoration:none}[data-theme=light] .sidebar-nav a:hover,[data-theme=light] .sidebar-channel-btn:hover{background:#94a3b829;color:#1e40af}.sidebar-nav a.active,.sidebar-channel-btn.active{background:radial-gradient(circle at 0% 0%,#38bdf829,#6366f1bf);color:#f9fafb;box-shadow:0 12px 26px #0f172ab3}[data-theme=light] .sidebar-nav a.active,[data-theme=light] .sidebar-channel-btn.active{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e3a8a;box-shadow:0 8px 22px #0f172a2e}.sidebar-channel-star{flex-shrink:0;opacity:.6;font-size:.9rem;padding:0 .15rem;cursor:pointer}.sidebar-channel-star:hover,.sidebar-channel-star-on{opacity:1;color:var(--accent)}.sidebar-channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-unread{flex-shrink:0;min-width:1.25rem;padding:.1rem .35rem;border-radius:10px;background:var(--accent);color:var(--bg-primary);font-size:.7rem;font-weight:600;text-align:center}.sidebar-section-project .sidebar-section-project-header{font-size:.85rem;color:var(--text-secondary)}.sidebar-section-project .sidebar-section-header span{font-weight:600;color:var(--text-primary)}.sidebar-join{list-style:none;margin:0;padding:0}.sidebar-join li{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;font-size:.9rem}.sidebar-join button{padding:.25rem .5rem;font-size:.8rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px}.sidebar-join button:hover{background:var(--accent-hover)}.sidebar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.sidebar-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;max-width:320px;width:90%;max-height:70vh;overflow:auto;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow)}.sidebar-modal-overlay--panel{justify-content:flex-end;align-items:stretch}.sidebar-modal-overlay--panel .sidebar-modal{height:100%;max-height:none;max-width:420px;border-radius:0;border-left:1px solid rgba(148,163,184,.45)}.sidebar-modal h3{margin:0 0 1rem;font-size:1.1rem}.sidebar-dm-panel{padding:1.1rem 1.1rem 1.25rem;box-sizing:border-box}.sidebar .search-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end;align-items:stretch;background:#0006}.sidebar-dm-list{list-style:none;margin:0 0 1rem;padding:0}.sidebar-dm-list li button{width:100%;padding:.5rem .75rem;text-align:left;background:none;border:none;border-radius:var(--radius);color:var(--text-primary);cursor:pointer}.sidebar-dm-list li button:hover{background:var(--bg-tertiary)}.sidebar-modal-close{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer}.sidebar-user-picker{position:relative;margin-bottom:.75rem}.sidebar-user-picker-input{width:100%;padding:.45rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem}.sidebar-user-picker-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;list-style:none;padding:.25rem 0;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft, 0 10px 28px rgba(15, 23, 42, .6));max-height:220px;overflow-y:auto;z-index:10}.sidebar-user-picker-suggestions li button{width:100%;padding:.4rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.85rem}.sidebar-user-picker-suggestions li button:hover{background:var(--bg-tertiary);color:var(--accent)}.sidebar-user-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-picker-role{font-size:.75rem;color:var(--text-secondary)}.sidebar-selected-users{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.sidebar-selected-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border)}.sidebar-selected-avatar{width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,#60a5fa,#6366f1);color:#f9fafb;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.sidebar-selected-name{font-size:.8rem;color:var(--text-primary)}.sidebar-selected-remove{border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.sidebar-selected-remove:hover{color:var(--danger)}.sidebar-context-menu{position:fixed;z-index:140;min-width:160px;padding:.25rem 0;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft, 0 14px 40px rgba(15, 23, 42, .8))}.sidebar-context-menu button{display:block;width:100%;padding:.45rem .8rem;background:transparent;border:none;color:var(--text-primary);text-align:left;font-size:.9rem;cursor:pointer}.sidebar-context-menu button:hover{background:var(--bg-tertiary);color:var(--accent)}.workspace-context-menu{position:fixed;z-index:150;min-width:160px;padding:.25rem 0;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft, 0 14px 40px rgba(15, 23, 42, .8))}.workspace-context-menu button{display:block;width:100%;padding:.45rem .8rem;background:transparent;border:none;color:var(--text-primary);text-align:left;font-size:.9rem;cursor:pointer}.workspace-context-menu button:hover{background:var(--bg-tertiary);color:var(--accent)}@media (max-width: 768px){.sidebar{width:100%;min-width:0;height:auto}.sidebar-collapse-toggle{display:none}.sidebar-header{padding:.75rem .9rem .85rem}.sidebar-nav-main,.sidebar-section{padding:.5rem .9rem}.sidebar-tagline{font-size:.7rem}.sidebar-logo-img{max-height:52px}.sidebar-invite-link-wrap{flex-direction:column}.sidebar-invite-copy{width:100%;text-align:center}.sidebar-dm-actions .sidebar-add{font-size:1rem}}.search-page{max-width:640px;margin:0 auto;padding:1.5rem 1.25rem}.search-header{margin-bottom:1.5rem}.search-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.search-close-btn{width:2rem;height:2rem;border:none;border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-page--panel{max-width:none;padding:1rem}.search-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.search-subtitle{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem}.search-input-wrap{margin-top:.5rem}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem}.search-input::placeholder{color:var(--text-secondary)}.search-loading,.search-empty{color:var(--text-secondary);padding:1rem 0}.search-results-wrap{margin-top:1rem}.search-results{list-style:none;padding:0;margin:0}.search-result-item{margin-bottom:.5rem}.search-result-btn{display:block;width:100%;text-align:left;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.search-result-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.search-result-meta{display:block;font-size:.85rem;color:var(--accent);margin-bottom:.25rem}.search-result-content{display:block;font-size:.95rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.attachment-preview{margin-top:.5rem}.attachment-preview-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none;font-size:.9rem}.attachment-preview-link:hover{text-decoration:underline}.attachment-preview--image .attachment-preview-link{display:inline-block}.attachment-preview-img{max-width:100%;max-height:200px;border-radius:var(--radius);border:1px solid var(--border);display:block}.attachment-preview-img:hover{opacity:.95}.attachment-preview--file .attachment-preview-doc{padding:.35rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius)}.attachment-preview-icon{font-size:1.2rem}.attachment-preview-size{color:var(--text-secondary);font-size:.85rem}.message-mention{background:#4dabf733;color:var(--accent);padding:0 .2em;border-radius:4px;font-weight:500}.message-mention--channel{background:#ffd43b40;color:var(--warning)}.message-body--deleted{color:var(--text-secondary);font-style:italic}.message-body-markdown p{margin:0 0 .4em}.message-body-markdown p:last-child{margin-bottom:0}.message-body-markdown strong{font-weight:700}.message-body-markdown a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.message-body-markdown a:hover{border-bottom-color:var(--accent)}.message-body-markdown code{background:var(--bg-tertiary);padding:.15em .4em;border-radius:6px;font-size:.9em;font-family:ui-monospace,monospace}.message-body-markdown pre{margin:.5em 0;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius);overflow-x:auto;border:1px solid var(--border)}.message-body-markdown pre code{padding:0;background:none;font-size:.9em}.message-list{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-primary);width:100%;min-width:0;box-sizing:border-box}.message-item{max-width:85%;width:fit-content;padding:.2rem 0;margin:0 -.25rem;transition:background .15s ease}.message-item:hover{background:transparent}.message-item:not(.message-item--mine){align-self:flex-start}.message-item--mine{align-self:flex-end;margin-left:auto}.message-item--consecutive{padding-top:.05rem}.message-item--consecutive .message-content{margin-left:0}.message-row{display:flex;gap:.6rem;align-items:flex-end}.message-item--mine .message-row{flex-direction:row-reverse}.message-bubble{position:relative;padding:.5rem .85rem .65rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px 16px 16px 5px;box-shadow:0 1px 2px #0000000f;transition:box-shadow .15s,border-color .15s;flex:0 1 auto;max-width:85%;min-width:0}.message-bubble:after{content:"";position:absolute;left:-6px;bottom:10px;width:0;height:0;border-style:solid;border-width:6px 10px 6px 0;border-color:transparent var(--bg-secondary) transparent transparent}.message-item:hover .message-bubble{border-color:var(--text-secondary);box-shadow:0 2px 8px #00000014}.message-item--mine .message-bubble{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:16px 16px 5px;box-shadow:0 1px 2px #0000001a}.message-item--mine .message-bubble:after{left:auto;right:-6px;bottom:10px;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--accent)}.message-item--mine .message-bubble .message-author,.message-item--mine .message-bubble .message-time{color:#fffffff2}.message-item--mine .message-bubble .message-body,.message-item--mine .message-bubble .message-body-markdown{color:#fff}.message-item--mine .message-bubble .message-body-markdown a{color:#ffffffe6;text-decoration:underline}.message-item--mine .message-bubble .message-body-markdown code{background:#fff3;color:#fff}.message-item--mine .message-bubble .message-mention{background:#ffffff40;color:#fff}.message-item--mine .message-bubble .message-body--deleted{color:#ffffffbf}.message-item:hover .message-item--mine .message-bubble{filter:brightness(1.05);box-shadow:0 2px 8px #00000026}.message-item--consecutive .message-bubble{border-radius:12px 12px 12px 5px}.message-item--mine.message-item--consecutive .message-bubble{border-radius:12px 12px 5px}.message-item--highlighted .message-bubble{border-color:var(--accent);box-shadow:0 0 0 1px #4dabf74d}.message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar-initial{font-size:1rem;font-weight:600;color:var(--text-secondary)}.message-avatar-spacer{display:block;width:36px;height:20px;flex-shrink:0}.message-content{flex:1;min-width:0;display:flex;flex-direction:row;align-items:flex-end;gap:.35rem}.message-item--mine .message-content{flex-direction:row-reverse}.message-header{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.15rem;font-size:.85rem;opacity:.9}.message-header--consecutive{margin-bottom:.1rem}.message-header--consecutive .message-time{font-size:.7rem;opacity:.85}.message-author{font-weight:600;color:var(--accent);font-size:.9rem}.message-time{font-size:.75rem;color:var(--text-secondary);opacity:.9}.message-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:.95rem}.message-reactions-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.35rem}.message-reactions-inline .message-reaction-chip{padding:.2rem .45rem}.message-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .2s ease,opacity .2s ease,visibility .2s}.message-item:hover .message-actions,.message-item.message-item--menu-open .message-actions{max-height:50px;opacity:1;visibility:visible;pointer-events:auto}.message-action-emoji-wrap,.message-action-more-wrap{position:relative;display:inline-flex}.message-action-emoji-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s,transform .1s;position:relative}.message-action-emoji-btn:hover{background:var(--border);color:var(--accent)}.message-action-emoji-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);pointer-events:none}.message-emoji-popover{display:flex;align-items:center;gap:.2rem;padding:.35rem .4rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);z-index:1000}.message-emoji-popover--fixed{position:fixed}.message-emoji-popover-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background .15s,transform .1s}.message-emoji-popover-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.message-action-more-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,transform .1s}.message-action-more-btn:hover{background:var(--border);color:var(--accent)}.message-action-more-btn:active{transform:scale(.92)}.message-action-icon{line-height:1;font-size:.95rem}.message-actions-dropdown{min-width:180px;padding:.25rem 0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000}.message-actions-dropdown--fixed{position:fixed}.message-actions-dropdown-item{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .15s}.message-actions-dropdown-item:hover{background:var(--bg-tertiary);color:var(--accent)}.message-actions-dropdown-item--danger:hover{background:#e5534b26;color:var(--danger, #e5534b)}.message-item--mine .message-actions .message-action-emoji-btn,.message-item--mine .message-actions .message-action-more-btn{background:#ffffff40;color:#fff}.message-item--mine .message-actions .message-action-emoji-btn:hover,.message-item--mine .message-actions .message-action-more-btn:hover{background:#fff6;color:#fff}.message-reaction-chip{padding:.2rem .4rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;font-size:.85rem;cursor:pointer;line-height:1.2;transition:background .15s,border-color .15s,transform .1s}.message-reaction-chip:hover{background:var(--bg-primary);border-color:var(--accent)}.message-reaction-chip:active{transform:scale(.97)}.message-pinned-badge{font-size:.7rem;color:var(--text-secondary);margin-left:auto}.message-item--pinned .message-bubble{border-left:3px solid var(--accent);margin-left:-3px;padding-left:calc(.85rem + 3px)}.message-item--mine.message-item--pinned .message-bubble{border-left:none;border-right:3px solid rgba(255,255,255,.7);margin-right:-3px;padding-right:calc(.85rem + 3px);padding-left:.85rem;margin-left:0}.message-item--mine .message-bubble .message-pinned-badge{color:#ffffffe6}.message-item--highlighted{animation:highlight-fade 2s ease-out}@keyframes highlight-fade{0%{box-shadow:0 0 0 2px #4dabf773}to{box-shadow:0 0 0 1px #4dabf740}}.message-item--highlighted .message-bubble{animation:highlight-fade 2s ease-out}.message-thread{margin-top:.5rem;margin-left:.5rem;padding:.5rem 0 .5rem 1rem;border-left:3px solid var(--accent);background:var(--bg-secondary);border-radius:0 var(--radius) var(--radius) 0}.message-thread-reply{margin-bottom:.4rem;padding:.2rem 0}.message-thread-reply:last-child{margin-bottom:0}.message-thread-reply .message-author{font-size:.85rem;margin-right:.5rem;font-weight:600;color:var(--accent)}.message-list-end{height:1px}.message-attachments{margin-top:.5rem}.message-edit-inline{margin-top:.25rem}.message-edit-inline textarea{width:100%;max-width:600px;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;resize:vertical}.message-edit-actions{margin-top:.35rem;display:flex;gap:.5rem}.message-edit-actions button{padding:.35rem .75rem;border-radius:var(--radius);font-size:.85rem;cursor:pointer}.message-edit-actions button:first-child{background:var(--accent);color:var(--bg-primary);border:none}.message-edit-actions button:last-child{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.message-edit-btn,.message-delete-btn,.message-link-btn{padding:.2rem .35rem;background:none;border:none;font-size:1rem;cursor:pointer;opacity:.7}.message-edit-btn:hover,.message-delete-btn:hover,.message-link-btn:hover{opacity:1}.message-delete-btn:hover{filter:brightness(1.2)}.message-forward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.message-forward-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;min-width:320px;max-width:90vw}.message-forward-modal h3{margin:0 0 1rem;font-size:1.1rem}.message-forward-modal label{display:block;margin-bottom:.75rem}.message-forward-modal select,.message-forward-modal textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem}.message-forward-actions{margin-top:1rem;display:flex;gap:.5rem}.message-forward-actions button{padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer}.message-forward-actions button:first-child{background:var(--accent);color:#fff;border:none}.message-forward-actions button:first-child:disabled{opacity:.7;cursor:not-allowed}.message-input-wrap{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--border);background:var(--bg-secondary);z-index:10;flex-shrink:0}.message-input-wrap--dragging{border-color:var(--accent);background:var(--bg-tertiary)}.message-input-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border:2px dashed var(--accent);border-radius:var(--radius);color:var(--text-primary);font-weight:500;z-index:10;pointer-events:none}.message-input-reply{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;background:var(--bg-tertiary);border-radius:10px;font-size:.8rem;color:var(--text-secondary);border-left:3px solid var(--accent)}.message-input-reply button{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0 .25rem}.message-input-reply button:hover{color:var(--text-primary)}.message-input-attachments{display:flex;flex-wrap:wrap;gap:.5rem}.message-input-attachment-preview{position:relative;flex-shrink:0}.message-input-attachment-thumb-link{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);width:80px;height:80px}.message-input-attachment-thumb{width:100%;height:100%;object-fit:cover;display:block}.message-input-attachment-thumb-link:hover{border-color:var(--accent)}.message-input-attachment-doc{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);text-decoration:none;font-size:.85rem;max-width:120px}.message-input-attachment-doc:hover{border-color:var(--accent);color:var(--accent)}.message-input-attachment-doc-icon{font-size:1.5rem}.message-input-attachment-doc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.message-input-attachment-doc-size{font-size:.75rem;color:var(--text-secondary)}.message-input-attachment-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:none;border-radius:50%;background:var(--danger, #e5534b);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px #0000004d}.message-input-attachment-remove:hover{opacity:.9}.message-input-row{display:flex;gap:.4rem;align-items:flex-end;width:100%}.message-input-file-input{display:none}.message-input-attach-btn{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);font-size:1.1rem;cursor:pointer}.message-input-attach-btn:hover:not(:disabled){background:var(--border)}.message-input-attach-btn:disabled{opacity:.6;cursor:not-allowed}.message-input-row .message-input{flex:1;min-width:0}.message-input-row .message-send{flex-shrink:0}.message-input{flex:1;min-height:48px;max-height:160px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;line-height:1.4;resize:none;transition:border-color .2s,box-shadow .2s}.message-input::placeholder{color:var(--text-secondary)}.message-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4dabf726}.message-send{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:0 1rem;height:48px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--bg-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s}.message-send:hover:not(:disabled){background:var(--accent-hover)}.message-send:active:not(:disabled){transform:scale(.98)}.message-send:disabled{opacity:.5;cursor:not-allowed}.message-send-icon{font-size:.85em;line-height:1}@media (max-width: 480px){.message-send-label{display:none}}.channel-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-primary);width:100%;max-width:100%;min-width:0;overflow:hidden}.channel-loading,.channel-welcome,.channel-error{align-items:center;justify-content:center;color:var(--text-secondary);padding:2rem}.channel-welcome h2{color:var(--accent);margin-bottom:.5rem}.channel-header{padding:.6rem .8rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.channel-title{font-weight:600;font-size:1rem;letter-spacing:-.01em;color:var(--text-primary)}.channel-search-wrap{position:relative;margin-left:auto}.channel-search-input{padding:.35rem .65rem .35rem .75rem;border:1px solid var(--border);border-radius:18px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;min-width:140px;width:100%;max-width:200px;transition:border-color .2s,box-shadow .2s}.channel-search-input:hover{border-color:var(--text-secondary)}.channel-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4dabf726}.channel-search-input::placeholder{color:var(--text-secondary)}.channel-typing{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);flex-shrink:0}.channel-typing-dots{font-weight:700;letter-spacing:.05em;color:var(--accent)}.channel-typing-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.channel-search-results{position:absolute;top:100%;left:0;right:0;margin-top:.2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;max-height:260px;overflow-y:auto;z-index:10;box-shadow:var(--shadow)}.channel-search-result{display:block;width:100%;padding:.4rem .65rem;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-size:.9rem}.channel-search-result:hover{background:var(--bg-tertiary)}.channel-search-result-author{display:block;font-weight:600;color:var(--accent);font-size:.85rem}.channel-search-result-content{display:block;font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-search-empty{padding:.75rem;margin:0;color:var(--text-secondary);font-size:.9rem}.channel-header-left{display:flex;flex-direction:column;gap:.2rem}.channel-title-row{display:flex;align-items:center;gap:.35rem;position:relative}.channel-menu-trigger{padding:.2rem .4rem;font-size:.65rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius)}.channel-menu-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.channel-menu-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;min-width:180px;padding:.25rem 0}.channel-menu-dropdown button{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem}.channel-menu-dropdown button:hover{background:var(--bg-tertiary);color:var(--accent)}.channel-menu-dropdown button.channel-menu-danger{color:var(--danger, #e5534b)}.channel-menu-dropdown button.channel-menu-danger:hover{background:#e5534b26;color:var(--danger, #e5534b)}.channel-header-subtitle{margin:0;font-size:.8rem;color:var(--text-secondary);font-weight:400;line-height:1.3}.channel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.channel-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;max-width:420px;width:90%;max-height:85vh;overflow-y:auto}.channel-modal h3{margin:0 0 1rem;font-size:1.1rem}.channel-add-members-list{list-style:none;padding:0;margin:0 0 1rem;max-height:260px;overflow-y:auto}.channel-add-members-list li{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.channel-add-members-list li button{padding:.35rem .75rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:.85rem}.channel-add-members-empty{color:var(--text-secondary)}.channel-info-dl{margin:0 0 1rem;font-size:.95rem}.channel-info-dl dt{font-weight:600;color:var(--text-secondary);margin-top:.5rem}.channel-info-dl dt:first-child{margin-top:0}.channel-info-dl dd{margin:.2rem 0 0;color:var(--text-primary)}.channel-edit-form label{display:block;margin-bottom:.75rem}.channel-edit-form label input{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary)}.channel-edit-actions{margin-top:1rem;display:flex;gap:.5rem}.channel-edit-actions button{padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer}.channel-edit-actions button[type=submit]{background:var(--accent);color:#fff;border:none}.channel-modal-hint{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem}.channel-modal-hint code{font-size:.8rem;background:var(--bg-tertiary);padding:.15em .4em;border-radius:4px}.channel-error-text{margin-top:.5rem;color:var(--danger, #e5534b);font-size:.85rem}.channel-webhook-create{padding:.6rem 1.25rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer;margin-bottom:1rem}.channel-webhook-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-top:.5rem}.channel-webhook-row{display:flex;gap:.5rem;margin-top:.25rem;margin-bottom:.5rem}.channel-webhook-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.channel-webhook-row button{padding:.5rem 1rem;border-radius:var(--radius);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer}.channel-modal-close{padding:.5rem 1rem;border-radius:var(--radius);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;margin-top:.5rem}.app-layout{display:flex;min-height:100vh}.app-layout-resizable{width:100%;height:100vh;overflow:hidden}.app-panel-group{width:100%;height:100%}.app-panel-group[data-group]{display:flex!important;gap:0;overflow-x:hidden!important}[data-panel][data-testid=sidebar]{display:block!important;flex:none!important}.app-panel-sidebar{height:100%;overflow:hidden;flex-shrink:0;min-width:260px;position:relative;z-index:2;margin-right:0}.app-panel-sidebar--collapsed{min-width:72px;width:72px}.app-panel-sidebar .sidebar{width:100%!important;min-width:0!important;height:100%}.app-panel-separator{width:6px!important;min-width:6px!important;max-width:6px!important;flex:0 0 6px!important;flex-grow:0!important;flex-shrink:0!important;flex-basis:6px!important;background:var(--border);cursor:col-resize;transition:background .15s;position:relative;z-index:1;margin:0!important;box-sizing:border-box}.app-panel-separator:hover,.app-panel-separator[data-resize-handle-active]{background:var(--accent)}.app-panel-separator[data-separator]{position:relative}.app-panel-main{height:100%;min-width:0;flex:1 1 0%!important;margin-left:0;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden!important;position:relative}.app-panel-main-inner{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;min-width:0}.workspace-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.workspace-windows{flex:1;position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible;min-height:0;min-width:0;z-index:60;pointer-events:none}.workspace-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center}.workspace-mobile-channel{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-window{box-sizing:border-box;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.28),transparent 45%),linear-gradient(145deg,#0f172afa,#0f172af0);border:1px solid rgba(148,163,184,.35);border-radius:18px;box-shadow:var(--shadow);display:flex!important;flex-direction:column;overflow:hidden;min-height:0;height:100%;width:100%;pointer-events:auto;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.workspace-window-title{padding:.55rem .85rem;font-size:.8rem;color:#e5e7eb;background:linear-gradient(145deg,#2563ebeb,#0f172afa);border-bottom:1px solid rgba(148,163,184,.32);cursor:move;display:flex;align-items:center;gap:.5rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.workspace-window-title:hover{color:#fff}[data-theme=light] .workspace-window-title{background:linear-gradient(145deg,#eff6ff,#bfdbfe);color:#1e3a8a;border-bottom-color:#94a3b866}[data-theme=light] .workspace-window-title:hover{color:#111827}.workspace-window-title-drag{opacity:.6;font-size:.9rem}.workspace-window-title-text{flex:1}.workspace-window-unread{color:var(--accent);font-weight:600}.workspace-window-minimize,.workspace-window-close{flex-shrink:0;width:24px;height:24px;border:none;background:none;color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.workspace-window-minimize{font-size:1.1rem}.workspace-window-minimize:hover,.workspace-window-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.workspace-window-close:hover{background:var(--danger);color:#fff}.workspace-window-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;width:100%;min-width:0}.workspace-window .message-list.custom-scroll{flex:1;min-height:0;overflow-y:auto}.workspace-window .channel-view{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%}.workspace-window .channel-header{flex-shrink:0}.workspace-window .message-list{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.workspace-window .message-input-wrap,.workspace-window .channel-typing{flex-shrink:0}.workspace-tabs{flex-shrink:0;display:flex;align-items:flex-end;gap:0;padding:0 .5rem;background:var(--bg-secondary);border-top:1px solid var(--border);overflow-x:auto;min-height:40px}.workspace-tabs.workspace-tabs--top{flex-wrap:wrap;overflow-x:visible;border-top:none;border-bottom:1px solid var(--border);order:0}.workspace-tabs:not(.workspace-tabs--top){border-top:1px solid var(--border);border-bottom:none}.workspace-tab{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;margin:0 .1rem;border:none;border-radius:0 0 var(--radius) var(--radius);background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;font-family:inherit;max-width:200px;border-bottom:2px solid transparent;transition:background .15s,color .15s,border-color .15s}.workspace-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.workspace-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tab-unread{flex-shrink:0;min-width:1.25rem;padding:.1rem .35rem;border-radius:10px;background:var(--accent);color:var(--bg-primary);font-size:.7rem;font-weight:600}.workspace-tab.workspace-tab--active{background:var(--bg-primary);color:var(--text-primary);border-top:2px solid var(--accent);font-weight:600}.workspace-tabs-minimized{display:flex;align-items:center;gap:.25rem;margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--border)}.workspace-tab--minimized{position:relative;max-width:none;padding:.35rem .5rem;min-width:36px;height:36px}.workspace-tab-icon{font-size:1rem}.workspace-tab-minimized-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;margin-left:.25rem}.workspace-tab-unread-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:50%;background:var(--accent);color:var(--bg-primary);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg-secondary)}.app-workspace{flex:1;min-height:0;position:relative;background:var(--bg-primary);overflow:hidden}.app-window-title{padding:.4rem .75rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border);cursor:move;display:flex;align-items:center;gap:.5rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.app-window-title:hover{background:var(--bg-secondary);color:var(--text-primary)}.app-window-title-drag{opacity:.6;font-size:.9rem}.app-window-title-text{flex:1}.app-window-content{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;width:100%;min-width:0}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary)}.app-main-content{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;overflow-y:auto;overflow-x:hidden;animation:app-main-fade .2s ease-out}@keyframes app-main-fade{0%{opacity:.96}to{opacity:1}}.search-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;justify-content:flex-end;animation:search-overlay-fade .2s ease-out}@keyframes search-overlay-fade{0%{opacity:0}to{opacity:1}}.search-panel{width:100%;max-width:420px;height:100%;background:var(--bg-primary);box-shadow:-4px 0 20px #00000040;overflow:auto;animation:search-panel-slide .25s ease-out}@keyframes search-panel-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.app-layout-resizable{height:100vh}.workspace-windows{inset:auto 0 40px 0}.workspace-window{border-radius:14px}.workspace-tabs{padding-inline:.25rem}.search-panel{max-width:100%}.app-mobile-menu-toggle{position:fixed;top:.75rem;left:.75rem;z-index:210;width:34px;height:30px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 6px}.app-mobile-menu-toggle span{display:block;width:100%;height:2px;border-radius:999px;background:#e5e7eb}[data-theme=light] .app-mobile-menu-toggle{background:#f8fafcf5;border-color:#94a3b8e6}[data-theme=light] .app-mobile-menu-toggle span{background:#0f172a}.app-panel-sidebar{position:fixed;top:0;bottom:0;left:0;min-width:240px;width:240px;max-width:80%;transform:translate(-100%);transition:transform .2s ease-out;z-index:210}.app-layout--sidebar-open .app-panel-sidebar{transform:translate(0)}.app-mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:205}}.projects-page{max-width:1040px;margin:0 auto;padding:1.75rem 1.4rem}.projects-header{margin-bottom:1.5rem}.projects-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.projects-subtitle{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem}.projects-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem}.projects-tabs{display:flex;gap:.25rem;flex-wrap:wrap}.projects-tab{padding:.45rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9rem;cursor:pointer}.projects-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.projects-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.projects-btn-primary{padding:.6rem 1rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer}.projects-btn-primary:hover{background:var(--accent-hover)}.projects-form-wrap{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.projects-form h3{margin:0 0 1rem;font-size:1.1rem}.projects-form input,.projects-form textarea,.projects-form select{width:100%;padding:.6rem .75rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem}.projects-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.projects-form-row label{margin-bottom:0}.projects-form label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.projects-form-actions{display:flex;gap:.5rem;margin-top:1rem}.projects-form-actions button{padding:.5rem 1rem;border-radius:var(--radius);font-size:.95rem;cursor:pointer}.projects-form-actions button[type=submit]{background:var(--accent);color:var(--bg-primary);border:none}.projects-form-actions button[type=button]{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.projects-form-error{margin:0 0 .5rem;color:var(--danger);font-size:.9rem}.projects-loading,.projects-empty{text-align:center;color:var(--text-secondary);padding:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.26),transparent 55%),linear-gradient(155deg,#1e40af38,#111827e6);border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:1.3rem 1.4rem;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out;color:var(--text-primary)}.project-card:hover{transform:translateY(-2px);box-shadow:0 22px 60px #0f172ae6;border-color:#818cf899}[data-theme=light] .project-card{background:radial-gradient(circle at 0% 0%,rgba(129,199,245,.3),transparent 55%),radial-gradient(circle at 100% 0%,rgba(191,219,254,.5),transparent 55%),linear-gradient(155deg,#f1f5f9,#e2ecff);border-color:#94a3b866;color:#0f172a}[data-theme=light] .project-card:hover{box-shadow:0 18px 40px #0f172a38;border-color:#3b82f699}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.project-card-title-wrap{display:flex;flex-direction:column;gap:.15rem}.project-card h4{margin:0;font-size:1.15rem;color:var(--text-primary);word-break:break-word;font-weight:700}.project-title-link{display:inline-block;padding:0;margin:0;background:none;border:none;color:var(--text-primary);font-size:1.05rem;font-weight:600;cursor:pointer;text-align:left}.project-title-link:hover{text-decoration:underline;color:var(--accent)}.project-status{flex-shrink:0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.project-status.status--pending{background:var(--bg-tertiary);color:var(--text-secondary)}.project-status.status--active{background:#4dabf733;color:var(--accent)}.project-status.status--review{background:#ffd43b33;color:var(--warning)}.project-status.status--done{background:#51cf6633;color:var(--success)}.project-type-pill{align-self:flex-start;padding:.15rem .45rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);color:var(--text-secondary)}.project-description{margin:0 0 .75rem;font-size:.95rem;color:var(--text-secondary);line-height:1.4}.project-progress-wrap{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.project-progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.project-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .2s ease}.project-progress-label{font-size:.85rem;color:var(--text-secondary);min-width:2.5rem}.project-kpi-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem;font-size:.85rem;color:var(--text-secondary)}.project-kpi{display:inline-flex;align-items:center;gap:.25rem}.project-health-pill,.project-priority-pill,.project-risk-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.project-health-verde{background:#16a34a29;color:#166534}.project-health-giallo{background:#eab30829;color:#92400e}.project-health-rosso{background:#f871712e;color:#b91c1c}.project-priority-bassa{background:#94a3b829;color:#475569}.project-priority-media{background:#3b82f629;color:#1d4ed8}.project-priority-alta{background:#f871712e;color:#b91c1c}.project-risk-basso{background:#22c55e1f;color:#15803d}.project-risk-medio{background:#eab3081f;color:#92400e}.project-risk-alto{background:#f871711f;color:#b91c1c}.project-meta{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.project-meta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.project-meta-row--roles{margin-top:.25rem}.project-role-pill{padding:.15rem .4rem;border-radius:999px;background:#4dabf71f;color:var(--accent);font-size:.75rem}.project-client,.project-due{display:inline-flex;align-items:center;gap:.25rem}.project-channels-block{margin:.75rem 0;padding-top:.75rem;border-top:1px solid var(--border)}.project-channels-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.project-channels-list{list-style:none;padding:0;margin:.35rem 0 .5rem}.project-channels-list li{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-channels-list a{color:var(--accent);text-decoration:none;font-size:.9rem}.project-channel-unlink-btn{padding:.2rem .4rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer}.project-channel-unlink-btn:hover{border-color:var(--danger);color:var(--danger)}.project-channels-list a:hover{text-decoration:underline}.project-channels-empty{margin:.35rem 0 .5rem;font-size:.85rem;color:var(--text-secondary)}.project-add-channel-btn{padding:.35rem .6rem;font-size:.8rem;background:transparent;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;margin-top:.25rem}.project-add-channel-btn:hover{border-color:var(--accent);color:var(--accent)}.project-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.project-ai-btn{padding:.4rem .75rem;background:#4dabf71f;border:1px solid rgba(77,171,247,.4);border-radius:var(--radius);color:var(--accent);font-size:.85rem;cursor:pointer}.project-ai-btn:hover{background:#4dabf733}.project-edit-btn{padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.85rem;cursor:pointer}.project-edit-btn:hover{background:var(--bg-tertiary);color:var(--accent)}.project-archive-btn{padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.85rem;cursor:pointer}.project-archive-btn:hover{border-color:var(--danger);color:var(--danger)}.project-delete-btn{padding:.4rem .75rem;background:transparent;border:1px solid var(--danger, #e5534b);border-radius:var(--radius);color:var(--danger, #e5534b);cursor:pointer;font-size:.9rem}.project-delete-btn:hover{background:#e5534b26;color:var(--danger, #e5534b)}.projects-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.projects-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;min-width:320px}.projects-modal h3{margin:0 0 1rem;font-size:1.1rem}.projects-modal input{width:100%;padding:.6rem .75rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem}.project-detail-layout{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.project-detail-section{flex:1;min-width:260px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow);margin-bottom:1rem}.project-detail-section h3{margin:0 0 .75rem;font-size:1rem}.project-members-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.project-member-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border)}.project-member-avatar{width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#60a5fa,#6366f1);color:#f9fafb;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center}.project-member-main{display:flex;flex-direction:column}.project-member-name{font-size:.85rem;color:var(--text-primary)}.project-member-role{font-size:.7rem;color:var(--text-secondary)}.project-member-remove{border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.project-member-remove:hover{color:var(--danger)}.project-members-empty{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.project-members-add{position:relative}.project-members-add>input[type=search]{width:100%;padding:.5rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem}.project-members-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;list-style:none;padding:.25rem 0;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft, 0 10px 28px rgba(15, 23, 42, .45));max-height:220px;overflow-y:auto;z-index:10}.project-members-suggestions li button{width:100%;padding:.35rem .7rem;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;cursor:pointer}.project-members-suggestions li button:hover{background:var(--bg-tertiary)}.project-member-suggestion-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-member-suggestion-role{font-size:.75rem;color:var(--text-secondary)}.project-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.projects-btn-secondary{padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.85rem;cursor:pointer;margin-bottom:.5rem}.projects-btn-secondary:hover{background:var(--bg-tertiary)}.project-tasks-table{display:flex;flex-direction:column;gap:.5rem}.project-tasks-filters{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.project-tasks-status-filters{display:flex;flex-wrap:wrap;gap:.35rem}.project-tasks-filter-btn{padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;cursor:pointer}.project-tasks-filter-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.project-tasks-mine{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.project-task-row{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem .6rem;border-radius:var(--radius);background:var(--bg-tertiary)}.project-task-main{display:flex;gap:.5rem;align-items:flex-start}.project-task-title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.project-task-desc{font-size:.85rem;color:var(--text-secondary)}.project-task-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-secondary);align-items:flex-end}.project-task-status{padding:.2rem .5rem;border-radius:999px;border:none;font-size:.75rem;cursor:pointer}.project-task-status-da_fare{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.project-task-status-in_corso{background:#4dabf733;color:var(--accent);border:1px solid rgba(77,171,247,.5)}.project-task-status-in_revisione{background:#ffd43b33;color:var(--warning);border:1px solid rgba(255,212,59,.5)}.project-task-status-completata{background:#51cf6633;color:var(--success);border:1px solid rgba(81,207,102,.5)}.project-task-assignee,.project-task-due,.project-task-date{display:inline-flex;align-items:center;gap:.15rem}.project-task-priority{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;padding:.1rem .5rem;border-radius:999px}.project-task-priority-bassa{background:#9494a033;color:var(--text-secondary)}.project-task-priority-media{background:#4dabf726;color:var(--accent)}.project-task-priority-alta{background:#ef44442e;color:var(--danger)}.project-task-form,.project-update-form{margin-bottom:1rem}.project-updates-list{display:flex;flex-direction:column;gap:.5rem}.project-update-item{padding:.6rem .7rem;border-radius:var(--radius);background:var(--bg-tertiary)}.project-update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.8rem;color:var(--text-secondary)}.project-update-type{padding:.1rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.project-update-type-update{background:#4dabf726;color:var(--accent)}.project-update-type-standup{background:#ffd43b26;color:var(--warning)}.project-update-type-nota{background:#9494a033;color:var(--text-secondary)}.project-update-date{font-size:.75rem}.project-update-content{font-size:.9rem;color:var(--text-primary);white-space:pre-wrap}.portfolio-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:.5rem 0 1.25rem}.portfolio-kpi-card{background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 55%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.18),transparent 55%),var(--bg-secondary);border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-lg);padding:.85rem 1rem;box-shadow:var(--shadow-soft, 0 10px 26px rgba(15,23,42,.28))}[data-theme=light] .portfolio-kpi-card{background:radial-gradient(circle at 0% 0%,rgba(129,199,245,.35),transparent 55%),radial-gradient(circle at 100% 0%,rgba(191,219,254,.45),transparent 55%),#f8fafc;border-color:#94a3b866;box-shadow:var(--shadow-soft, 0 10px 22px rgba(15,23,42,.16))}.portfolio-kpi-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.portfolio-kpi-value{font-size:1.35rem;font-weight:600;color:var(--text-primary)}.portfolio-kpi-value--danger{color:var(--danger)}.portfolio-kpi-chips{display:flex;flex-wrap:wrap;gap:.35rem}.portfolio-kpi-chip{padding:.15rem .5rem;border-radius:999px;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.portfolio-filters input,.portfolio-filters select{padding:.45rem .6rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem}.portfolio-filters input{min-width:200px;flex:1}.portfolio-table-wrap{width:100%;overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow)}.portfolio-table{width:100%;border-collapse:collapse;font-size:.85rem}.portfolio-table thead{background:var(--bg-tertiary)}.portfolio-table th,.portfolio-table td{padding:.5rem .6rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.portfolio-table th{font-weight:600;color:var(--text-secondary);cursor:pointer;position:sticky;top:0;z-index:1}.portfolio-table th.portfolio-sortable{padding-right:1.2rem;position:sticky}.portfolio-table th.portfolio-sortable:after{content:"";position:relative;display:inline-block;margin-left:.25rem;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid transparent;opacity:.3}.portfolio-table th.portfolio-sortable--active:after{border-top-color:var(--accent);opacity:1}.portfolio-table th.portfolio-sortable--desc:after{transform:rotate(180deg)}.portfolio-table tr:last-child td{border-bottom:none}.portfolio-row{cursor:pointer}.portfolio-row:hover{background:var(--bg-tertiary)}.project-files-list{display:flex;flex-direction:column;gap:.5rem}.project-file-row{padding:.5rem .6rem;border-radius:var(--radius);background:var(--bg-tertiary)}.project-file-main{display:flex;flex-direction:column;gap:.25rem}.project-file-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.project-file-meta{font-size:.8rem;color:var(--text-secondary);display:flex;gap:.5rem;flex-wrap:wrap}.project-files-empty{font-size:.85rem;color:var(--text-secondary)}.projects-modal--file-browser{max-width:720px;width:100%}.project-file-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.project-file-filters input[type=search]{flex:1;min-width:220px;padding:.45rem .6rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem}.project-file-filters-dates{display:flex;gap:.5rem;align-items:center}.project-file-filters-dates label{display:flex;flex-direction:column;font-size:.75rem;color:var(--text-secondary)}.project-file-filters-dates input[type=date]{margin-top:.15rem;padding:.35rem .5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem}.project-file-table-wrap{max-height:360px;overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-primary);margin-bottom:.75rem}.project-file-table{width:100%;border-collapse:collapse;font-size:.85rem}.project-file-table th,.project-file-table td{padding:.45rem .6rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.project-file-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary)}.project-file-row-clickable{cursor:pointer}.project-file-row-clickable:hover{background:var(--bg-tertiary)}.project-file-cell-name{max-width:280px;text-overflow:ellipsis;overflow:hidden}.project-timeline{display:flex;flex-direction:column;gap:.5rem}.project-timeline-header{font-size:.8rem;color:var(--text-secondary)}.project-timeline-body{max-height:260px;overflow:auto;border-radius:var(--radius);background:var(--bg-tertiary);padding:.5rem .6rem}.project-timeline-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.project-timeline-label{flex:0 0 160px;font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-timeline-bar-wrap{position:relative;flex:1;height:18px;background:var(--bg-primary);border-radius:999px;overflow:hidden}.project-timeline-bar{position:absolute;top:2px;bottom:2px;border-radius:999px}.project-timeline-bar-da_fare{background:var(--bg-tertiary);border:1px solid var(--border)}.project-timeline-bar-in_corso{background:#4dabf7b3}.project-timeline-bar-in_revisione{background:#ffd43bcc}.project-timeline-bar-completata{background:#51cf66cc}.admin-page{max-width:900px;margin:0 auto;padding:1.5rem 1.25rem;height:100%;overflow-y:auto}.admin-header{margin-bottom:1.5rem}.admin-header h1{margin:0 0 .25rem;font-size:1.5rem}.admin-subtitle{margin:0 0 .5rem;color:var(--text-secondary);font-size:.95rem}.admin-user-management{margin-bottom:1.5rem;padding:.85rem 1rem;border-radius:var(--radius-lg, 14px);background:radial-gradient(circle at top left,rgba(129,140,248,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(56,189,248,.18),transparent 55%),var(--bg-secondary);border:1px solid var(--border-strong, var(--border));box-shadow:var(--shadow-soft, 0 10px 30px rgba(15, 23, 42, .18))}.admin-user-management-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.admin-user-management h2{margin:0 0 .1rem;font-size:1.15rem}.admin-user-management-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary)}.admin-user-management-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.admin-user-management-button{padding:.55rem 1.3rem;border-radius:999px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.01em;background:linear-gradient(135deg,var(--accent),var(--accent-soft, var(--accent)));color:#fff;box-shadow:0 8px 20px #0f172a40;transition:transform .08s ease-out,box-shadow .08s ease-out,background .08s ease-out}.admin-user-management-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a52;background:linear-gradient(135deg,var(--accent-hover),var(--accent))}.admin-user-management-button:active{transform:translateY(0);box-shadow:0 6px 16px #0f172a38}.admin-role-legend{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:.75rem 0 1rem;font-size:.85rem;color:var(--text-secondary)}.admin-role-legend strong{color:var(--text-primary)}.admin-filter{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.admin-error-block{margin-bottom:1rem}.admin-error{color:var(--danger);margin:0 0 .35rem}.admin-error-hint{margin:0;font-size:.9rem;color:var(--text-secondary)}.admin-loading{color:var(--text-secondary)}.admin-branding{margin-bottom:1.5rem;padding:1rem 1.25rem 1.1rem;border-radius:var(--radius-lg, 14px);background:radial-gradient(circle at top left,rgba(129,140,248,.16),transparent 55%),radial-gradient(circle at bottom right,rgba(56,189,248,.16),transparent 55%),var(--bg-secondary);border:1px solid var(--border-strong, var(--border));box-shadow:var(--shadow-soft, 0 10px 30px rgba(15, 23, 42, .18))}.admin-branding h2{margin:0 0 .4rem;font-size:1.1rem}.admin-branding-subtitle{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary)}.admin-branding-content{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.admin-branding-column{flex:1;min-width:260px}.admin-branding-column h3{margin:0 0 .5rem;font-size:1rem}.admin-branding-previews-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.admin-branding-preview{width:160px;height:60px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-branding-preview img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.admin-branding-preview-mobile{width:80px;height:80px;border-radius:16px}.admin-branding-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--text-secondary)}.admin-branding-controls{margin-top:.5rem}.admin-branding-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:.5rem}.admin-branding-row input[type=file]{max-width:260px}.admin-branding-row button{padding:.45rem 1rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:.9rem}.admin-branding-row button:hover{background:var(--accent-hover);color:#fff}.admin-branding-row button:disabled{opacity:.7;cursor:not-allowed}.admin-branding-hint{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary)}.admin-branding-reset{padding:.35rem .9rem;border-radius:var(--radius);background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;cursor:pointer}.admin-branding-reset:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.admin-branding-error{margin:0 0 .35rem;color:var(--danger);font-size:.85rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:var(--radius);overflow:hidden}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--bg-tertiary);font-weight:600;font-size:.85rem}.admin-table tr.inactive{opacity:.7}.admin-username{font-size:.9rem;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px}.admin-status.active{color:var(--success)}.admin-status.inactive{color:var(--text-secondary)}.admin-table button:disabled{opacity:.5;cursor:not-allowed}.admin-table select{padding:.35rem .5rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.admin-role-cell{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.admin-role-label{font-size:.85rem}.admin-role-btn{padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;cursor:pointer}.admin-role-btn:hover{background:var(--bg-tertiary)}.admin-btn-danger{padding:.35rem .75rem;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:4px;cursor:pointer;font-size:.85rem}.admin-btn-danger:hover{background:#ff6b6b33}.admin-btn-success{padding:.35rem .75rem;background:var(--success);color:var(--bg-primary);border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.admin-btn-success:hover{opacity:.9}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.admin-modal{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;max-width:420px;width:100%;box-shadow:var(--shadow)}.admin-modal h3{margin:0 0 .5rem;font-size:1.1rem}.admin-modal-subtitle{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary)}.admin-role-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.admin-role-options label{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;cursor:pointer}.admin-role-options input[type=radio]{margin-top:.2rem}.admin-role-option-main{display:flex;flex-direction:column}.admin-role-option-hint{font-size:.8rem;color:var(--text-secondary)}.admin-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.admin-modal-actions button{padding:.4rem .9rem;border-radius:var(--radius);font-size:.9rem;cursor:pointer}.admin-modal-actions button:first-of-type{background:var(--accent);color:#fff;border:none}.admin-modal-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.saved-page{max-width:640px;margin:0 auto;padding:1.5rem 1.25rem}.saved-header{margin-bottom:1.5rem}.saved-header h1{margin:0 0 .25rem;font-size:1.5rem}.saved-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem}.saved-loading,.saved-empty{color:var(--text-secondary)}.saved-list{list-style:none;margin:0;padding:0}.saved-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.saved-item-meta{display:flex;justify-content:space-between;margin-bottom:.5rem}.saved-item-author{font-weight:600;color:var(--accent)}.saved-item-date{font-size:.85rem;color:var(--text-secondary)}.saved-item-content{margin:0 0 .75rem;white-space:pre-wrap;word-break:break-word}.saved-item-actions{display:flex;gap:.5rem}.saved-item-link{font-size:.9rem;color:var(--accent)}.saved-item-unsave{padding:.25rem .5rem;background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer}.saved-item-unsave:hover{color:var(--danger)}.settings-page{padding:1.5rem 2rem;max-width:520px}.settings-page h1{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary)}.settings-section{margin-bottom:2rem}.settings-section h2{margin:0 0 1rem;font-size:1.1rem;color:var(--text-secondary);font-weight:600}.settings-avatar-block{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem}.settings-avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.settings-avatar-img{width:100%;height:100%;object-fit:cover}.settings-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--text-secondary)}.settings-avatar-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.settings-avatar-block button{padding:.5rem 1rem;border-radius:var(--radius);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:.9rem;cursor:pointer}.settings-avatar-block button:hover{background:var(--border)}.settings-form label{display:block;margin-bottom:1rem}.settings-form label input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem}.settings-hint{font-size:.8rem;color:var(--text-secondary);font-weight:400}.settings-form button[type=submit]{padding:.6rem 1.25rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:1rem}.settings-form button[type=submit]:hover:not(:disabled){filter:brightness(1.1)}.settings-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.settings-error{color:var(--danger);margin:0 0 .5rem}.settings-message{color:var(--success);margin:0 0 .5rem}.settings-theme{display:flex;align-items:center;gap:1rem}.settings-theme-buttons{display:flex;gap:.5rem}.settings-theme-buttons button{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer}.settings-theme-buttons button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.agents-page{display:flex;height:100%;min-height:0}.agents-sidebar{width:260px;border-right:1px solid var(--border);padding:1rem;box-sizing:border-box;display:flex;flex-direction:column}.agents-sidebar h2{margin:0 0 .75rem;font-size:1.1rem}.agents-empty{font-size:.9rem;color:var(--text-secondary)}.agents-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.agents-list li button{width:100%;text-align:left;border:none;background:transparent;padding:.5rem .6rem;border-radius:var(--radius);cursor:pointer;color:var(--text-primary)}.agents-list li button.active,.agents-list li button:hover{background:var(--bg-tertiary)}.agents-list-name{display:block;font-weight:500}.agents-list-desc{display:block;font-size:.8rem;color:var(--text-secondary)}.agents-main{flex:1;min-width:0;display:flex;flex-direction:column}.agents-header{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.agents-header h3{margin:0 0 .25rem;font-size:1.1rem}.agents-header-desc{margin:0;font-size:.9rem;color:var(--text-secondary)}.agents-chat{flex:1;min-height:0;display:flex;flex-direction:column}.agents-messages{flex:1;min-height:0;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.agents-message{max-width:70%;padding:.5rem .75rem;border-radius:var(--radius-lg);background:var(--bg-tertiary)}.agents-message-user{margin-left:auto;background:var(--accent);color:#fff}.agents-message-role{font-size:.75rem;opacity:.8;margin-bottom:.25rem}.agents-message-body{white-space:pre-wrap;font-size:.95rem}.agents-input-row{border-top:1px solid var(--border);padding:.5rem 1rem;display:flex;gap:.5rem;align-items:flex-end}.agents-input-row textarea{flex:1;resize:vertical;min-height:2.5rem;max-height:7rem;padding:.5rem .6rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary)}.agents-input-row button{padding:.45rem 1rem;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;cursor:pointer}.agents-input-row button:disabled{opacity:.7;cursor:not-allowed}.agents-error{padding:.5rem 1rem;color:var(--danger);font-size:.85rem}.agents-empty-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center}:root,[data-theme=dark]{--bg-primary: #050816;--bg-secondary: rgba(15, 23, 42, .88);--bg-tertiary: rgba(30, 41, 59, .7);--bg-elevated: rgba(15, 23, 42, .92);--border: rgba(148, 163, 184, .28);--text-primary: #f9fafb;--text-secondary: #9ca3af;--accent: #6366f1;--accent-hover: #818cf8;--success: #22c55e;--warning: #eab308;--danger: #f97373;--radius: 10px;--radius-lg: 16px;--font: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--shadow: 0 22px 60px rgba(15, 23, 42, .85);--shadow-soft: 0 14px 40px rgba(15, 23, 42, .65)}[data-theme=light]{--bg-primary: #edf2ff;--bg-secondary: rgba(255, 255, 255, .96);--bg-tertiary: rgba(241, 245, 249, .9);--bg-elevated: rgba(255, 255, 255, .98);--border: rgba(148, 163, 184, .4);--text-primary: #0f172a;--text-secondary: #475569;--accent: #2563eb;--accent-hover: #1d4ed8;--shadow: 0 18px 50px rgba(15, 23, 42, .18)}*{box-sizing:border-box}.custom-scroll{overflow-y:auto;overflow-x:hidden}.custom-scroll::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{border-radius:5px;background:var(--border)}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.14),transparent 55%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.22),transparent 60%),radial-gradient(circle at 0% 100%,rgba(96,165,250,.18),transparent 55%),radial-gradient(circle at 100% 100%,rgba(244,114,182,.12),transparent 55%),var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh;overflow-x:hidden}input,button,textarea{font-family:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.auth-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}