*{box-sizing:border-box}:root,[data-theme=dark]{--bg-app:#000;--bg-primary:#000;--bg-secondary:#0a0e14;--bg-sidebar:#05070a;--bg-card:#0f141c99;--bg-card-solid:#0c1117;--bg-input:#0f141cb3;--bg-hover:#ffffff0a;--bg-badge:#ffffff0d;--text-primary:#e8edf4;--text-secondary:#a8b2c1;--text-muted:#6b7a90;--text-light:#4a5568;--text-sidebar:#e8edf4a6;--text-sidebar-active:#e8edf4;--border:#ffffff14;--border-light:#ffffff0d;--border-focus:#3ddcc8;--accent:#3ddcc8;--accent-2:#4a9eff;--accent-3:#7c6bff;--accent-warm:#ff9a4a;--accent-hover:#2fc7b3;--accent-glow:0 0 24px #3ddcc840;--danger:#ff5a5f;--danger-bg:#ff5a5f1f;--error-bg:#ff5a5f1f;--error-text:#ff8a8f;--success:#3ddcc8;--warning:#ff9a4a;--shadow:0 1px 2px #0006;--shadow-lg:0 10px 40px #00000080;--radius:14px;--radius-sm:10px;--radius-lg:20px;--sidebar-border:#ffffff0f;--sidebar-hover:#ffffff0a;--sidebar-active-bg:linear-gradient(90deg, #3ddcc81f, #3ddcc800);--sidebar-role-bg:#3ddcc81f;--sidebar-logout-bg:#ffffff0a;--sidebar-logout-border:#ffffff14;--sidebar-logout-hover:#ff5a5f33;--sidebar-email:#e8edf473}[data-theme=light]{--bg-app:#f4f6fb;--bg-primary:#f4f6fb;--bg-secondary:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-solid:#fff;--bg-input:#fff;--bg-hover:#f0f2f7;--bg-badge:#f0f2f7;--text-primary:#0f1420;--text-secondary:#3a4556;--text-muted:#6b7a90;--text-light:#94a0b3;--text-sidebar:#3a4556;--text-sidebar-active:#0f1420;--border:#e5e9f0;--border-light:#eef1f6;--border-focus:#0ea5a0;--accent:#0ea5a0;--accent-2:#2563eb;--accent-3:#6d5cff;--accent-warm:#f97316;--accent-hover:#0b8a86;--accent-glow:0 0 20px #0ea5a033;--danger:#dc2626;--danger-bg:#fef2f2;--error-bg:#fef2f2;--error-text:#b91c1c;--success:#059669;--warning:#d97706;--shadow:0 1px 3px #0f14200f;--shadow-lg:0 10px 30px #0f142014;--sidebar-border:#eef1f6;--sidebar-hover:#f0f2f7;--sidebar-active-bg:linear-gradient(90deg, #0ea5a01f, #0ea5a000);--sidebar-role-bg:#0ea5a01f;--sidebar-logout-bg:#f0f2f7;--sidebar-logout-border:#e5e9f0;--sidebar-logout-hover:#fee2e2;--sidebar-email:#6b7a90}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s}#root{min-height:100vh}.loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.form-row{gap:16px;display:flex}.form-group{flex:1;margin-bottom:16px}.form-group label{color:var(--text-secondary);letter-spacing:.2px;margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3ddcc81f}.auth-error{background:var(--error-bg);color:var(--error-text);border-radius:var(--radius-sm);border:1px solid #ff5a5f40;margin-bottom:16px;padding:10px 14px;font-size:.88rem}button{font-family:inherit}.modal-input,.modal-select,.modal-textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc81f}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:.88rem}.btn-primary-grad{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:transform .15s,opacity .2s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.notif-bell-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:1rem;transition:border-color .12s,background .12s;position:relative}.notif-bell-btn:hover{border-color:var(--border,#ffffff1a);background:#ffffff08}.notif-bell-icon{font-size:1.05rem;line-height:1;display:inline-block}.notif-badge{color:#fff;background:#dc5050;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.notif-popover{background:var(--bg-app);border:1px solid var(--border,#ffffff14);z-index:200;border-radius:12px;flex-direction:column;width:380px;max-width:92vw;max-height:70vh;animation:.14s notif-pop;display:flex;overflow:hidden;box-shadow:0 18px 48px #0000008c}@keyframes notif-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-head{border-bottom:1px solid var(--border,#ffffff0d);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-head-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem}.notif-mark-all:hover{text-decoration:underline}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.85rem}.notif-item{border-bottom:1px solid var(--border,#ffffff0a);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 16px;transition:background .12s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff08}.notif-item.unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.notif-item.unread .notif-title{color:var(--text-primary);font-weight:700}.notif-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;display:inline-flex}.notif-body{flex:1;min-width:0}.notif-title{color:var(--text-primary);word-break:break-word;font-size:.86rem;font-weight:500}.notif-text{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-time{color:var(--text-muted);margin-top:4px;font-size:.7rem}.notif-x{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:1rem;line-height:1;transition:opacity .12s,color .12s,background .12s}.notif-item:hover .notif-x{opacity:1}.notif-x:hover{color:#dc5050;background:#dc50501a}.layout{background:var(--bg-app);min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);width:248px;color:var(--text-sidebar);border-right:1px solid var(--sidebar-border);z-index:10;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:22px 20px 18px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%,#3ddcc866,#0000 60%),radial-gradient(circle at 70% 70%,#4a9eff59,#0000 60%);border:1px solid #3ddcc859;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.brand-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%}.brand-ring{border:1px dashed #3ddcc840;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}.brand-text h2{color:var(--text-primary);letter-spacing:.2px;margin:0;font-size:1.15rem;font-weight:700}.brand-sub{color:var(--text-muted);font-size:.72rem}.sidebar-nav{flex-direction:column;flex:1;gap:18px;padding:8px 12px;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-link{color:var(--text-sidebar);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;text-decoration:none;transition:all .18s;display:flex;position:relative}.nav-link:hover{background:var(--sidebar-hover);color:var(--text-sidebar-active)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--text-sidebar-active);box-shadow:inset 2px 0 0 var(--accent)}.nav-link.active .nav-icon,.nav-link.active .dot-icon{color:var(--accent)}.nav-icon{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.nav-section{border-top:1px solid var(--sidebar-border);flex-direction:column;gap:2px;padding-top:12px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);align-items:center;gap:8px;padding:4px 12px 8px;font-size:.75rem;display:flex}.section-mark{background:linear-gradient(135deg, var(--accent), var(--accent-3));border-radius:4px;width:14px;height:14px}.nav-sub{padding-left:32px}.dot-icon{background:var(--text-muted);border-radius:50%;width:6px;height:6px;display:inline-block}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:14px 12px 16px}.user-chip{border-radius:var(--radius-sm);background:var(--sidebar-logout-bg);border:1px solid var(--sidebar-logout-border);align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:700;display:flex}.user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.user-plan{color:var(--text-muted);font-size:.7rem}.logout-btn{border:1px solid var(--sidebar-logout-border);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.logout-btn:hover{background:var(--sidebar-logout-hover);color:var(--danger);border-color:#0000}.app-body{flex-direction:column;flex:1;min-height:100vh;margin-left:248px;display:flex}.topbar{z-index:5;background:var(--bg-app);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.search{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;flex:1;align-items:center;gap:10px;max-width:720px;padding:10px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc81f}.search-icon{color:var(--text-muted);font-size:1rem}.search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.search input::placeholder{color:var(--text-muted)}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:.95rem;transition:all .18s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--text-primary)}.icon-btn.accent{color:var(--accent);background:#3ddcc80f;border-color:#3ddcc84d}.user-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:.85rem;display:inline-flex}.user-pill-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:inline-flex}.main-content{background:var(--bg-app);flex:1;padding:28px 32px 40px}@media (width<=900px){.sidebar{width:220px}.app-body{margin-left:220px}.main-content{padding:20px}.topbar{padding:12px 16px}}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-secondary);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:400px;padding:40px}.auth-card-wide{max-width:600px}.auth-card h1{text-align:center;color:var(--text-primary);margin:0 0 24px}.auth-card h3{color:var(--text-primary);border-bottom:1px solid var(--border-light);margin:20px 0 12px;padding-bottom:8px;font-size:.95rem}.auth-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:background .2s}.auth-btn:hover{background:var(--accent-hover)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;color:var(--text-muted);margin-top:16px;font-size:.9rem}.auth-link a{color:var(--accent);text-decoration:none}.auth-top-controls{justify-content:flex-end;gap:8px;margin-bottom:16px;display:flex}.auth-control-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:.75rem}.auth-control-btn:hover{border-color:var(--accent)}.tab-group{border:1px solid var(--border);border-radius:6px;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.tab-btn{background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border:none;flex:1;padding:10px;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff}.dashboard{flex-direction:column;gap:24px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-eyebrow{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:6px;font-size:.82rem;display:inline-flex}.eyebrow-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:4px;width:14px;height:14px}.page-title{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.page-title .wave{color:var(--accent);vertical-align:super;font-size:1.2rem}.page-sub{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.page-meta{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;display:inline-flex}.meta-dot{background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 10px var(--accent-2);border-radius:50%}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px 20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(600px circle at 0% 0%, var(--tone-glow,#3ddcc814), transparent 40%);opacity:.9;position:absolute;inset:-1px}.kpi-card:hover{border-color:#ffffff29;transform:translateY(-1px)}.kpi-card.tone-teal{--tone-glow:#3ddcc81a}.kpi-card.tone-blue{--tone-glow:#4a9eff1a}.kpi-card.tone-violet{--tone-glow:#7c6bff1a}.kpi-card.tone-warm{--tone-glow:#ff9a4a1a}.kpi-head{justify-content:space-between;align-items:center;display:flex;position:relative}.kpi-label{color:var(--text-secondary);font-size:.82rem}.kpi-icon{width:26px;height:26px;color:var(--text-muted);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.tone-teal .kpi-icon{color:var(--accent)}.tone-blue .kpi-icon{color:var(--accent-2)}.tone-violet .kpi-icon{color:var(--accent-3)}.tone-warm .kpi-icon{color:var(--accent-warm)}.kpi-value{color:var(--text-primary);font-size:1.9rem;font-weight:700;line-height:1.1;position:relative}.kpi-suffix{color:var(--text-muted);margin-left:2px;font-size:.95rem;font-weight:500}.kpi-sub{color:var(--text-muted);font-size:.8rem;position:relative}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px 24px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.panel-sub{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.panel-action{width:36px;height:36px;color:var(--accent-2);cursor:pointer;background:#4a9eff14;border:1px solid #4a9eff38;border-radius:10px;font-size:1rem}.chart{gap:16px;height:280px;padding:8px 4px 0;display:flex}.chart-axis{color:var(--text-muted);text-align:right;flex-direction:column;justify-content:space-between;padding:0 4px;font-size:.72rem;display:flex}.chart-bars{border-left:1px dashed var(--border-light);flex:1;grid-template-columns:repeat(6,1fr);align-items:end;gap:20px;padding-bottom:24px;padding-left:16px;display:grid;position:relative}.chart-col{flex-direction:column;justify-content:end;align-items:center;height:100%;display:flex;position:relative}.chart-bar{background:linear-gradient(#8cb4ff 0%,#3a6dd6 60%,#264da3 100%);border-radius:28px 28px 6px 6px;width:54px;max-width:100%;transition:height .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #4a9eff40}.chart-label{color:var(--text-muted);font-size:.78rem;position:absolute;bottom:0}.chart-callout{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);background:linear-gradient(#4a9eff0a,#0000);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:16px 20px;display:flex}.callout-dot{background:var(--accent-2);width:10px;height:10px;box-shadow:0 0 12px var(--accent-2);border-radius:50%}.callout-sub{color:var(--text-muted);font-size:.85rem}.accent-text{color:var(--accent-2);font-weight:600}.mini-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mini-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.mini-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.mini-icon.tone-teal{color:var(--accent);background:#3ddcc81a}.mini-icon.tone-blue{color:var(--accent-2);background:#4a9eff1a}.mini-icon.tone-violet{color:var(--accent-3);background:#7c6bff1a}.mini-label{color:var(--text-muted);margin-bottom:4px;font-size:.78rem}.mini-value{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.2}.mini-sub{color:var(--text-muted);margin-top:4px;font-size:.78rem}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:1fr}}@media (width<=700px){.kpi-grid{grid-template-columns:1fr}.chart{height:220px}.chart-bar{width:28px}.page-title{font-size:1.5rem}}.dt-wrap{flex-direction:column;gap:12px;display:flex;position:relative}.dt-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dt-search{background:var(--bg-card);border:1px solid var(--border,#ffffff14);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:6px 12px;transition:border-color .12s;display:flex}.dt-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc826}.dt-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.85rem}.dt-search-icon{color:var(--text-muted);font-size:.9rem}.dt-filter-btn{background:var(--bg-card);border:1px solid var(--border,#ffffff14);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-family:inherit;font-size:.85rem;transition:border-color .12s,color .12s;display:inline-flex}.dt-filter-btn:hover,.dt-filter-btn.active{border-color:var(--accent);color:var(--accent)}.dt-filter-count{background:var(--accent);color:#0e1116;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 7px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.dt-clear{padding:6px 12px}.dt-export-btn:disabled{opacity:.5;cursor:not-allowed}.dt-export-btn:disabled:hover{border-color:var(--border,#ffffff14);color:var(--text-primary)}.dt-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.dt-scroll{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;width:100%;overflow-x:auto}.dt-table{border-collapse:collapse;width:100%;min-width:600px}.dt-table thead .dt-head-row th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-card);border-bottom:1px solid var(--border,#ffffff0d);white-space:nowrap;z-index:1;padding:12px;font-size:.72rem;font-weight:600;position:sticky;top:0}.dt-th-label{align-items:center;gap:6px;display:inline-flex}.dt-th-filter-dot{color:var(--accent);margin-left:2px;font-size:.55rem}.dt-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s}.dt-sortable:hover{color:var(--text-primary)}.dt-no-sort{cursor:default}.dt-th-draggable{position:relative}.dt-th-draggable:hover .dt-th-grip{opacity:.6}.dt-th-grip{color:var(--text-muted);opacity:.25;cursor:grab;letter-spacing:-2px;-webkit-user-select:none;user-select:none;font-size:.75rem;transition:opacity .12s;display:inline-block}.dt-th-draggable:active .dt-th-grip{cursor:grabbing}.dt-th-dragging{opacity:.4}.dt-th-drop-target{box-shadow:inset 3px 0 0 var(--accent)}.dt-sort-arrow{color:#ffffff40;font-size:.6rem;transition:color .12s}.dt-sort-arrow.active{color:var(--accent)}.dt-table tbody td{border-bottom:1px solid var(--border,#ffffff0a);color:var(--text-primary);vertical-align:middle;padding:12px;font-size:.85rem}.dt-table tbody tr:last-child td{border-bottom:none}.dt-row{transition:background .12s}.dt-row-clickable{cursor:pointer}.dt-row-clickable:hover{background:#ffffff08}.dt-empty{text-align:center;color:var(--text-muted);padding:30px 16px;font-size:.88rem}.dt-pagination{justify-content:space-between;align-items:center;gap:12px;padding:4px;display:flex}.dt-pagination button{background:var(--bg-card);border:1px solid var(--border,#ffffff14);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:border-color .12s,color .12s}.dt-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dt-pagination button:disabled{opacity:.4;cursor:not-allowed}.dt-pagination span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.dt-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:flex-end;animation:.14s dt-overlay-in;display:flex;position:fixed;inset:0}@keyframes dt-overlay-in{0%{opacity:0}to{opacity:1}}.dt-drawer{background:var(--bg-app);border-left:1px solid var(--border,#ffffff14);flex-direction:column;width:100%;max-width:380px;height:100%;animation:.2s dt-drawer-in;display:flex;box-shadow:-16px 0 48px #0009}@keyframes dt-drawer-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dt-drawer-head{border-bottom:1px solid var(--border,#ffffff0d);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:.95rem;font-weight:600;display:flex}.dt-drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.4rem;line-height:1}.dt-drawer-close:hover{color:var(--text-primary);background:#ffffff0f}.dt-drawer-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.dt-field{flex-direction:column;gap:6px;display:flex}.dt-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.dt-field-input{background:var(--bg-card);border:1px solid var(--border,#ffffff14);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .12s}.dt-field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc826}select.dt-field-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.dt-range{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.dt-range-sep{color:var(--text-muted);font-size:.85rem}.ui-select-trigger{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border,#ffffff14);cursor:pointer;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;min-width:120px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .12s,background .12s;display:inline-flex}.ui-select-sm{min-width:100px;padding:6px 10px;font-size:.78rem}.ui-select-trigger:hover{border-color:var(--accent)}.ui-select-trigger[data-state=open]{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc826}.ui-select-trigger[data-placeholder]{color:var(--text-muted)}.ui-select-icon{color:var(--text-muted);font-size:.7rem}.ui-select-content{background:var(--bg-card);border:1px solid var(--border,#ffffff1a);z-index:200;min-width:var(--radix-select-trigger-width);border-radius:10px;max-height:320px;padding:4px;overflow:hidden;box-shadow:0 12px 40px #00000080}.ui-select-item{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;display:flex}.ui-select-item[data-highlighted]{color:var(--accent);background:#3ddcc81f}.ui-select-item[data-state=checked]{color:var(--accent);font-weight:600}.ui-select-indicator{color:var(--accent);font-size:.75rem}.ui-checkbox{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.ui-checkbox-root{background:var(--bg-card);border:1px solid var(--border,#ffffff26);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .12s,background .12s;display:inline-flex}.ui-checkbox-root:hover{border-color:var(--accent)}.ui-checkbox-root[data-state=checked]{background:var(--accent);border-color:var(--accent)}.ui-checkbox-indicator{color:#0e1116;font-size:.75rem;font-weight:700;line-height:1}.ui-dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0000008c;animation:.16s ui-dialog-overlay-in;position:fixed;inset:0}.ui-dialog-content{background:var(--bg-app);border:1px solid var(--border,#ffffff14);z-index:110;border-radius:14px;width:92vw;max-height:88vh;padding:24px;animation:.18s ui-dialog-content-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0009}.ui-dialog-sm{max-width:420px}.ui-dialog-md{max-width:600px}.ui-dialog-lg{max-width:840px}.ui-dialog-title{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem;font-weight:600}.ui-dialog-description{color:var(--text-muted);margin:0 0 16px;font-size:.85rem}.ui-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.4rem;line-height:1;position:absolute;top:12px;right:14px}.ui-dialog-close:hover{color:var(--text-primary);background:#ffffff0f}@keyframes ui-dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-content-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-field-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.ui-input{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border,#ffffff14);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .12s}.ui-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc826}.ui-textarea{resize:vertical;min-height:80px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{color:var(--text-primary);margin:0}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--bg-hover)}.table-scroll{width:100%;box-shadow:var(--shadow);border-radius:10px;overflow-x:auto}.data-table{background:var(--bg-secondary);width:100%;box-shadow:var(--shadow);border-collapse:collapse;border-radius:10px;overflow:hidden}.table-scroll .data-table{box-shadow:none;border-radius:0;min-width:820px}.asset-summary{border:1px solid var(--border);background:#ffffff08;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:12px 14px;display:grid}.summary-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:.7rem}.summary-value{color:var(--text-primary);margin-top:2px;font-size:.9rem;font-weight:500}.employee-picker{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;max-height:280px;padding:4px;display:flex;overflow-y:auto}.employee-pick{cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.employee-pick:hover{background:var(--bg-hover)}.employee-pick.on{background:#3ddcc814;border-color:#3ddcc84d}.pick-avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:700;display:inline-flex}.pick-body{flex:1;min-width:0}.pick-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.pick-id{color:var(--text-muted);margin-left:6px;font-size:.72rem}.pick-sub{color:var(--text-muted);font-size:.76rem}.pick-check{color:var(--accent);font-weight:700}.data-table th,.data-table td{text-align:left;padding:12px 16px}.data-table th{background:var(--bg-badge);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-light);font-size:.8rem}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--bg-hover)}.actions{gap:6px;display:flex}.btn-sm{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:.8rem;text-decoration:none}.btn-sm:hover{background:var(--bg-hover)}.btn-edit{border-color:var(--accent);color:var(--accent)}.btn-delete{border-color:var(--danger);color:var(--danger)}.btn-delete:hover{background:var(--danger-bg)}.empty{text-align:center;color:var(--text-light);padding:40px!important}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.pagination button{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:.9rem}.employee-form{background:var(--bg-secondary);box-shadow:var(--shadow);border-radius:10px;max-width:700px;padding:24px}.employee-form h3{color:var(--text-primary);border-bottom:1px solid var(--border-light);margin:20px 0 12px;padding-bottom:8px;font-size:.95rem}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.detail-card{background:var(--bg-secondary);box-shadow:var(--shadow);border-radius:10px;padding:24px}.detail-card h3{color:var(--text-primary);margin:0 0 16px;font-size:1rem}.detail-card dl{margin:0}.detail-card dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:12px;font-size:.8rem}.detail-card dt:first-child{margin-top:0}.detail-card dd{color:var(--text-primary);margin:4px 0 0;font-size:.95rem}.board-page{flex-direction:column;height:calc(100vh - 120px);min-height:600px;display:flex}.board-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.board-title{align-items:center;gap:12px;display:flex}.board-title h1{color:var(--text-primary);margin:0;font-size:1.3rem}.board-tabs{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:10px;gap:2px;padding:4px;display:inline-flex}.board-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .12s}.board-tab:hover{color:var(--text-primary)}.board-tab.active{background:var(--accent);color:#0e1116;font-weight:600}.board-filters{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 14px;margin-bottom:18px;padding:14px 16px;display:grid}.filter-cell{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-cell .ui-select-trigger{width:100%}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.filter-search{grid-column:span 2;min-width:220px}.filter-reset{justify-content:flex-end}.filter-reset .btn-ghost{align-self:flex-end;width:100%;margin-top:18px}.board-search{background:var(--bg-app);border:1px solid var(--border,#ffffff14);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;transition:border-color .12s;display:flex}.board-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc826}.board-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.85rem}.board-search-icon{color:var(--text-muted);font-size:.9rem}.btn-ghost{border:1px solid var(--border,#ffffff1a);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:.85rem;transition:all .12s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-accent{background:var(--accent);color:#0e1116;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .12s}.btn-accent:hover{filter:brightness(1.1)}.board-grid{flex:1;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.board-column{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;flex-direction:column;flex:0 0 290px;max-height:100%;transition:background .14s,border-color .14s;display:flex}.board-column.drop-target{border-color:var(--accent);background:#3ddcc814}.column-header{border-bottom:1px solid var(--border,#ffffff0d);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.column-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.column-dot{border-radius:50%;width:8px;height:8px}.column-count{color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:1px 9px;font-size:.72rem;font-weight:600}.column-body{flex-direction:column;flex:1;gap:8px;min-height:80px;padding:10px;display:flex;overflow-y:auto}.column-empty{text-align:center;color:var(--text-muted);border:1px dashed #ffffff0f;border-radius:10px;padding:24px 12px;font-size:.78rem}.task-card{background:var(--bg-app);border:1px solid var(--border,#ffffff0f);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex}.task-card:hover{border-color:var(--accent)}.task-card.dragging{opacity:.4}.task-card.overlay{cursor:grabbing;border-color:var(--accent);transform:rotate(2deg);box-shadow:0 18px 40px #00000080}.card-title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-chip{color:var(--text-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.card-chip.due-soon{color:#f0a53c;background:#f0a53c2e}.card-chip.overdue{color:#dc5050;background:#dc50502e}.card-avatar{background:var(--accent);color:#0e1116;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:inline-flex}.card-prio-LOW{color:var(--text-primary);background:#78788238}.card-prio-MEDIUM{color:#3cc882;background:#3cc88238}.card-prio-HIGH{color:#f0a53c;background:#f0a53c38}.card-prio-URGENT{color:#dc5050;background:#dc505038}.dialog-form{flex-direction:column;gap:14px;margin-top:10px;display:flex}.dialog-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dialog-form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.dialog-meta{grid-template-columns:1fr 1fr;gap:10px 16px;margin:12px 0;font-size:.85rem;display:grid}.dialog-meta .meta-label{color:var(--text-muted);font-size:.72rem}.comments-section{border-top:1px solid var(--border,#ffffff0f);margin-top:14px;padding-top:14px}.comments-section h4{margin:0 0 10px;font-size:.9rem}.account-page{max-width:520px}.account-page .page-header{margin-bottom:22px}.account-page .page-sub{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.account-card{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;flex-direction:column;gap:14px;padding:22px;display:flex}.account-actions{justify-content:flex-end;margin-top:6px;display:flex}.auth-success{color:#3cc882;background:#3cc8821f;border:1px solid #3cc8824d;border-radius:8px;padding:10px 12px;font-size:.85rem}.attendance-actions{max-width:400px}.status-badge{color:#fff;border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.chat{flex-direction:column;gap:20px;height:calc(100vh - 140px);min-height:520px;display:flex}.chat-header{justify-content:space-between;align-items:flex-end;display:flex}.chat-shell{flex:1;grid-template-columns:320px 1fr;gap:18px;min-height:0;display:grid}.chat-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.chat-search{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.chat-search input::placeholder{color:var(--text-muted)}.chat-conversations{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:.88rem}.chat-conv{border-radius:var(--radius-sm);text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px;transition:all .18s;display:flex}.chat-conv:hover{background:var(--bg-hover)}.chat-conv.active{background:linear-gradient(90deg,#3ddcc81a,#3ddcc800);border-color:#3ddcc840}.conv-avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:inline-flex}.conv-body{flex:1;min-width:0}.conv-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.conv-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.conv-badge{background:var(--accent);color:#04121a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.conv-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;overflow:hidden}.chat-thread{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.thread-head{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.thread-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:inline-flex}.thread-title{color:var(--text-primary);font-size:1rem;font-weight:600}.thread-sub{color:var(--text-muted);font-size:.78rem}.thread-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-left:auto;animation:1.8s ease-in-out infinite pulse}.thread-dot.off{background:var(--text-light);box-shadow:none;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.thread-leave{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.thread-leave:hover{background:var(--sidebar-logout-hover);color:var(--danger);border-color:#0000}.conv-avatar.group,.thread-avatar.group{background:linear-gradient(135deg, var(--accent-3), var(--accent-warm))}.thread-messages{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.thread-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:18px;margin:auto;padding:40px;font-size:.9rem;display:flex}.empty-orb{background:radial-gradient(circle at 30% 30%,#3ddcc84d,#0000 60%),radial-gradient(circle at 70% 70%,#4a9eff4d,#0000 60%);border:1px solid #3ddcc84d;border-radius:50%;width:80px;height:80px}.bubble-row{align-items:flex-end;gap:10px;display:flex}.bubble-row.mine{justify-content:flex-end}.bubble-avatar{width:28px;height:28px;color:var(--text-secondary);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.bubble{border:1px solid var(--border);max-width:70%;color:var(--text-primary);background:#ffffff0a;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:.9rem}.bubble.mine{background:linear-gradient(135deg,#3ddcc82e,#4a9eff2e);border-color:#3ddcc84d;border-radius:16px 16px 4px}.bubble-sender{color:var(--accent);margin-bottom:2px;font-size:.72rem;font-weight:600}.bubble-content{white-space:pre-wrap;word-break:break-word}.bubble-time{color:var(--text-muted);text-align:right;margin-top:4px;font-size:.68rem}.composer{border-top:1px solid var(--border-light);background:var(--bg-card);align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.composer-error{color:var(--danger);font-size:.78rem;position:absolute;transform:translateY(-100%)}.composer textarea{border:1px solid var(--border);color:var(--text-primary);resize:none;background:#ffffff08;border-radius:14px;outline:none;flex:1;max-height:120px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc81f}.send-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;cursor:pointer;border:none;border-radius:12px;width:42px;height:42px;font-size:1.1rem;font-weight:700;transition:transform .15s,opacity .2s}.send-btn:hover:not(:disabled){transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.btn-new-chat{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:transform .15s;display:inline-flex}.btn-new-chat:hover{transform:translateY(-1px)}.btn-new-chat span{font-size:1.1rem;line-height:1}.chat-empty-cta{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;margin-top:12px;padding:8px 14px;font-size:.85rem;display:block}.chat-empty-cta:hover{background:#3ddcc814}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(540px,100%);max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head h3{color:var(--text-primary);margin:0;font-size:1.05rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1rem}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex-direction:column;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.hint-line{color:var(--accent);background:#3ddcc814;border:1px solid #3ddcc82e;border-radius:8px;padding:8px 12px;font-size:.8rem}.modal-label{color:var(--text-secondary);margin-top:4px;font-size:.78rem;font-weight:500}.label-hint{color:var(--text-muted);font-weight:400}.modal-input,.modal-textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.modal-textarea{resize:vertical;min-height:60px}.modal-input:focus,.modal-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ddcc81f}.modal-search{border:1px solid var(--border);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.modal-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.modal-search input::placeholder{color:var(--text-muted)}.picked-row{flex-wrap:wrap;gap:6px;display:flex}.picked-chip{color:var(--text-primary);background:#3ddcc81f;border:1px solid #3ddcc84d;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:.8rem;display:inline-flex}.picked-chip button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.72rem}.picked-chip button:hover{color:var(--danger)}.picker{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;max-height:240px;padding:4px;display:flex;overflow-y:auto}.picker-empty{text-align:center;color:var(--text-muted);padding:18px;font-size:.85rem}.picker-row{cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.picker-row:hover{background:var(--bg-hover)}.picker-row.on{background:#3ddcc814}.picker-avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:700;display:inline-flex}.picker-body{flex:1;min-width:0}.picker-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.picker-sub{color:var(--text-muted);font-size:.75rem}.picker-check{border:1px solid var(--border);color:#04121a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.picker-check.on{background:var(--accent);border-color:var(--accent)}.modal-foot{border-top:1px solid var(--border-light);background:#0003;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px;font-size:.88rem}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-primary-grad{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:transform .15s,opacity .2s}.btn-primary-grad:hover:not(:disabled){transform:translateY(-1px)}.btn-primary-grad:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.chat-shell{grid-template-columns:1fr}.chat-list{max-height:200px}}.directory-toolbar{margin:14px 0 18px}.directory-search{max-width:520px}.directory-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);padding:36px}.contact-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:14px;padding:18px;transition:border-color .2s,transform .2s;display:flex}.contact-card:hover{border-color:#3ddcc84d;transform:translateY(-1px)}.contact-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:.95rem;font-weight:700;display:inline-flex}.contact-body{flex:1;min-width:0}.contact-name{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.contact-me{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;background:#3ddcc826;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.contact-role{color:var(--text-muted);margin-top:2px;font-size:.82rem}.contact-dept{color:var(--text-light)}.contact-lines{flex-direction:column;gap:4px;margin-top:10px;display:flex}.contact-line{color:var(--text-secondary);word-break:break-all;align-items:center;gap:8px;font-size:.85rem;text-decoration:none;display:inline-flex}.contact-line:hover{color:var(--accent)}.contact-icon{text-align:center;width:20px;color:var(--text-muted)}.contact-chat-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04121a;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:transform .15s;display:inline-flex}.contact-chat-btn:hover{transform:translateY(-1px)}.contact-chat-btn span{font-size:.9rem;line-height:1}.td-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.td-parent{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:4px;padding:2px 0;font-family:inherit;font-size:.78rem;transition:color .12s}.td-parent:hover{color:var(--accent)}.td-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.td-pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.td-actions{flex-shrink:0;gap:8px;display:flex}.td-desc{white-space:pre-wrap;color:var(--text-primary);margin:14px 0 0;font-size:.9rem;line-height:1.5}.td-meta{background:var(--bg-card);border:1px solid var(--border,#ffffff0d);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 18px;margin:18px 0 22px;padding:14px 16px;font-size:.85rem;display:grid}.td-meta .meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-weight:600}.td-section{border-top:1px solid var(--border,#ffffff0f);margin-top:22px;padding-top:18px}.td-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.td-section-head h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:inline-flex}.td-section-count{color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:1px 9px;font-size:.7rem;font-weight:600}.td-empty{text-align:center;color:var(--text-muted);margin:14px 0;font-size:.85rem}.subtask-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:12px;display:grid}.subtask-card{text-align:left;background:var(--bg-card);border:1px solid var(--border,#ffffff0d);cursor:pointer;color:inherit;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;font-family:inherit;transition:border-color .12s,transform .12s;display:flex}.subtask-card:hover{border-color:var(--accent);transform:translateY(-1px)}.subtask-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.subtask-card-title{color:var(--text-primary);word-break:break-word;font-size:.9rem;font-weight:600;line-height:1.3}.subtask-card-x{color:var(--text-muted);cursor:pointer;border-radius:4px;padding:0 4px;font-size:1rem;line-height:1}.subtask-card-x:hover{color:#dc5050;background:#dc50501a}.subtask-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subtask-form{gap:8px;display:flex}.subtask-form input{flex:1}.feed-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.feed-item{gap:10px;display:flex}.feed-comment{align-items:flex-start}.feed-activity{align-items:flex-start;padding:4px 0}.td-avatar{background:var(--accent);color:#0e1116;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:inline-flex}.td-comment-body{background:var(--bg-card);border:1px solid var(--border,#ffffff0d);border-radius:10px;flex:1;padding:10px 12px}.td-comment-head{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:6px;font-size:.78rem;display:flex}.td-comment-head strong{color:var(--text-primary);font-size:.85rem;font-weight:600}.td-comment-time{flex:1}.td-comment-content{white-space:pre-wrap;color:var(--text-primary);word-break:break-word;font-size:.88rem;line-height:1.4}.td-comment-form{flex-direction:column;align-items:stretch;gap:8px;display:flex}.td-comment-form button{align-self:flex-end}.activity-icon{background:var(--bg-card);border:1px solid var(--border,#ffffff14);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.activity-body{flex-direction:column;flex:1;gap:2px;padding-top:4px;display:flex}.activity-line{color:var(--text-primary);font-size:.85rem;line-height:1.4}.activity-line strong{font-weight:600}.activity-chip{color:var(--text-muted);background:#ffffff0f;border-radius:4px;margin:0 1px;padding:1px 7px;font-size:.74rem;display:inline-block}.activity-chip-new{color:var(--accent);background:#3ddcc826}.activity-time{color:var(--text-muted);font-size:.72rem}.activity-note{color:var(--text-muted);font-style:italic}.task-tree{flex-direction:column;gap:18px;display:flex}.task-bucket{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;overflow:hidden}.bucket-header{border:none;border-bottom:1px solid var(--border,#ffffff0d);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;display:flex}.bucket-header:hover{background:#ffffff05}.bucket-dot{border-radius:50%;width:8px;height:8px}.bucket-title{font-size:.9rem;font-weight:600}.bucket-count{color:var(--text-muted);background:#ffffff0f;border-radius:999px;margin-left:4px;padding:1px 9px;font-size:.72rem;font-weight:600}.bucket-caret{transition:transform .14s;transform:rotate(0)}.bucket-caret.open{transform:rotate(90deg)}.tree-caret{width:16px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;padding:0;font-family:inherit;font-size:.7rem;transition:transform .14s,color .12s;display:inline-flex}.tree-caret:hover{color:var(--accent)}.tree-caret.open{color:var(--accent);transform:rotate(90deg)}.tree-table{width:100%;box-shadow:none;border-collapse:collapse;background:0 0;border-radius:0}.tree-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border,#ffffff0d);text-align:left;background:0 0;padding:10px 12px;font-size:.72rem;font-weight:600}.tree-table tbody td{border-bottom:1px solid var(--border,#ffffff0a);color:var(--text-primary);vertical-align:middle;padding:10px 12px;font-size:.85rem}.tree-table tbody tr:last-child td{border-bottom:none}.tree-table .task-row{cursor:pointer;transition:background .12s}.tree-table .task-row:hover{background:#ffffff08}.title-cell{align-items:center;gap:4px;display:flex}.title-text{word-break:break-word;font-weight:500}.tree-connector{color:var(--text-muted);margin-right:6px;font-size:.85rem}.subtask-count{color:var(--accent);background:#3ddcc81f;border-radius:999px;margin-left:8px;padding:0 7px;font-size:.7rem;font-weight:600;display:inline-block}.status-badge,.priority-badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.74rem;font-weight:600;display:inline-block}.status-TODO{color:var(--text-primary);background:#7878822e}.status-IN_PROGRESS{color:#2d87f0;background:#2d87f02e}.status-REVIEW{color:#a050dc;background:#a050dc2e}.status-DONE{color:#3cc882;background:#3cc8822e}.status-CANCELLED{color:#dc5050;background:#dc50502e}.priority-LOW{color:var(--text-primary);background:#7878822e}.priority-MEDIUM{color:#3cc882;background:#3cc8822e}.priority-HIGH{color:#f0a53c;background:#f0a53c38}.priority-URGENT{color:#dc5050;background:#dc505033}.tree-table .actions{white-space:nowrap;gap:6px;display:flex}.btn-sm{border:1px solid var(--border,#ffffff14);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:border-color .12s,color .12s}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-delete:hover{color:#dc5050;border-color:#dc5050}.files-page{flex-direction:column;height:calc(100vh - 100px);min-height:540px;display:flex}.files-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.files-title h1{color:var(--text-primary);margin:0;font-size:1.3rem}.files-actions{gap:8px;display:flex}.files-body{flex:1;gap:16px;min-height:0;display:flex}.folder-tree{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;flex:0 0 260px;padding:10px 6px;overflow-y:auto}.tree-node{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:.86rem;display:flex}.tree-node:hover{background:#ffffff0a}.tree-node.active{color:var(--accent);background:#3ddcc81f}.tree-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:inherit;font-size:.7rem;transition:transform .14s;display:inline-flex}.tree-toggle.open{color:var(--accent);transform:rotate(90deg)}.tree-spacer{width:18px;height:18px}.tree-icon{color:var(--accent);font-size:.95rem}.tree-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-empty{color:var(--text-muted);padding:6px 8px;font-size:.78rem}.files-main{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.breadcrumb{color:var(--text-muted);border-bottom:1px solid var(--border,#ffffff0d);flex-wrap:wrap;align-items:center;gap:6px;padding:14px 18px 10px;font-size:.85rem;display:flex}.crumb{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.85rem;transition:color .12s,background .12s}.crumb:hover{color:var(--accent);background:#ffffff08}.crumb.current{color:var(--text-primary);font-weight:500}.crumb-sep{color:var(--text-muted);font-size:.7rem}.dropzone{flex:1;padding:14px 18px;position:relative;overflow-y:auto}.dropzone.drag-over{outline:2px dashed var(--accent);outline-offset:-10px;background:#3ddcc80f}.subfolders{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:18px;display:grid}.folder-card{border:1px solid var(--border,#ffffff0d);background:var(--bg-app);cursor:pointer;text-align:left;color:inherit;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;font-family:inherit;transition:border-color .14s,transform .12s;display:flex}.folder-card:hover{border-color:var(--accent);transform:translateY(-1px)}.folder-icon{color:var(--accent);flex-shrink:0;font-size:1.4rem}.folder-card-meta{flex:1;min-width:0}.folder-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.folder-sub{color:var(--text-muted);margin-top:2px;font-size:.74rem}.folder-row-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1rem}.folder-row-x:hover{color:#dc5050;background:#dc50501a}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px;font-size:.72rem;font-weight:600}.file-table{border-collapse:collapse;width:100%}.file-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border,#ffffff0d);padding:8px 12px;font-size:.72rem;font-weight:600}.file-table tbody td{border-bottom:1px solid var(--border,#ffffff0a);color:var(--text-primary);vertical-align:middle;padding:10px 12px;font-size:.85rem}.file-table tbody tr{cursor:pointer;transition:background .12s}.file-table tbody tr:hover{background:#ffffff08}.file-table tbody tr:last-child td{border-bottom:none}.file-name-cell{align-items:center;gap:8px;display:flex}.file-icon{color:var(--accent-2,#2d87f0);flex-shrink:0;font-size:1.1rem}.file-name{color:var(--text-primary);word-break:break-word;font-weight:500}.file-row-actions{gap:4px;display:inline-flex}.file-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.85rem;transition:color .12s,border-color .12s}.file-action-btn:hover{color:var(--accent);border-color:var(--accent)}.file-action-btn.danger:hover{color:#dc5050;border-color:#dc5050}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}.upload-progress{margin-top:10px}.progress-bar{background:#ffffff0f;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .18s}.dz-hint{border:1px dashed var(--border,#ffffff14);text-align:center;color:var(--text-muted);border-radius:8px;margin-top:14px;padding:10px 14px;font-size:.8rem}.dz-hint button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;text-decoration:underline}.file-act-chip{color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600;display:inline-block}.file-act-chip.act-UPLOAD{color:#3cc882;background:#3cc8822e}.file-act-chip.act-DOWNLOAD{color:#2d87f0;background:#2d87f02e}.file-act-chip.act-VIEW{color:var(--text-muted);background:#ffffff0f}.file-act-chip.act-RENAME,.file-act-chip.act-MOVE{color:#a050dc;background:#a050dc2e}.file-act-chip.act-UPDATE_METADATA{color:#f0a53c;background:#f0a53c2e}.file-act-chip.act-DELETE{color:#dc5050;background:#dc50502e}.mail-page{flex-direction:column;height:calc(100vh - 100px);min-height:540px;display:flex}.mail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mail-header h1{color:var(--text-primary);margin:0;font-size:1.3rem}.mail-header-actions{align-items:center;gap:8px;display:flex}.mail-body{background:var(--bg-card);border:1px solid var(--border,#ffffff0f);border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex}.mail-tabs{border-bottom:1px solid var(--border,#ffffff0d);gap:2px;padding:12px 16px 0;display:flex}.mail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:500;transition:color .12s,border-color .12s}.mail-tab:hover{color:var(--text-primary)}.mail-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.mail-list{flex:1;overflow-y:auto}.mail-row{border-bottom:1px solid var(--border,#ffffff0a);cursor:pointer;grid-template-columns:220px 1fr auto;align-items:center;gap:14px;padding:12px 18px;transition:background .12s;display:grid}.mail-row:hover{background:#ffffff08}.mail-row.unread{background:#3ddcc80a}.mail-row.unread .mail-from{color:var(--text-primary);font-weight:700}.mail-row.unread .mail-subject{font-weight:600}.mail-from,.mail-subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.mail-snippet{color:var(--text-muted);font-weight:400}.mail-row-meta{color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:4px;font-size:.74rem;display:flex}.mail-status{border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600;display:inline-block}.mail-status.PENDING{color:#f0a53c;background:#f0a53c2e}.mail-status.SENT{color:#3cc882;background:#3cc8822e}.mail-status.FAILED{color:#dc5050;background:#dc50502e}.mail-status.RECEIVED{color:#2d87f0;background:#2d87f02e}.mail-status.READ{color:var(--text-muted);background:#7878822e}.mail-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.9rem}.mail-detail-meta{grid-template-columns:max-content 1fr;gap:6px 14px;margin-bottom:14px;font-size:.85rem;display:grid}.mail-detail-meta .meta-key{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-self:center;font-size:.74rem;font-weight:600}.mail-detail-meta .meta-val{color:var(--text-primary);word-break:break-word}.mail-body-block{background:var(--bg-card);border:1px solid var(--border,#ffffff0d);white-space:pre-wrap;word-break:break-word;color:var(--text-primary);border-radius:8px;max-height:50vh;padding:14px;font-size:.88rem;line-height:1.5;overflow-y:auto}.mail-body-html{white-space:normal}.mail-error-banner{color:#dc5050;background:#dc50501f;border:1px solid #dc50504d;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.82rem}