@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--primary:#388bfd;--primary-light:#58a6ff;--primary-dark:#1f6feb;--primary-alpha:#388bfd26;--secondary:#3fb950;--accent:#3fb950;--warning:#d29922;--error:#f85149;--success:#3fb950;--info:#388bfd;--bg-body:#0d1117;--bg-surface:#161b22;--bg-card:#21262d;--bg-hover:#ffffff0d;--bg-active:#ffffff1a;--border-color:#30363d;--border-color-light:#444c56;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-inverse:#fff;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--shadow-glow:none;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--z-below:-1;--z-base:0;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:1000;--z-tooltip:2000;--glass-bg:var(--bg-surface);--glass-border:var(--border-color);--glass-bg-strong:var(--bg-surface);--dept-engineering:#388bfd;--dept-marketing:#3fb950;--dept-design:#db61a2;--dept-sales:#d29922;--dept-hr:#79c0ff}[data-theme=light]{--bg-body:#f6f8fa;--bg-surface:#fff;--bg-card:#fff;--bg-hover:#0000000a;--bg-active:#00000014;--border-color:#d0d7de;--border-color-light:#afb8c1;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--text-inverse:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-glow:none;--glass-bg:var(--bg-surface);--glass-border:var(--border-color)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:100%}button{cursor:pointer;color:inherit;background:0 0;border:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:600;line-height:1.2}h1{letter-spacing:-.025em;font-size:2.5rem}h2{letter-spacing:-.025em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-small{font-size:.875rem}.caption{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.font-semibold{font-weight:600}.font-medium{font-weight:500}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--primary);color:var(--text-inverse)}.btn-primary:hover,.btn-primary:active{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-danger{color:var(--error);background-color:#ff6b6b1a;border:1px solid #ff6b6b33}.btn-danger:hover{background-color:var(--error);color:#fff}.btn-icon{border-radius:var(--radius-md);padding:.5rem}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:none;transition:border-color var(--transition-fast), background-color var(--transition-fast)}.card:hover{border-color:var(--border-color-light)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.input,.form-input,.textarea,.select{width:100%;color:var(--text-primary);background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem .75rem;font-size:.875rem}.input:focus,.form-input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:disabled,.form-input:disabled{background-color:var(--bg-surface);color:var(--text-muted);cursor:not-allowed}.textarea{resize:vertical;min-height:80px}.form-group{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.text-error{color:var(--error)}.badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.25rem;padding:.125rem .45rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-default{background-color:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-primary{background-color:var(--primary-alpha);color:var(--primary-light)}.badge-success{color:var(--success);background-color:#00b89426}.badge-warning{color:var(--warning);background-color:#fdcb6e26}.badge-error{color:var(--error);background-color:#ff6b6b26}.badge-info{color:var(--info);background-color:#0984e326}.avatar{background-color:var(--primary-dark);color:var(--text-inverse);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;border:2px solid var(--bg-card);justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:inline-flex;overflow:hidden}.avatar-sm{width:1.5rem;height:1.5rem;font-size:.625rem}.avatar-lg{width:3rem;height:3rem;font-size:1.25rem}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{transition:transform var(--transition-fast);margin-left:-.5rem}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{z-index:10;transform:translateY(-2px)}.modal-overlay{z-index:var(--z-modal);padding:var(--spacing-4);background-color:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.modal-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-6);overflow-y:auto}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--spacing-3);background-color:var(--bg-surface);display:flex}.modal-backdrop{position:absolute;inset:0}.modal-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1;width:100%;max-height:90vh;animation:scaleIn var(--transition-fast) ease-out;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:640px}.modal-xl{max-width:800px}.modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.modal-close-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.modal-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tooltip{position:relative}.tooltip:before{content:attr(data-tip);background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;border:1px solid var(--border-color);transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-sm);padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip:hover:before{opacity:1;transform:translate(-50%)translateY(-8px)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.success{background-color:var(--success)}.status-dot.warning{background-color:var(--warning)}.status-dot.error{background-color:var(--error)}.status-dot.default{background-color:var(--text-muted)}.table-container{width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-surface);font-size:.75rem;font-weight:500}.table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);font-size:.875rem}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--bg-hover)}.dropdown-menu{margin-top:var(--spacing-2);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-1);min-width:200px;z-index:var(--z-dropdown);animation:.2s ease-out slideUp;position:absolute;top:100%;right:0}.dropdown-item{align-items:center;gap:var(--spacing-2);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);padding:.5rem .75rem;font-size:.875rem;display:flex}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-divider{background-color:var(--border-color);height:1px;margin:var(--spacing-1) 0}.progress{background-color:var(--bg-surface);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-bar.success{background-color:var(--success)}.progress-bar.warning{background-color:var(--warning)}.progress-bar.error{background-color:var(--error)}.tabs{gap:var(--spacing-4);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-4);display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:.5rem 0;font-size:.875rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-light);border-bottom-color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #388bfd59}70%{box-shadow:0 0 0 6px #388bfd00}to{box-shadow:0 0 #388bfd00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-hover) 50%, var(--bg-surface) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}@media (width<=1024px){html{font-size:15px}}@media (width<=768px){html{font-size:14px}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.app-layout{background-color:var(--bg-body);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);width:260px;height:100%;transition:width var(--transition-normal);z-index:var(--z-sticky);flex-direction:column;flex-shrink:0;display:flex}.sidebar-collapsed{width:68px}.sidebar-header{height:56px;padding:0 var(--spacing-4);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-brand{align-items:center;gap:var(--spacing-2);color:var(--text-primary);white-space:nowrap;font-size:1.125rem;font-weight:700;display:flex;overflow:hidden}.sidebar-brand-icon{color:var(--primary);flex-shrink:0}.sidebar-content{padding:var(--spacing-3);gap:var(--spacing-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-footer{padding:var(--spacing-3);border-top:1px solid var(--border-color);flex-shrink:0}.nav-item{align-items:center;gap:var(--spacing-3);padding:.5rem var(--spacing-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;text-decoration:none;display:flex;overflow:hidden}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-alpha);color:var(--primary-light);font-weight:500}.nav-item-icon{flex-shrink:0;justify-content:center;width:20px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:var(--spacing-4) var(--spacing-3) var(--spacing-2);white-space:nowrap;font-size:.75rem;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);height:56px;padding:0 var(--spacing-6);z-index:var(--z-sticky);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:var(--spacing-4);display:flex}.header-center{padding:0 var(--spacing-4);flex:1;justify-content:center;display:flex}.search-container{align-items:center;gap:var(--spacing-2);background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);width:280px;max-width:100%;height:36px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.25rem .75rem;display:flex}.search-container.focused{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.header-actions{align-items:center;gap:var(--spacing-2);display:flex}.action-btn,.view-toggle-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.action-btn:hover,.view-toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.view-toggles{border-right:1px solid var(--border-color);align-items:center;gap:.25rem;padding-right:1rem;display:flex}.page-title{margin:0;font-size:1.25rem;font-weight:600}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden auto}.main-content--chat{overflow:hidden}.page-container{padding:var(--spacing-6);width:100%;max-width:1400px;margin:0 auto}.page-container--chat{flex-direction:column;flex:1;max-width:none;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.sidebar-overlay{z-index:var(--z-fixed);background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{z-index:var(--z-modal);position:fixed;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open+.sidebar-overlay{display:block}.page-container{padding:var(--spacing-4)}.header{padding:0 var(--spacing-4)}}.bento-grid{gap:var(--spacing-6);grid-template-columns:repeat(12,1fr);width:100%;display:grid}.col-span-12{grid-column:span 12}.col-span-9{grid-column:span 9}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}@media (width<=1024px){.col-span-3{grid-column:span 6}.col-span-8,.col-span-4,.col-span-9{grid-column:span 12}}@media (width<=640px){.col-span-3,.col-span-4,.col-span-6,.col-span-8,.col-span-9{grid-column:span 12}}.page-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:flex-start;display:flex}.card-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:none;flex-direction:column;display:flex}.card-panel-title{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.dashboard-grid{gap:var(--spacing-6);grid-template-columns:repeat(12,1fr);display:grid}.dashboard-stat-card{grid-column:span 3}.dashboard-chart{grid-column:span 8;min-height:300px}.dashboard-activity{grid-column:span 4}@media (width<=1024px){.dashboard-stat-card{grid-column:span 6}.dashboard-chart,.dashboard-activity{grid-column:span 12}}@media (width<=640px){.dashboard-stat-card{grid-column:span 12}}.projects-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-card{height:100%;padding:var(--spacing-5);flex-direction:column;display:flex}.project-card-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:flex-start;display:flex}.project-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-meta{padding-top:var(--spacing-4);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.kanban-container{flex-direction:column;height:100%;min-height:420px;display:flex}.kanban-header{margin-bottom:var(--spacing-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.kanban-board{gap:var(--spacing-4);padding-bottom:var(--spacing-4);flex:1;display:flex;overflow:auto hidden}.kanban-column{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;width:320px;min-width:320px;max-height:100%;display:flex}.kanban-column-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;font-weight:600;display:flex}.kanban-column-body{padding:var(--spacing-3);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.task-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);cursor:grab;transition:box-shadow var(--transition-fast), border-color var(--transition-fast)}.task-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.task-card:active{cursor:grabbing}.task-card-title{margin-bottom:var(--spacing-2);font-size:.875rem;font-weight:500}.task-card-footer{margin-top:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.task-detail-overlay{z-index:var(--z-modal);background-color:#0000008c;position:fixed;inset:0}.task-detail-panel{background:var(--bg-surface);border-left:1px solid var(--border-color);width:100%;max-width:480px;box-shadow:var(--shadow-md);z-index:calc(var(--z-modal) + 1);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.task-detail-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.task-detail-content{padding:var(--spacing-6);flex:1;overflow-y:auto}.task-detail-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.task-detail-badges{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.task-detail-title{color:var(--text-primary);margin:0 0 var(--spacing-6);cursor:text;padding:var(--spacing-1);margin-left:calc(-1 * var(--spacing-1));border-radius:var(--radius-md);border:1px solid #0000;font-size:1.5rem;font-weight:700;line-height:1.3}.task-detail-title:hover{background:var(--bg-hover)}.task-detail-title-input{background:var(--bg-body);border:1px solid var(--primary);border-radius:var(--radius-md);width:100%;padding:var(--spacing-2) var(--spacing-3);color:var(--text-primary);margin-bottom:var(--spacing-6);outline:none;font-size:1.5rem;font-weight:700}.task-detail-meta{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=540px){.task-detail-meta{grid-template-columns:1fr}}.task-detail-field{gap:var(--spacing-2);flex-direction:column;display:flex}.task-detail-field-label{align-items:center;gap:var(--spacing-2);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem;font-weight:600;display:flex}.task-detail-field-full{grid-column:1/-1}.task-detail-pills{flex-wrap:wrap;gap:.375rem;display:flex}.task-detail-pill{cursor:pointer;border:none;font-family:inherit}.task-detail-section{margin-bottom:var(--spacing-6)}.task-detail-section-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.task-detail-section-title{align-items:center;gap:var(--spacing-2);color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600;display:flex}.subtask-row{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex}.subtask-row span{flex:1;font-size:.875rem}.subtask-row span.done{color:var(--text-muted);text-decoration:line-through}.subtask-list{gap:var(--spacing-2);flex-direction:column;display:flex}.task-comment-list{gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.task-comment{gap:var(--spacing-3);display:flex}.task-comment-body{flex:1;min-width:0}.task-comment-meta{align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.task-comment-meta span:first-child{color:var(--text-primary);font-size:.875rem;font-weight:500}.task-comment-meta span:nth-child(2){color:var(--text-muted);font-size:.75rem}.task-comment-text{color:var(--text-secondary);background:var(--bg-body);padding:var(--spacing-3);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);white-space:pre-wrap;margin:0;font-size:.875rem}.task-comment-composer{gap:var(--spacing-3);display:flex}.task-comment-composer-inner{flex:1}.task-comment-composer .textarea{min-height:88px;margin-bottom:var(--spacing-2)}.task-card-priority-urgent{border-left:4px solid var(--error)}.task-card-priority-high{border-left:4px solid var(--warning)}.task-card-priority-medium{border-left:4px solid var(--accent)}.task-card-priority-low{border-left:4px solid var(--success)}.task-card-grip{opacity:0;color:var(--text-muted);transition:opacity var(--transition-fast);position:absolute;top:.75rem;right:.5rem}.task-card:hover .task-card-grip{opacity:1}.task-card-meta{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-color);display:flex}.kanban-column--drag-over{background:var(--primary-alpha);border-color:var(--primary)!important}.kanban-column-hint{color:var(--text-muted);margin:.125rem 0 0;font-size:.6875rem;font-weight:400}.kanban-add-slot{border:2px dashed var(--border-color);border-radius:var(--radius-md);width:100%;min-height:5rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-family:inherit;font-size:.8125rem;display:flex}.kanban-add-slot:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-alpha)}.project-detail-page{margin:calc(-1 * var(--spacing-6));background:var(--bg-body);flex-direction:column;min-height:calc(100vh - 56px);display:flex}.project-detail-header{padding:var(--spacing-4) var(--spacing-6) 0;background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-shrink:0}.project-detail-header-top{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.project-detail-info{flex:1;min-width:0}.project-detail-back{align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-2);color:var(--text-muted);padding:.25rem .5rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.project-detail-title-row{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.project-detail-dot{border-radius:var(--radius-sm);flex-shrink:0;width:12px;height:12px}.project-detail-title{color:var(--text-primary);margin:0;font-size:1.375rem;font-weight:700;line-height:1.2}.project-detail-desc{color:var(--text-secondary);margin:var(--spacing-2) 0 0;max-width:640px;font-size:.875rem}.project-detail-stats{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.project-detail-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.project-progress{align-items:center;gap:var(--spacing-2);min-width:120px;display:flex}.project-progress-track{border-radius:var(--radius-sm);background:var(--bg-body);flex:1;height:6px;overflow:hidden}.project-progress-fill{border-radius:var(--radius-sm);background:var(--success);height:100%;transition:width .3s}.project-detail-tabs{gap:var(--spacing-1);display:flex;overflow-x:auto}.project-detail-tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.project-detail-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.project-detail-tab.active{border-bottom-color:var(--primary);color:var(--primary);background:var(--primary-alpha)}.project-detail-main{padding:var(--spacing-6);flex:1;position:relative;overflow:hidden}.project-detail-empty{justify-content:center;align-items:center;height:100%;min-height:320px;display:flex}.settings-layout{gap:var(--spacing-8);display:flex}.settings-sidebar{flex-shrink:0;width:240px}.settings-content{flex:1;max-width:800px}.settings-section{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none}@media (width<=768px){.settings-layout{gap:var(--spacing-4);flex-direction:column}.settings-sidebar{width:100%}}.super-admin-dashboard{gap:var(--spacing-6);flex-direction:column;display:flex}.dashboard-welcome-banner{background:linear-gradient(135deg, var(--bg-card), var(--bg-surface));padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.dashboard-welcome-banner h1{color:var(--text-inverse);margin-bottom:var(--spacing-2);font-size:2rem}.dashboard-welcome-banner p{color:var(--text-muted)}.department-overview-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.department-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4);transition:all .2s;position:relative}.department-card:hover{box-shadow:var(--shadow-md)}.department-card-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.department-card-stats{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);display:grid}.department-card .dept-color-bar{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);width:4px;position:absolute;top:0;bottom:0;left:0}.quick-actions-bar{gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.quick-action-btn{align-items:center;gap:var(--spacing-2);background-color:var(--bg-card);border:1px solid var(--border-color);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:inline-flex}.quick-action-btn:hover{border-color:var(--primary);box-shadow:none}.admin-dashboard{gap:var(--spacing-6);flex-direction:column;display:flex}.dept-header-banner{padding:var(--spacing-6);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);align-items:center;gap:var(--spacing-4);display:flex}.dept-member-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.member-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center;flex-direction:column;align-items:center;transition:all .2s;display:flex}.member-card:hover{box-shadow:var(--shadow-md)}.member-dashboard{gap:var(--spacing-6);flex-direction:column;display:flex}.my-tasks-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4)}.task-status-group{margin-bottom:var(--spacing-4)}.task-status-group-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-weight:500;display:flex}.invite-modal-content{gap:var(--spacing-4);flex-direction:column;display:flex}.invite-form-group{margin-bottom:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;display:flex}.invite-form-group label{color:var(--text-secondary);font-weight:500}.invite-form-group input,.invite-form-group select{width:100%;padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s}.invite-form-group input:focus,.invite-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha);outline:none}.invitation-list{gap:var(--spacing-3);flex-direction:column;display:flex}.invitation-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.invitation-item:hover{box-shadow:var(--shadow-md)}.invitation-status{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.invitation-status.pending{color:var(--warning);background-color:#fdcb6e26}.invitation-status.accepted{color:var(--success);background-color:#00b89426}.invitation-status.declined{color:var(--error);background-color:#ff6b6b26}.dept-management-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.dept-create-card{border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.dept-create-card:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-alpha)}.dept-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s;position:relative;overflow:hidden}.dept-detail-card:hover{box-shadow:var(--shadow-md)}.payroll-table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto}.payroll-summary-cards{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(4,1fr);display:grid}.payroll-summary-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4);align-items:center;gap:var(--spacing-3);transition:all .2s;display:flex}.payroll-summary-card:hover{box-shadow:var(--shadow-md)}.payroll-status-badge{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.payroll-status-badge.pending{color:var(--warning);background-color:#fdcb6e26}.payroll-status-badge.approved{color:var(--info);background-color:#0984e326}.payroll-status-badge.paid{color:var(--success);background-color:#00b89426}.user-table{border-collapse:collapse;width:100%}.user-row{border-bottom:1px solid var(--border-color);transition:all .2s}.user-row:hover{background-color:var(--bg-hover)}.role-badge{border-radius:var(--radius-sm);color:#fff;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.role-badge.super-admin{background:var(--primary)}.role-badge.admin{background:var(--info)}.role-badge.member{background:var(--text-muted)}.auth-container{background:var(--bg-body);background-image:linear-gradient(180deg, #388bfd0f 0%, transparent 42%), linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);min-height:100vh;color:var(--text-primary);background-position:0 0,0 0,0 0;background-size:auto,48px 48px,48px 48px;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:36px 32px}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{background:var(--primary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-inverse);justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.auth-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.35rem;font-weight:600}.auth-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.auth-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:12px}.input-icon-wrapper input,.auth-select{background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:11px 14px 11px 40px;font-size:.9375rem}.auth-select{padding-left:14px}.input-icon-wrapper input:focus,.auth-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.auth-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;display:flex}.remember-me,.terms{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:8px;line-height:1.4;display:flex}.terms a{color:var(--primary);font-weight:500}.terms a:hover{color:var(--primary-light);text-decoration:underline}.forgot-link{color:var(--primary);font-weight:500;text-decoration:none}.forgot-link:hover{color:var(--primary-light);text-decoration:underline}.auth-btn{background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast);border:none;justify-content:center;align-items:center;padding:12px 16px;font-size:.9375rem;font-weight:600;display:flex}.auth-btn:hover{background:var(--primary-dark)}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:20px 0 14px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-divider-label{text-align:center;color:var(--text-muted);margin:8px 0 0;font-size:.8125rem}.google-btn-wrap{justify-content:center;min-height:44px;margin-bottom:4px;display:flex;position:relative}.google-btn-wrap.is-disabled{opacity:.55}.google-btn-overlay{cursor:not-allowed;z-index:2;position:absolute;inset:0}.google-hint{text-align:center;color:var(--text-secondary);margin:0 0 8px;font-size:.75rem}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:28px;font-size:.875rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-legal-links{justify-content:center;gap:16px;margin-top:16px;font-size:.75rem;display:flex}.auth-legal-links a{color:var(--text-muted);font-weight:500}.auth-legal-links a:hover{color:var(--text-secondary)}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-message{text-align:center;padding:16px 0}.success-icon{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:1.25rem;display:flex}.back-link{align-items:center;gap:8px;display:inline-flex;color:var(--text-secondary)!important;font-weight:500!important}.back-link:hover{color:var(--text-primary)!important;text-decoration:none!important}.signup-role-info{background:var(--primary-alpha);border-radius:var(--radius-md);border:1px solid #388bfd40;margin-bottom:20px;padding:14px}.role-info-badge{color:var(--primary-light);align-items:center;gap:8px;margin-bottom:6px;font-size:.875rem;font-weight:500;display:flex}.role-info-badge strong{color:var(--primary)}.role-info-desc{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.legal-page{background:var(--bg-body);min-height:100vh;color:var(--text-primary);padding:40px 20px 64px}.legal-inner{max-width:720px;margin:0 auto}.legal-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.legal-brand{color:var(--text-primary);font-weight:600;text-decoration:none}.legal-nav-links{gap:16px;font-size:.875rem;display:flex}.legal-nav-links a{color:var(--text-secondary)}.legal-nav-links a:hover{color:var(--primary)}.legal-inner h1{margin-bottom:8px;font-size:1.75rem}.legal-updated{color:var(--text-muted);margin-bottom:28px;font-size:.875rem}.legal-inner h2{margin-top:28px;margin-bottom:10px;font-size:1.125rem}.legal-inner p,.legal-inner li{color:var(--text-secondary);font-size:.9375rem;line-height:1.65}.legal-inner ul{margin-bottom:1rem;padding-left:1.25rem;list-style:outside}.legal-inner li{margin-bottom:.4rem}.legal-note{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted);margin-top:32px;padding:14px;font-size:.8125rem}.chat-page{background:var(--bg-body);flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.chat-sidebar-header{padding:var(--spacing-4);border-bottom:1px solid var(--border-color);flex-shrink:0}.chat-sidebar-header h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.chat-sidebar-header p{color:var(--text-muted);margin:0;font-size:.8rem}.chat-sidebar-scroll{padding:var(--spacing-2);flex:1;overflow-y:auto}.chat-section-label{letter-spacing:.06em;color:var(--text-muted);padding:var(--spacing-3) var(--spacing-2) var(--spacing-1);text-transform:uppercase;font-size:.7rem;font-weight:700}.chat-thread-item{text-align:left;border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:.15rem;padding:.65rem .75rem;display:flex}.chat-thread-item:hover{background:var(--bg-hover)}.chat-thread-item.active{background:var(--primary-alpha);color:var(--primary-light)}.chat-thread-title{align-items:center;gap:.35rem;min-width:0;font-size:.9rem;font-weight:500;display:flex}.chat-thread-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-thread-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding-left:1.15rem;font-size:.75rem;overflow:hidden}.chat-main{background:var(--bg-body);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-main-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:var(--spacing-3);flex-shrink:0;display:flex}.chat-main-header-text{flex:1;min-width:0}.chat-main-header h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.chat-main-header span{color:var(--text-muted);font-size:.8rem}.chat-back-btn{background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:none}.chat-back-btn:hover{background:var(--bg-active)}.chat-messages{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-3);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chat-load-more{margin-bottom:var(--spacing-2);align-self:center}.chat-message{gap:var(--spacing-3);max-width:min(720px,92%);display:flex}.chat-message.own{flex-direction:row-reverse;align-self:flex-end}.chat-message-bubble{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;max-width:100%;padding:.65rem .85rem}.chat-message.own .chat-message-bubble{background:var(--primary-alpha);border-color:#388bfd59}.chat-message-meta{color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem}.chat-message-body{white-space:pre-wrap;word-break:break-word;color:var(--text-primary);font-size:.9rem;line-height:1.45}.chat-composer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-color);background:var(--bg-surface);gap:var(--spacing-2);flex-shrink:0;align-items:flex-end;display:flex}.chat-composer-locked{justify-content:center;align-items:center;gap:var(--spacing-2);color:var(--text-muted);text-align:center;font-size:.85rem}.chat-composer textarea{resize:none;flex:1;min-height:44px;max-height:120px;font-family:inherit}.chat-composer .btn{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.chat-empty{color:var(--text-muted);justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);text-align:center;flex-direction:column;flex:1;display:flex}.chat-error{padding:.5rem var(--spacing-5);color:var(--error);flex-shrink:0;font-size:.85rem}.chat-new-dm{margin:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-color);flex-shrink:0}.chat-dm-modal-backdrop{z-index:var(--z-modal);padding:var(--spacing-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-dm-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(420px,100%);max-height:min(560px,90vh);padding:var(--spacing-4);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.chat-dm-modal h3{margin:0 0 var(--spacing-2);color:var(--text-primary)}.chat-dm-modal-list{flex:1;min-height:0;overflow-y:auto}.chat-dm-target{text-align:left;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--spacing-3);width:100%;color:var(--text-primary);background:0 0;border:none;padding:.65rem .75rem;display:flex}.chat-dm-target:hover{background:var(--bg-hover)}.chat-type-badge{border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-muted);text-transform:capitalize;flex-shrink:0;padding:2px 8px;font-size:.65rem}.chat-sidebar-hint{color:var(--text-muted);padding:.5rem .75rem;font-size:.8rem}@media (width<=900px){.chat-page{position:relative}.chat-sidebar{border-right:none;width:100%}.chat-main,.chat-page.chat-page--thread-open .chat-sidebar{display:none}.chat-page.chat-page--thread-open .chat-main{width:100%;display:flex}.chat-back-btn{display:inline-flex}}