@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-page{background:#0000;display:flex;font-family:var(--font);min-height:100vh}.auth-gradient{align-items:center;background:linear-gradient(135deg,#6366f140,#8b5cf633 40%,#ec489926);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.auth-gradient:before{background:radial-gradient(circle at 30% 50%,#ffffff0a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff08 0,#0000 40%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.auth-brand{color:var(--ink);text-align:center;z-index:1}.auth-logo{align-items:center;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass-2);border:1px solid var(--line);border-radius:18px;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.auth-brand-name,.auth-logo{color:var(--ink);font-weight:800}.auth-brand-name{font-size:36px;margin-bottom:8px}.auth-tagline{color:var(--ink-3);font-size:14px;font-weight:400}.auth-icons{color:var(--ink-4);font-size:24px;gap:16px;margin-top:32px}.auth-form-side,.auth-icons{display:flex;justify-content:center}.auth-form-side{align-items:center;background:#0000;flex:1 1;padding:40px}.auth-card{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:420px;padding:40px;width:100%}.auth-card-header{margin-bottom:28px;text-align:center}.auth-card-header h2{color:var(--ink);font-size:24px;font-weight:800;margin-bottom:4px}.auth-card-header p{color:var(--ink-3);font-size:13px;line-height:1.6}.auth-icon-box{align-items:center;border-radius:14px;display:flex;font-size:24px;height:52px;justify-content:center;margin:0 auto 12px;width:52px}.auth-icon-box.purple{background:#6366f126}.auth-icon-box.green{background:#10b98126}.auth-icon-box.amber{background:#f59e0b26}.auth-message{color:var(--ink-2);line-height:1.6}.form-group{margin-bottom:16px}.form-group label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:6px}.form-group input{background:var(--glass);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:var(--font);font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{background:var(--glass-2);border-color:#6366f180;box-shadow:0 0 0 3px #6366f11f}.form-group input::placeholder{color:var(--ink-4)}.otp-input{font-family:var(--mono)!important;font-size:28px!important;font-weight:700;letter-spacing:.3em;text-align:center}.form-row{justify-content:space-between;margin-bottom:20px}.checkbox-label,.form-row{align-items:center;display:flex}.checkbox-label{color:var(--ink-3);cursor:pointer;font-size:12px;gap:6px}.checkbox-label input[type=checkbox]{accent-color:var(--indigo);height:15px;width:15px}.btn-primary{background:linear-gradient(135deg,var(--indigo),var(--violet));border:none;border-radius:var(--radius-sm);box-shadow:0 4px 16px #6366f14d,0 0 0 0 #6366f100;color:#fff;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;padding:12px;transition:opacity .2s,transform .1s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary.btn-green{background:linear-gradient(135deg,var(--emerald),var(--cyan));box-shadow:0 4px 16px #10b9814d}.link{color:var(--indigo);cursor:pointer;font-size:12px;font-weight:600;transition:color .15s}.link:hover{color:#818cf8}.back-link{color:var(--ink-3);display:inline-block;margin-bottom:16px}.back-link:hover{color:var(--indigo)}.auth-alt-action{margin-top:16px;text-align:center}.auth-footer{border-top:1px solid var(--line);color:var(--ink-4);font-size:11px;margin-top:24px;padding-top:16px;text-align:center}.auth-error{background:#ef44441f;border:1px solid #ef444433;border-radius:10px;color:var(--danger)}.auth-error,.auth-warning{font-size:12px;margin-bottom:16px;padding:10px 14px}.auth-warning{background:#f59e0b1f;border:1px solid #f59e0b33;border-radius:10px;color:var(--amber)}.password-rules{margin-bottom:20px}.password-rules .rule{color:var(--ink-4);font-size:11px;padding:2px 0;transition:color .2s}.password-rules .rule.pass{color:var(--emerald)}@media (max-width:768px){.auth-page{flex-direction:column}.auth-gradient{flex:none;min-height:200px;padding:40px 20px}.auth-brand-name{font-size:28px}.auth-form-side{padding:20px}.auth-card{padding:28px}.auth-icons{display:none}}.notif-layout{display:flex;flex-direction:column;gap:16px}.notif-header{align-items:center;display:flex;justify-content:space-between}.notif-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.notif-header-actions{display:flex;gap:6px}.notif-header-btn{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:6px 12px;transition:all .1s}.notif-header-btn:hover{border-color:var(--indigo);color:var(--indigo)}.notif-tabs{display:flex;flex-wrap:wrap;gap:6px}.notif-tab{align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:20px;color:var(--ink-2);cursor:pointer;display:flex;font-family:var(--font);font-size:11px;font-weight:600;gap:4px;padding:5px 12px;transition:all .1s}.notif-tab:hover{border-color:var(--indigo);color:var(--indigo)}.notif-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.notif-tab-badge{align-items:center;background:#ffffff4d;border-radius:8px;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px}.notif-tab:not(.active) .notif-tab-badge{background:var(--danger);color:#fff}.notif-list{display:flex;flex-direction:column;gap:6px}.notif-item{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;display:flex;gap:12px;padding:12px 14px;position:relative;transition:box-shadow .15s,border-color .15s}.notif-item:hover{box-shadow:0 4px 16px #0000004d}.notif-item.unread{background:#6366f10d;border-left:3px solid var(--indigo)}.notif-item.emergency{background:#ef44440f;border-left:3px solid var(--danger)}.notif-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.notif-icon-emergency{background:#ef444426}.notif-icon-task{background:#6366f126}.notif-icon-message{background:#10b98126}.notif-icon-meeting{background:#8b5cf626}.notif-icon-approval{background:#f59e0b26}.notif-icon-announcement{background:#ec489926}.notif-icon-salary{background:#06b6d426}.notif-icon-attendance{background:#f9731626}.notif-icon-email{background:#6366f126}.notif-icon-system{background:#94a3b826}.notif-content{flex:1 1;min-width:0}.notif-title{color:var(--ink);font-size:13px;font-weight:700;margin-bottom:2px}.notif-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink-2);display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden}.notif-meta{align-items:center;display:flex;gap:8px;margin-top:6px}.notif-time{color:var(--ink-4);font-size:10px}.notif-sender{color:var(--ink-3);font-size:10px}.notif-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:4px}.notif-action-btn{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:10px;font-weight:600;padding:4px 10px;transition:all .1s;white-space:nowrap}.notif-action-btn:hover{border-color:var(--indigo);color:var(--indigo)}.notif-action-btn.acknowledge{background:linear-gradient(135deg,#ef4444,#f97316);border-color:#0000;color:#fff;font-weight:700}.notif-action-btn.acknowledge:hover{opacity:.9}.notif-dismiss{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--ink-4);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s;width:20px}.notif-item:hover .notif-dismiss{opacity:1}.notif-dismiss:hover{background:#ef44441f;color:var(--danger)}.notif-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:340px;pointer-events:none;position:fixed;right:16px;top:60px;z-index:1000}.notif-toast{align-items:flex-start;animation:notifSlideIn .3s ease-out;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 32px #0006;display:flex;gap:10px;padding:12px 14px;pointer-events:auto;transition:opacity .3s,transform .3s}.notif-toast.emergency{background:#ef444414;border-left:4px solid var(--danger);box-shadow:0 8px 32px #ef444433}.notif-toast-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.notif-toast-content{flex:1 1;min-width:0}.notif-toast-title{color:var(--ink);font-size:12px;font-weight:700;margin-bottom:2px}.notif-toast-message{color:var(--ink-2);font-size:11px;line-height:1.4}.notif-toast-close{align-items:center;background:#0000;border:none;color:var(--ink-4);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;width:20px}.notif-toast-close:hover{color:var(--ink-2)}.notif-toast-actions{display:flex;gap:6px;margin-top:6px}.notif-toast-action{background:var(--glass);border:1px solid var(--line);border-radius:4px;color:var(--indigo);cursor:pointer;font-family:var(--font);font-size:10px;font-weight:600;padding:3px 8px}.notif-toast-action:hover{background:#6366f11a}@keyframes notifSlideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.notif-empty{padding:60px 20px;text-align:center}.notif-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.floating-sticky-note{border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:160px;overflow:hidden;position:fixed;transition:box-shadow .15s;width:220px;z-index:9999}.floating-sticky-note:hover{box-shadow:0 12px 32px #00000029,0 4px 12px #00000014}.floating-sticky-note.minimized{height:auto;min-height:0}.floating-sticky-header{align-items:center;border-bottom:1px solid #0000000f;cursor:grab;display:flex;gap:4px;padding:6px 8px;-webkit-user-select:none;user-select:none}.floating-sticky-header:active{cursor:grabbing}.floating-sticky-drag-handle{color:#00000040;font-size:10px;margin-right:2px}.floating-sticky-title-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:700;min-width:0;outline:none;padding:2px 4px}.floating-sticky-header-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.floating-sticky-header-btn{align-items:center;background:none;border:none;border-radius:4px;color:#00000059;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;padding:0;transition:background .15s;width:20px}.floating-sticky-header-btn:hover{background:#00000014;color:#0009}.floating-sticky-body{flex:1 1;padding:6px 10px 10px}.floating-sticky-textarea{background:#0000;border:none;color:#334155;font-family:Inter,sans-serif;font-size:11px;line-height:1.5;min-height:80px;outline:none;resize:none;width:100%}.floating-sticky-footer{align-items:center;display:flex;gap:4px;padding:4px 8px 6px}.floating-sticky-color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:14px;transition:transform .1s,border-color .15s;width:14px}.floating-sticky-color-dot:hover{transform:scale(1.2)}.floating-sticky-color-dot.active{border-color:#0000004d}.app-shell{background:#0000;display:flex;font-family:var(--font);height:100vh;overflow:hidden}.sidebar{align-items:center;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;gap:2px;overflow-y:auto;padding:10px 0;scrollbar-width:none;width:56px}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{background:linear-gradient(135deg,var(--indigo),var(--violet));border-radius:10px;color:#fff;font-size:14px;font-weight:800;height:36px;margin-bottom:14px;width:36px}.sidebar-item,.sidebar-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center}.sidebar-item{border-radius:var(--radius-xs);color:var(--ink-3);font-size:16px;height:38px;position:relative;transition:all .15s var(--transition);width:40px}.sidebar-item:hover{background:var(--glass-2);color:var(--ink-2)}.sidebar-item.active{background:linear-gradient(135deg,#6366f138,#8b5cf62e);box-shadow:0 0 20px #6366f126;color:#818cf8}.sidebar-item .badge{background:var(--danger);border:2px solid var(--bg-1);border-radius:50%;height:8px;min-width:8px;position:absolute;right:4px;top:4px}.sidebar-spacer{flex:1 1}.sidebar-divider{background:var(--line);height:1px;margin:6px 0;width:24px}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.topbar{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-bottom:1px solid var(--line);flex-shrink:0;height:52px;justify-content:space-between;padding:0 20px;position:relative;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:10px}.topbar-title{color:var(--ink);font-size:16px;font-weight:700}.topbar-sub{color:var(--ink-3);font-size:12px}.topbar-right{gap:10px}.admin-toggle,.topbar-right{align-items:center;display:flex}.admin-toggle{border-radius:var(--radius-xs);cursor:pointer;font-size:11px;font-weight:600;gap:8px;padding:4px 12px;transition:all .2s var(--transition)}.admin-toggle.off{background:var(--glass);border:1px solid var(--line);color:var(--ink-3)}.admin-toggle.on{background:#f973161f;border:1px solid #f9731640;color:var(--orange)}.toggle-switch{border-radius:9px;cursor:pointer;height:18px;position:relative;transition:background .2s var(--transition);width:34px}.toggle-switch.off{background:var(--glass-3)}.toggle-switch.on{background:var(--orange)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;content:"";height:14px;position:absolute;top:2px;transition:left .2s var(--transition);width:14px}.toggle-switch.off:after{left:2px}.toggle-switch.on:after{left:18px}.topbar-avatar{align-items:center;background:linear-gradient(135deg,var(--indigo),var(--rose));border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.topbar-avatar,.topbar-btn{cursor:pointer;font-size:11px}.topbar-btn{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink-2);font-weight:600;padding:6px 14px;transition:all .15s var(--transition)}.topbar-btn:hover{background:var(--glass-2);border-color:var(--line-2);color:var(--ink)}.topbar-btn.primary{background:linear-gradient(135deg,var(--indigo),var(--violet));border-color:#0000;box-shadow:0 4px 16px #6366f14d;color:#fff}.topbar-btn.primary:hover{box-shadow:0 6px 20px #6366f166}.content{background:#0000;flex:1 1;overflow-y:auto;padding:20px}.admin-banner{align-items:center;background:linear-gradient(135deg,#f973161a,#f59e0b14);border:1px solid #f9731633;border-radius:var(--radius-sm);display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.admin-banner-icon{font-size:18px}.admin-banner-text h4{color:var(--orange);font-size:12px;font-weight:700}.admin-banner-text p{color:var(--ink-3);font-size:10px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-title{color:var(--ink);font-size:20px;font-weight:800}.page-subtitle{color:var(--ink-3);font-size:12px;margin-top:2px}.card{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;transition:all .2s var(--transition)}.stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stat-card{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;transition:all .2s var(--transition)}.stat-card:hover{border-color:var(--line-2)}.stat-card-label{color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.stat-card-value{color:var(--ink);font-size:24px;font-weight:700}.badge-pill{border-radius:var(--radius-full);display:inline-flex;font-size:10px;font-weight:600;padding:2px 10px}.table-container{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.table-header{background:var(--glass-2);color:var(--ink-3);font-size:10px;font-weight:700;letter-spacing:.04em;padding:10px 16px;text-transform:uppercase}.table-header,.table-row{border-bottom:1px solid var(--line);display:grid}.table-row{align-items:center;color:var(--ink-2);font-size:12px;padding:12px 16px;transition:background .1s var(--transition)}.table-row:hover{background:var(--glass-2)}.table-row:last-child{border-bottom:none}.avatar-sm{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.form-card{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-sm);max-width:640px;padding:24px}.form-section-title{align-items:center;color:var(--ink);display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:12px}.form-grid{grid-gap:12px;grid-template-columns:1fr 1fr}.form-grid,.form-grid-3{display:grid;gap:12px;margin-bottom:20px}.form-grid-3{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}.form-field label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:5px}.form-field input,.form-field select,.form-field textarea{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:9px 12px;transition:border-color .2s var(--transition);width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:var(--glass-2);border-color:#6366f180}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--ink-4)}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn{border:none;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;padding:9px 18px;transition:all .15s var(--transition)}.btn-primary-sm{background:linear-gradient(135deg,var(--indigo),var(--violet));box-shadow:0 4px 16px #6366f14d;color:#fff}.btn-primary-sm:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-secondary{background:var(--glass);border:1px solid var(--line);color:var(--ink-2)}.btn-secondary:hover{background:var(--glass-2);border-color:var(--line-2);color:var(--ink)}.btn-danger{background:#ef44441f;border:1px solid #ef444433;color:var(--danger)}.power-group{background:var(--glass);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:14px}.power-group-title{align-items:center;color:var(--ink);display:flex;font-size:11px;font-weight:700;justify-content:space-between;margin-bottom:8px}.power-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.power-check{align-items:center;color:var(--ink-2);cursor:pointer;display:flex;font-size:11px;gap:6px;padding:3px 0}.power-check input[type=checkbox]{accent-color:var(--indigo);height:14px;width:14px}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink-3);cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .15s var(--transition)}.chip.active{background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f14d;color:var(--ink)}.info-box{align-items:flex-start;border-radius:10px;display:flex;font-size:11px;gap:8px;margin-bottom:16px;padding:12px 14px}.info-box.indigo{background:#6366f11a;border:1px solid #6366f133;color:var(--ink-2)}.info-box.green{background:#10b9811a;border:1px solid #10b98133;color:var(--ink-2)}.info-box.amber{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--ink-2)}.user-menu{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--radius-sm);box-shadow:0 8px 32px #0006;min-width:180px;padding:6px;position:absolute;right:12px;top:48px;z-index:9999}.user-menu-item{align-items:center;border-radius:var(--radius-xs);color:var(--ink-2);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background .1s var(--transition)}.user-menu-item:hover{background:var(--glass-2);color:var(--ink)}.user-menu-item.danger{color:var(--danger)}@media (max-width:768px){.app-shell{flex-direction:column}.sidebar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-right:none;border-top:1px solid var(--line);flex-direction:row;gap:0;height:52px;justify-content:flex-start;order:2;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none;width:100%}.sidebar::-webkit-scrollbar{display:none}.sidebar-divider,.sidebar-logo,.sidebar-spacer{display:none}.sidebar-item{flex-shrink:0;font-size:18px;height:44px;width:40px}.main-area{flex:1 1;height:calc(100vh - 52px);min-height:0;order:1;overflow-x:hidden;overflow-y:auto}.topbar{height:48px;padding:0 12px}.topbar-title{font-size:14px}.topbar>div:nth-child(2){display:none}.admin-toggle{font-size:10px;padding:3px 8px}.toggle-switch{height:15px;width:28px}.toggle-switch:after{height:11px;width:11px}.toggle-switch.on:after{left:15px}.content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.stat-grid{gap:8px;grid-template-columns:1fr 1fr}.form-grid,.form-grid-3{grid-template-columns:1fr}.user-menu{min-width:200px;right:4px}.card,.stat-card{padding:12px}.stat-card-value{font-size:20px}.topbar-sticky-icon{display:none}}@media (max-width:480px){.topbar{padding:0 8px}.topbar-title{font-size:13px}.topbar-right{gap:6px}.admin-toggle{display:none}.content{padding:8px}.stat-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:8px}.page-title{font-size:17px}}.cal-views{margin-bottom:16px}.cal-week-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.cal-day{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;min-height:180px;padding:8px;transition:border-color .15s}.cal-day:hover{border-color:var(--line-2)}.cal-day.today{border-color:var(--indigo);border-width:2px}.cal-day-header{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:6px;text-align:center}.cal-day-name{color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cal-day-number{color:var(--ink);font-size:18px;font-weight:700}.cal-day.today .cal-day-name,.cal-day.today .cal-day-number{color:var(--indigo)}.cal-today-dot{background:var(--indigo);border-radius:50%;height:4px;margin:2px auto 0;width:4px}.cal-event{border-radius:4px;cursor:pointer;margin-bottom:3px;padding:5px 6px;transition:opacity .1s}.cal-event:hover{opacity:.85}.cal-event-title{font-size:10px;font-weight:600}.cal-event-time{font-size:8px;opacity:.7}.cal-month-grid{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden}.cal-month-header{background:var(--glass-2);border-bottom:1px solid var(--line);color:var(--ink-3);font-size:11px;font-weight:600;padding:10px;text-align:center}.cal-month-day{border:1px solid var(--line);cursor:pointer;min-height:72px;padding:6px;transition:background .1s}.cal-month-day:hover{background:var(--glass-2)}.cal-month-day.today{background:#6366f10f}.cal-month-day-num{color:var(--ink);font-size:12px;font-weight:500;margin-bottom:3px}.cal-month-day.today .cal-month-day-num{color:var(--indigo);font-weight:700}.cal-month-day.other-month .cal-month-day-num{color:var(--ink-4)}.cal-month-event{border-radius:2px;font-size:8px;font-weight:600;margin-bottom:1px;overflow:hidden;padding:1px 4px;text-overflow:ellipsis;white-space:nowrap}.cal-month-more{color:var(--ink-3);cursor:pointer;font-size:9px}.cal-daily{display:flex;gap:16px}.cal-daily-timeline{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:12px;flex:1 1;padding:16px}.cal-daily-sidebar{flex-shrink:0;width:240px}.cal-time-slot{border-bottom:1px solid var(--line);display:flex;gap:12px;min-height:48px;padding:8px 0}.cal-time-label{color:var(--ink-3);flex-shrink:0;font-family:var(--mono);font-size:10px;font-weight:600;padding-top:2px;width:50px}.cal-time-event{border-radius:8px;cursor:pointer;flex:1 1;padding:8px 10px}.cal-time-event-title{font-size:12px;font-weight:600}.cal-time-event-sub{font-size:10px;opacity:.7}.cal-attendance-bar{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;display:flex;gap:16px;margin-bottom:16px;padding:10px 14px}.cal-att-item{align-items:center;color:var(--ink-2);display:flex;font-size:11px;gap:6px}.cal-att-item.done{color:var(--emerald);font-weight:600}.cal-att-item.pending{color:var(--ink-3)}@media (max-width:768px){.cal-week-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.cal-day{min-height:100px;padding:6px}.cal-month-day{min-height:48px;padding:3px}.cal-month-day-num{font-size:10px}.cal-month-event{font-size:7px;padding:0 2px}.cal-month-header{font-size:9px;padding:6px 2px}.cal-daily{flex-direction:column;gap:10px}.cal-daily-sidebar{flex-shrink:1;width:100%}.cal-attendance-bar{flex-wrap:wrap;gap:8px;padding:8px 10px}}@media (max-width:480px){.cal-week-grid{grid-template-columns:1fr}.cal-day{min-height:auto;padding:8px}.cal-month-grid{font-size:10px}.cal-month-day{min-height:36px;padding:2px}.cal-month-day-num{font-size:9px}.cal-month-event{display:none}.cal-month-more{font-size:7px}.cal-time-slot{gap:6px}.cal-time-label{font-size:9px;width:36px}}.att-center{margin:0 auto;max-width:520px}.att-clock-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:36px;text-align:center}.att-time{color:var(--ink);font-family:var(--mono);font-size:56px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.att-date{color:var(--ink-3);font-size:13px;margin-bottom:20px}.att-badges{gap:8px;margin-bottom:24px}.att-badges,.att-mark-btn{display:flex;justify-content:center}.att-mark-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-direction:column;font-family:var(--font);height:130px;margin:0 auto 20px;transition:transform .15s,box-shadow .15s;width:130px}.att-mark-btn:hover{transform:scale(1.05)}.att-mark-btn:active{transform:scale(.98)}.att-mark-btn.entry{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b9814d}.att-mark-btn.wrapup{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 8px 24px #8b5cf64d}.att-mark-btn.done{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:none;color:var(--ink-3);cursor:default}.att-mark-btn.done:hover{transform:none}.att-mark-btn-icon{font-size:28px;margin-bottom:4px}.att-mark-btn-text{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.att-status{color:var(--ink-3);font-size:12px;line-height:1.6}.att-status .check{color:var(--emerald)}.att-stats{display:flex;gap:12px;margin-top:20px}.att-result{margin:0 auto;max-width:480px;text-align:center}.att-result-icon{align-items:center;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.att-result-icon.success{background:#10b9811f}.att-result-icon.blocked{background:#ef44441f}.att-history-row{align-items:center;color:var(--ink-2);display:grid;font-size:12px;grid-template-columns:100px 90px 90px 80px 1fr;padding:10px 16px}.leave-type-chips{display:flex;gap:6px;margin-bottom:16px}.file-viewer-overlay{align-items:center;animation:fv-fadein .2s ease;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes fv-fadein{0%{opacity:0}to{opacity:1}}.file-viewer-card{background:#fff;border-radius:12px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:720px}.file-viewer-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.file-viewer-title{color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-viewer-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:12px}.file-viewer-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:10px;font-weight:600;padding:4px 10px;transition:background .15s}.file-viewer-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#6366f1}.file-viewer-btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}.file-viewer-btn-primary:hover{background:#4f46e5}.file-viewer-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background .15s;width:28px}.file-viewer-close:hover{background:#f1f5f9;color:#475569}.file-viewer-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:auto;padding:16px}.file-viewer-body img{border-radius:4px;cursor:zoom-in;max-height:70vh;max-width:100%;object-fit:contain}.file-viewer-body img.zoomed{cursor:zoom-out;max-height:none;max-width:none}.file-viewer-body audio,.file-viewer-body video{border-radius:4px;max-width:100%}.file-viewer-body embed,.file-viewer-body iframe{border:none;border-radius:4px;height:70vh;width:100%}.file-viewer-pre{margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word}.file-viewer-edit-area,.file-viewer-pre{background:#1e293b;border-radius:8px;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;max-height:70vh;padding:16px;width:100%}.file-viewer-edit-area{border:2px solid #6366f1;min-height:300px;outline:none;resize:vertical}.file-viewer-info{padding:32px;text-align:center}.file-viewer-info-icon{font-size:48px;margin-bottom:12px}.file-viewer-info-name{color:#1e293b;font-size:14px;font-weight:700;margin-bottom:4px}.file-viewer-info-meta{color:#94a3b8;font-size:11px;margin-bottom:16px}.fv-ws-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;margin-top:4px;max-height:240px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.fv-ws-dropdown-title{color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase}.fv-ws-dropdown-item,.fv-ws-dropdown-title{border-bottom:1px solid #f0f2f7;padding:8px 12px}.fv-ws-dropdown-item{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;gap:8px}.fv-ws-dropdown-item:hover{background:#6366f10f}.fv-ws-dropdown-item:last-child{border-bottom:none}.fv-ws-dropdown-empty{color:#94a3b8;font-size:11px;padding:16px 12px;text-align:center}.msg-layout{display:flex;height:calc(100vh - 52px);margin:-20px}.msg-sidebar{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:240px}.msg-sidebar-search{border-bottom:1px solid var(--line);padding:10px}.msg-sidebar-search input{background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:11px;outline:none;padding:7px 10px;width:100%}.msg-sidebar-search input::placeholder{color:var(--ink-4)}.msg-sidebar-search input:focus{border-color:var(--indigo)}.msg-sidebar-list{flex:1 1;overflow-y:auto;padding:4px 0}.msg-section-title{align-items:center;color:var(--ink-4);display:flex;font-family:var(--mono);font-size:8px;font-weight:700;justify-content:space-between;letter-spacing:.1em;padding:10px 12px 4px;text-transform:uppercase}.msg-section-add{color:var(--ink-4);cursor:pointer;font-size:16px;line-height:1}.msg-section-add:hover{color:var(--indigo)}.msg-conv-item{align-items:center;border-left:2px solid #0000;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .1s}.msg-conv-item:hover{background:#6366f10f}.msg-conv-item.active{background:#6366f11a;border-left-color:var(--indigo)}.msg-conv-name{color:var(--ink-2);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-item.active .msg-conv-name{color:var(--indigo);font-weight:600}.msg-conv-item.unread .msg-conv-name{color:var(--ink);font-weight:600}.msg-unread-badge{align-items:center;background:var(--indigo);border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.msg-avatar-wrap{flex-shrink:0;position:relative}.msg-status-dot{border:1.5px solid var(--bg-1);border-radius:50%;bottom:-1px;height:8px;position:absolute;right:-1px;width:8px}.msg-chat{display:flex;flex:1 1;flex-direction:column;min-width:0}.msg-chat-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-bottom:1px solid var(--line);display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:0 16px}.msg-chat-title{color:var(--ink);font-size:14px;font-weight:700}.msg-chat-sub{color:var(--ink-3);font-size:11px;margin-left:8px}.msg-chat-body{background:#0000;flex:1 1;overflow-y:auto;padding:16px}.msg-bubble{display:flex;gap:10px;margin-bottom:14px}.msg-bubble-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:34px;justify-content:center;width:34px}.msg-bubble-content{flex:1 1;min-width:0}.msg-bubble-header{align-items:baseline;display:flex;gap:8px;margin-bottom:3px}.msg-bubble-name{color:var(--ink);font-size:12px;font-weight:700}.msg-bubble-time{color:var(--ink-4);font-size:10px}.msg-bubble-text{word-wrap:break-word;color:var(--ink-2);font-size:13px;line-height:1.65}.msg-bubble-text .mention{background:#6366f11f;border-radius:3px;color:var(--indigo);font-weight:600;padding:0 2px}.msg-reactions{display:flex;gap:4px;margin-top:4px}.msg-reaction{background:var(--glass-2);border:1px solid #0000;border-radius:12px;cursor:pointer;font-size:11px;padding:2px 7px;transition:all .1s}.msg-reaction:hover{background:var(--glass-3);border-color:var(--line-2)}.msg-reaction.mine{background:#6366f11f;border-color:#6366f140}.msg-file{align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:8px;margin-top:4px;padding:8px 12px}.msg-file-name{color:var(--ink);font-size:11px;font-weight:600}.msg-file-size{color:var(--ink-3);font-size:9px}.msg-system{color:var(--ink-3);font-size:11px;padding:8px;text-align:center}.msg-input-bar{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-top:1px solid var(--line);display:flex;gap:8px;padding:10px 16px}.msg-input-actions{display:flex;gap:4px}.msg-input-action{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink-3);cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:background .1s;width:30px}.msg-input-action:hover{background:var(--glass-3);color:var(--indigo)}.msg-input-field{background:var(--glass-2);border:1px solid var(--line);border-radius:8px;color:var(--ink);flex:1 1;font-family:var(--font);font-size:12px;outline:none;padding:8px 12px}.msg-input-field::placeholder{color:var(--ink-4)}.msg-input-field:focus{background:var(--glass);border-color:#6366f180}.msg-send-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;padding:8px 16px}.msg-send-btn:hover{opacity:.9}.msg-send-btn:disabled{cursor:not-allowed;opacity:.4}.msg-typing{color:var(--ink-3);font-size:11px;font-style:italic;height:24px;padding:4px 16px}.msg-empty{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center}.msg-empty-inner{text-align:center}.msg-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.msg-chat-main{display:flex;flex:1 1;min-height:0;overflow:hidden}.msg-chat-body-wrap{display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.msg-header-actions{align-items:center;display:flex;gap:6px}.msg-header-btn{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink-3);cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:all .1s;width:30px}.msg-header-btn:hover{background:var(--glass-3);border-color:var(--line-2);color:var(--indigo)}.msg-header-btn.active{background:#6366f126;border-color:var(--indigo);color:var(--indigo)}.msg-header-search{align-items:center;display:flex;gap:2px}.msg-header-search-input{background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:11px;outline:none;padding:5px 8px;transition:border-color .15s,width .2s;width:140px}.msg-header-search-input::placeholder{color:var(--ink-4)}.msg-header-search-input:focus{background:var(--glass);border-color:var(--indigo);width:180px}.msg-header-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--ink-3);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.msg-header-search-btn:hover{background:var(--glass-2)}.msg-bubble{position:relative}.msg-bubble.deleted .msg-bubble-text{color:var(--ink-3);font-style:italic}.msg-hover-actions{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass-2);border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 16px #0000004d;display:none;gap:2px;padding:2px 4px;position:absolute;right:0;top:-4px;z-index:5}.msg-bubble:hover .msg-hover-actions{display:flex}.msg-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--ink-3);cursor:pointer;display:flex;font-size:12px;height:26px;justify-content:center;transition:background .1s;width:26px}.msg-action-btn:hover{background:var(--glass-3);color:var(--ink)}.msg-action-danger:hover{background:#ef444426;color:var(--danger)}.msg-edited-tag{color:var(--ink-3);font-size:9px;font-style:italic}.msg-pinned-tag{background:#6366f11f;border-radius:3px;color:var(--indigo);font-size:8px;font-weight:600;letter-spacing:.03em;padding:1px 5px;text-transform:uppercase}.msg-edit-form{margin-top:4px}.msg-edit-input{background:var(--glass-2);border:1px solid var(--indigo);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:6px 10px;width:100%}.msg-edit-actions{display:flex;gap:6px;margin-top:4px}.msg-edit-save{background:var(--indigo);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--font);font-size:10px;font-weight:600;padding:3px 10px}.msg-edit-save:hover{opacity:.9}.msg-edit-cancel{background:var(--glass-2);border:1px solid var(--line);border-radius:4px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:10px;font-weight:600;padding:3px 10px}.msg-edit-cancel:hover{background:var(--glass-3)}.msg-emoji-picker{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass-2);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px #0000004d;display:flex;flex-wrap:wrap;gap:2px;margin-top:4px;max-width:200px;padding:4px 6px}.msg-emoji-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .1s;width:28px}.msg-emoji-option:hover{background:var(--glass-3)}.msg-input-emoji-picker{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass-2);border:1px solid var(--line);border-radius:8px;bottom:56px;box-shadow:0 8px 32px #0000004d;display:flex;flex-wrap:wrap;gap:2px;left:16px;max-width:220px;padding:6px 8px;position:absolute;z-index:10}.msg-thread-indicator{align-items:center;border-radius:4px;color:var(--indigo);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:4px;padding:2px 8px;transition:background .1s}.msg-thread-indicator:hover{background:#6366f11a}.msg-thread-panel{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-left:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;width:320px}.msg-thread-header{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:0 14px}.msg-thread-title{color:var(--ink);font-size:13px;font-weight:700}.msg-thread-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--ink-3);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;width:26px}.msg-thread-close:hover{background:var(--glass-2);color:var(--ink)}.msg-thread-parent{background:var(--glass-2);border-bottom:1px solid var(--line);padding:12px}.msg-thread-divider{border-bottom:1px solid var(--line);color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.05em;padding:8px 14px;text-transform:uppercase}.msg-thread-replies{flex:1 1;overflow-y:auto;padding:12px}.msg-thread-input-bar{align-items:center;border-top:1px solid var(--line);display:flex;gap:6px;padding:10px 12px}.msg-right-panel{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-left:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;width:280px}.msg-right-panel-header{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:0 14px}.msg-right-panel-title{color:var(--ink);font-size:13px;font-weight:700}.msg-right-panel-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--ink-3);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;width:26px}.msg-right-panel-close:hover{background:var(--glass-2);color:var(--ink)}.msg-right-panel-body{flex:1 1;overflow-y:auto;padding:10px}.msg-right-panel-empty{color:var(--ink-3);font-size:12px;padding:24px 12px;text-align:center}.msg-right-panel-item{border-bottom:1px solid var(--line);padding:10px 12px}.msg-right-panel-item:last-child{border-bottom:none}.msg-right-panel-item-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.msg-right-panel-item-text{word-wrap:break-word;color:var(--ink-2);font-size:12px;line-height:1.5}.msg-right-panel-file-item{border-bottom:1px solid var(--line);padding:8px 0}.msg-right-panel-file-item:last-child{border-bottom:none}@media (max-width:768px){.msg-layout{height:calc(100vh - 100px);margin:-12px}.msg-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:280px;z-index:100}.msg-sidebar.mobile-open{transform:translateX(0)}.msg-sidebar-overlay{background:#0006;display:none;inset:0;position:fixed;z-index:99}.msg-sidebar-overlay.mobile-open{display:block}.msg-chat{width:100%}.msg-thread-panel{max-width:320px}.msg-right-panel,.msg-thread-panel{bottom:0;box-shadow:-4px 0 20px #0000004d;position:fixed;right:0;top:0;width:100%;z-index:100}.msg-right-panel{max-width:280px}.msg-input-bar{gap:6px;padding:8px 10px}.msg-send-btn{font-size:11px;padding:8px 12px}.msg-input-field{font-size:14px;padding:8px 10px}.msg-chat-header{height:44px;padding:0 10px}.msg-chat-title{font-size:13px}.msg-header-search-input{width:100px}.msg-header-search-input:focus{width:130px}.msg-bubble{gap:8px;margin-bottom:10px}.msg-bubble-avatar{font-size:10px;height:28px;width:28px}.msg-bubble-text{font-size:12px}.msg-mobile-menu-btn{display:block!important}}@media (max-width:480px){.msg-layout{height:calc(100vh - 100px)}.msg-right-panel,.msg-thread-panel{max-width:100%;width:100%}.msg-header-actions{gap:3px}.msg-header-btn{font-size:12px;height:26px;width:26px}}.msg-right-panel-member{align-items:center;border-radius:6px;display:flex;gap:10px;padding:8px;transition:background .1s}.msg-right-panel-member:hover{background:var(--glass-2)}.msg-right-panel-member-info{flex:1 1;min-width:0}.msg-right-panel-member-name{color:var(--ink);font-size:12px;font-weight:600}.msg-right-panel-member-title{color:var(--ink-3);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.msg-task-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.msg-task-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 60px #0006;max-width:90vw;overflow:hidden;width:400px}.msg-task-modal-header{border-bottom:1px solid var(--line);color:var(--ink);font-weight:700;justify-content:space-between;padding:14px 16px}.msg-task-modal-close,.msg-task-modal-header{align-items:center;display:flex;font-size:14px}.msg-task-modal-close{background:none;border:none;border-radius:4px;color:var(--ink-3);cursor:pointer;height:26px;justify-content:center;width:26px}.msg-task-modal-close:hover{background:var(--glass-2)}.msg-task-modal-body{display:flex;flex-direction:column;gap:12px;padding:16px}.msg-task-field label{color:var(--ink-2);display:block;font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.msg-task-field input,.msg-task-field select{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:8px 10px;width:100%}.msg-task-field input:focus,.msg-task-field select:focus{border-color:var(--indigo)}.msg-task-source{background:var(--glass);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.msg-task-source-label{color:var(--ink-3);display:block;font-size:9px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.msg-task-source-text{color:var(--ink-2);font-size:11px;font-style:italic;line-height:1.5}.msg-task-modal-footer{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.task-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.task-filter-chip{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-3);cursor:pointer;font-size:10px;font-weight:600;padding:4px 10px;transition:all .15s}.task-filter-chip:hover{border-color:var(--line-2)}.task-filter-chip.active{background:#6366f11f;border-color:#6366f140;color:var(--indigo)}.task-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-left:3px solid;border-radius:10px;cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:box-shadow .15s,border-color .15s}.task-card:hover{border-color:var(--line-2);box-shadow:0 4px 16px #0000004d}.task-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.task-card-title{color:var(--ink);flex:1 1;font-size:13px;font-weight:600}.task-card-meta{align-items:center;display:flex;gap:8px;margin-bottom:8px}.task-card-deadline{color:var(--ink-3);font-size:10px}.task-card-deadline.overdue{color:var(--danger);font-weight:600}.task-card-progress{margin-top:4px}.task-card-progress-bar{background:var(--glass-2);border-radius:3px;height:5px;overflow:hidden}.task-card-progress-fill{border-radius:3px;height:100%;transition:width .3s}.task-card-progress-text{color:var(--ink-3);font-size:9px;margin-top:2px;text-align:right}.task-priority-section{margin-bottom:20px}.task-priority-header{align-items:center;color:var(--ink);display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:8px}.task-priority-count{color:var(--ink-3);font-size:10px;font-weight:500}.task-detail{display:flex;gap:16px}.task-detail-main{flex:1 1}.task-detail-side{flex-shrink:0;width:260px}.task-field{margin-bottom:14px}.task-field-label{color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.task-field-value{color:var(--ink);font-size:12px}.task-status-note{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;color:var(--amber);font-size:12px;padding:10px}.task-activity-item{border-bottom:1px solid var(--line);display:flex;font-size:11px;gap:8px;padding:6px 0}.task-activity-text{color:var(--ink-2);flex:1 1}.task-activity-time{color:var(--ink-4);flex-shrink:0}.subtask-item{border-bottom:1px solid var(--line);gap:8px;padding:6px 0}.subtask-check,.subtask-item{align-items:center;display:flex}.subtask-check{border:1.5px solid var(--line-2);border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:10px;height:18px;justify-content:center;transition:all .15s;width:18px}.subtask-check.done{background:var(--emerald);border-color:var(--emerald)}.subtask-text{color:var(--ink);flex:1 1;font-size:11px}.subtask-text.done{color:var(--ink-4);text-decoration:line-through}.todo-input-row{display:flex;gap:8px;margin-bottom:14px}.todo-item{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:10px 0;transition:opacity .2s}.todo-item.done{opacity:.5}.todo-check{align-items:center;border:1.5px solid var(--line-2);border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;transition:all .15s;width:20px}.todo-check.done{background:var(--emerald);border-color:var(--emerald)}.todo-text{color:var(--ink);flex:1 1;font-size:12px}.todo-text.done{color:var(--ink-4);text-decoration:line-through}.todo-priority-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.todo-actions{display:flex;gap:4px}.todo-action-btn{border-radius:4px;color:var(--ink-3);cursor:pointer;font-size:10px;padding:2px 6px;transition:background .1s}.todo-action-btn:hover{background:var(--glass-2);color:var(--indigo)}.ws-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ws-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:12px;cursor:pointer;padding:16px;transition:box-shadow .15s,border-color .15s}.ws-card:hover{border-color:var(--line-2);box-shadow:0 4px 16px #0000004d}.ws-card-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.ws-card-stats{color:var(--ink-3);display:flex;font-size:10px;gap:14px;margin-top:8px}.ws-detail{display:flex;gap:16px}.ws-detail-main{flex:1 1}.ws-detail-sidebar{flex-shrink:0;width:260px}.ws-tab-bar{background:var(--glass);border:1px solid var(--line);border-radius:8px;display:flex;gap:2px;margin-bottom:16px;padding:4px}.ws-tab{border-radius:6px;color:var(--ink-3);cursor:pointer;font-size:11px;font-weight:600;padding:6px 14px;transition:all .15s}.ws-tab.active{background:linear-gradient(135deg,#6366f138,#8b5cf62e);border:1px solid #6366f14d;color:var(--ink)}.ws-editor-wrap{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:12px;min-height:500px;overflow:hidden}.ws-editor-toolbar{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:3px;padding:8px 12px}.ws-toolbar-btn{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:4px;color:var(--ink-2);cursor:pointer;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;transition:all .1s;width:30px}.ws-toolbar-btn:hover{background:var(--glass-3);color:var(--indigo)}.ws-toolbar-btn.active{background:#6366f126;border-color:#6366f14d;color:var(--indigo)}.ws-toolbar-sep{background:var(--line);margin:0 4px;width:1px}.ws-editor-content{min-height:400px;padding:24px 32px}.ws-editor-content .ProseMirror{min-height:300px;outline:none}.ws-editor-content .ProseMirror h1{color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;margin-bottom:8px}.ws-editor-content .ProseMirror h2{color:var(--ink);font-size:20px;font-weight:700;margin-bottom:6px;margin-top:20px}.ws-editor-content .ProseMirror h3{color:var(--ink);font-size:16px;font-weight:600;margin-bottom:4px;margin-top:16px}.ws-editor-content .ProseMirror p{color:var(--ink-2);font-size:13px;line-height:1.8;margin-bottom:8px}.ws-editor-content .ProseMirror ol,.ws-editor-content .ProseMirror ul{margin-bottom:8px;padding-left:20px}.ws-editor-content .ProseMirror li{color:var(--ink-2);font-size:13px;line-height:1.8}.ws-editor-content .ProseMirror blockquote{background:#6366f10f;border-left:3px solid var(--indigo);border-radius:0 8px 8px 0;color:var(--ink-2);font-style:italic;margin:8px 0;padding:8px 14px}.ws-editor-content .ProseMirror pre{background:var(--bg-0);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:var(--mono);font-size:12px;margin:8px 0;overflow-x:auto;padding:14px}.ws-editor-content .ProseMirror code{background:var(--glass-3);border-radius:3px;color:var(--ink);font-family:var(--mono);font-size:12px;padding:1px 4px}.ws-editor-content .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.ws-editor-content .ProseMirror ul[data-type=taskList] li{align-items:flex-start;display:flex;gap:8px}.ws-editor-content .ProseMirror ul[data-type=taskList] li label{cursor:pointer}.ws-editor-content .ProseMirror p.is-editor-empty:first-child:before{color:var(--ink-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ws-notes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ws-note-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px #0000004d;cursor:pointer;min-height:120px;padding:14px;position:relative}.ws-note-title{color:var(--ink);font-size:12px;font-weight:700;margin-bottom:6px}.ws-note-text{color:var(--ink-2);font-size:11px;line-height:1.6}.ws-link-card{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:border-color .15s}.ws-link-card:hover{border-color:var(--indigo)}.ws-link-icon{align-items:center;background:var(--glass-2);border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.ws-link-title{color:var(--ink);font-size:12px;font-weight:600}.ws-link-desc{color:var(--ink-3);font-size:10px;margin-top:2px}.ws-link-url{color:var(--ink-4);font-size:9px;margin-top:2px}.ws-doc-item{align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:10px 12px;transition:border-color .15s}.ws-doc-item:hover{border-color:var(--indigo)}.ws-doc-icon{font-size:18px}.ws-doc-title{color:var(--ink);font-size:12px;font-weight:600}.ws-doc-meta{color:var(--ink-3);font-size:10px}.mtg-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-left:3px solid;border-radius:12px;cursor:pointer;margin-bottom:10px;padding:16px;transition:box-shadow .15s}.mtg-card:hover{box-shadow:0 4px 16px #0000004d}.mtg-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.mtg-card-title{color:var(--ink);font-size:15px;font-weight:700}.mtg-card-time{color:var(--ink-3);font-size:12px;margin-top:2px}.mtg-card-badges{display:flex;gap:4px}.mtg-attendees{align-items:center;display:flex;gap:6px}.mtg-attendee-stack{display:flex}.mtg-attendee-avatar{align-items:center;border:2px solid var(--bg-1);border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:26px;justify-content:center;width:26px}.mtg-detail{display:flex;gap:16px}.mtg-detail-main{flex:1 1}.mtg-detail-side{flex-shrink:0;width:280px}.mtg-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mtg-info-item{background:var(--glass);border:1px solid var(--line);border-radius:8px;padding:10px}.mtg-info-label{color:var(--ink-3);font-size:9px;font-weight:600;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.mtg-info-value{color:var(--ink);font-size:12px;font-weight:600}.mtg-meet-link{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:10px;cursor:pointer;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.mtg-meet-link:hover{background:#10b98124}.mtg-attendee-row{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:8px 0}.mtg-response-badge{border-radius:12px;font-size:9px;font-weight:600;padding:2px 8px}.mtg-mom-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;cursor:pointer;margin-bottom:8px;padding:12px;transition:border-color .15s}.mtg-mom-card:hover{border-color:var(--violet)}.mtg-mom-title{color:var(--ink);font-size:12px;font-weight:600}.mtg-mom-meta{color:var(--ink-3);font-size:10px;margin-top:2px}.mtg-type-toggle{display:flex;gap:8px;margin-bottom:14px}.mtg-type-btn{background:var(--glass);border:1px solid var(--line);border-radius:8px;color:var(--ink-3);cursor:pointer;font-size:11px;font-weight:600;padding:8px 16px;transition:all .15s}.mtg-type-btn.active{background:#6366f11f;border-color:#6366f14d;color:var(--indigo)}.email-layout{display:flex;height:calc(100vh - 52px);margin:-20px}.email-sidebar{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:200px}.email-sidebar-header{border-bottom:1px solid var(--line);padding:12px}.email-compose-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:9px 0;transition:opacity .15s;width:100%}.email-compose-btn:hover{opacity:.9}.email-sidebar-nav{flex:1 1;overflow-y:auto;padding:6px 0}.email-nav-section{color:var(--ink-4);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.1em;padding:10px 12px 4px;text-transform:uppercase}.email-nav-item{align-items:center;border-left:2px solid #0000;color:var(--ink-2);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 12px;transition:all .1s}.email-nav-item:hover{background:#6366f10f}.email-nav-item.active{background:#6366f11a;border-left-color:var(--indigo);color:var(--indigo);font-weight:600}.email-nav-icon{flex-shrink:0;font-size:14px;text-align:center;width:20px}.email-nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-nav-count{align-items:center;background:var(--indigo);border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.email-nav-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.email-account-item{align-items:center;border-left:2px solid #0000;color:var(--ink-2);cursor:pointer;display:flex;font-size:11px;gap:8px;padding:6px 12px;transition:all .1s}.email-account-item:hover{background:#6366f10f}.email-account-item.active{background:#6366f11a;border-left-color:var(--indigo);color:var(--indigo);font-weight:600}.email-account-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.email-account-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-shared-badge{background:#6366f11f;border-radius:4px;color:var(--indigo);font-size:8px;font-weight:700;padding:1px 5px}.email-list-panel{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:320px}.email-list-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:8px;padding:10px 12px}.email-list-search{background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);flex:1 1;font-family:var(--font);font-size:11px;outline:none;padding:7px 10px}.email-list-search::placeholder{color:var(--ink-4)}.email-list-search:focus{border-color:var(--indigo)}.email-list-actions{align-items:center;display:flex;gap:4px}.email-list-action{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink-3);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background .1s;width:28px}.email-list-action:hover{background:var(--glass-3);color:var(--indigo)}.email-list-body{flex:1 1;overflow-y:auto}.email-list-item{align-items:flex-start;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative;transition:background .1s}.email-list-item:hover{background:#6366f10a}.email-list-item.active{background:#6366f11a}.email-list-item.unread{background:#6366f10d}.email-list-item.unread .email-item-sender{color:var(--ink);font-weight:700}.email-list-item.unread .email-item-subject{color:var(--ink);font-weight:600}.email-item-unread-dot{background:var(--indigo);border-radius:50%;flex-shrink:0;height:6px;margin-top:6px;width:6px}.email-item-content{flex:1 1;min-width:0}.email-item-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:2px}.email-item-sender{color:var(--ink-2);font-size:12px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item-time{color:var(--ink-4);flex-shrink:0;font-size:10px}.email-item-subject{color:var(--ink-2);font-size:12px;margin-bottom:2px}.email-item-preview,.email-item-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item-preview{color:var(--ink-3);font-size:11px}.email-item-meta{align-items:center;display:flex;gap:6px;margin-top:3px}.email-item-star{cursor:pointer;font-size:12px;opacity:.3;transition:opacity .1s}.email-item-star.starred,.email-item-star:hover{opacity:1}.email-item-category{border-radius:4px;font-size:9px;font-weight:600;padding:1px 5px}.email-item-replied{color:var(--emerald);font-size:9px;font-weight:600}.email-item-attachment{color:var(--ink-3);font-size:11px}.email-detail-panel{background:#0000;display:flex;flex:1 1;flex-direction:column;min-width:0}.email-detail-header{border-bottom:1px solid var(--line);padding:16px 20px 12px}.email-detail-subject{color:var(--ink);font-size:18px;font-weight:700;margin-bottom:4px}.email-detail-meta{align-items:center;color:var(--ink-2);display:flex;font-size:12px;gap:12px}.email-detail-actions{display:flex;gap:6px;margin-top:10px}.email-detail-action{align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);cursor:pointer;display:flex;font-family:var(--font);font-size:11px;font-weight:600;gap:4px;padding:5px 12px;transition:all .1s}.email-detail-action:hover{background:var(--glass-2);border-color:#6366f14d;color:var(--indigo)}.email-detail-action.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.email-detail-action.primary:hover{opacity:.9}.email-detail-body{flex:1 1;overflow-y:auto;padding:20px}.email-body-content{color:var(--ink-2);font-size:13px;line-height:1.75;max-width:680px}.email-body-content h2{color:var(--ink);font-size:16px;margin-bottom:8px}.email-body-content p{margin-bottom:12px}.email-body-content ol,.email-body-content ul{margin-bottom:12px;padding-left:20px}.email-body-content li{margin-bottom:4px}.email-body-content strong{color:var(--ink)}.email-detail-from{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:14px 20px}.email-from-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.email-from-info{flex:1 1;min-width:0}.email-from-name{color:var(--ink);font-size:13px;font-weight:700}.email-from-address,.email-from-to{color:var(--ink-3);font-size:11px}.email-from-to{margin-top:2px}.email-from-time{color:var(--ink-4);flex-shrink:0;font-size:11px}.email-compose-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:flex-end;padding:20px;position:fixed;z-index:200}.email-compose{background:var(--bg-1);border:1px solid var(--line);box-shadow:0 -8px 40px #0006;flex-direction:column;max-height:80vh;overflow:hidden;width:560px}.email-compose,.email-compose-header{border-radius:12px 12px 0 0;display:flex}.email-compose-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;justify-content:space-between;padding:12px 16px}.email-compose-header h4{font-size:13px;font-weight:700;margin:0}.email-compose-close{background:none;border:none;color:#fffc;cursor:pointer;font-size:18px;line-height:1;padding:0}.email-compose-close:hover{color:#fff}.email-compose-fields{border-bottom:1px solid var(--line);padding:0 16px}.email-compose-field{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:8px;padding:8px 0}.email-compose-field:last-child{border-bottom:none}.email-compose-field label{color:var(--ink-3);flex-shrink:0;font-size:11px;font-weight:600;width:50px}.email-compose-field input{background:#0000;border:none;color:var(--ink);flex:1 1;font-family:var(--font);font-size:12px;outline:none}.email-compose-field input::placeholder{color:var(--ink-4)}.email-compose-body{flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:12px 16px}.email-compose-body textarea{background:#0000;border:none;color:var(--ink-2);font-family:var(--font);font-size:13px;line-height:1.65;min-height:180px;outline:none;resize:none;width:100%}.email-compose-body textarea::placeholder{color:var(--ink-4)}.email-compose-footer{align-items:center;background:var(--glass);border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 16px}.email-compose-send{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:700;gap:6px;padding:8px 20px}.email-compose-send:hover{opacity:.9}.email-compose-send:disabled{cursor:not-allowed;opacity:.4}.email-compose-toolbar{display:flex;gap:4px}.email-compose-tool{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--ink-3);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .1s;width:30px}.email-compose-tool:hover{background:var(--glass-2);color:var(--indigo)}.email-account-switch{border-bottom:1px solid var(--line);padding:8px 0}.email-account-select{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);font-family:var(--font);font-size:11px;margin:0 12px;outline:none;padding:6px 8px;width:calc(100% - 24px)}.email-account-select:focus{border-color:var(--indigo)}.email-empty{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center}.email-empty-inner{text-align:center}.email-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.email-empty-title{color:var(--ink);font-size:14px;font-weight:700;margin-bottom:4px}.email-empty-sub{color:var(--ink-3);font-size:12px}.email-template-picker{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;bottom:50px;box-shadow:0 8px 32px #0000004d;left:16px;max-height:240px;overflow-y:auto;position:absolute;width:260px;z-index:10}.email-template-item{border-bottom:1px solid var(--line);cursor:pointer;padding:8px 12px;transition:background .1s}.email-template-item:last-child{border-bottom:none}.email-template-item:hover{background:#6366f10f}.email-template-name{color:var(--ink);font-size:12px;font-weight:600}.email-template-scope{color:var(--ink-3);font-size:9px;margin-top:1px}@media (max-width:900px){.email-sidebar{width:56px}.email-account-name,.email-account-switch,.email-compose-btn span,.email-nav-count,.email-nav-label,.email-nav-section,.email-shared-badge{display:none}.email-list-panel{width:260px}}@media (max-width:640px){.email-list-panel{width:100%}.email-detail-panel{display:none}.email-detail-panel.open{display:flex;inset:0;position:absolute;z-index:10}}.sn-layout{display:flex;flex-direction:column;gap:16px}.sn-header{align-items:center;display:flex;justify-content:space-between}.sn-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.sn-create-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:700;gap:6px;padding:8px 16px}.sn-create-btn:hover{opacity:.9}.sn-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sn-card{border:1px solid #ffffff0f;border-radius:10px;box-shadow:0 4px 16px #0000004d;cursor:default;display:flex;flex-direction:column;min-height:140px;padding:14px;position:relative;transition:box-shadow .15s,transform .15s}.sn-card:hover{box-shadow:0 8px 32px #0006;transform:translateY(-1px)}.sn-card-title{background:#0000;border:none;color:#000000d9;font-family:var(--font);font-size:13px;font-weight:700;margin-bottom:6px;outline:none;padding:0;width:100%}.sn-card-title::placeholder{color:#0000004d}.sn-card-body{background:#0000;border:none;color:#000000b3;flex:1 1;font-family:var(--font);font-size:12px;line-height:1.6;outline:none;resize:none;width:100%}.sn-card-body::placeholder{color:#0000004d}.sn-card-footer{align-items:center;border-top:1px solid #00000014;display:flex;justify-content:space-between;margin-top:8px;padding-top:8px}.sn-card-time{color:#00000059;font-size:9px}.sn-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.sn-card:hover .sn-card-actions{opacity:1}.sn-card-action{align-items:center;background:#00000014;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;transition:background .1s;width:24px}.sn-card-action:hover{background:#00000026}.sn-colors{display:flex;gap:6px;padding:4px 0}.sn-color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:20px;transition:border-color .1s,transform .1s;width:20px}.sn-color-dot:hover{transform:scale(1.15)}.sn-color-dot.active{border-color:var(--ink)}.sn-shared-badge{background:#6366f126;border-radius:4px;color:var(--indigo);font-size:9px;font-weight:600;padding:2px 6px}.sn-attached-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sn-attached-badge{background:#00000014;border-radius:4px;color:#0000008c;font-size:9px;padding:2px 6px}.sn-empty{padding:60px 20px;text-align:center}.sn-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.sn-color-yellow{background:#fef3c759}.sn-color-blue{background:#dbeafe4d}.sn-color-green{background:#d1fae54d}.sn-color-pink{background:#fce7f34d}.sn-color-purple{background:#ede9fe4d}.sn-color-red{background:#fee2e24d}.sn-color-orange{background:#ffedd54d}.sn-color-teal{background:#ccfbf14d}.act-layout{display:flex;flex-direction:column;gap:16px}.act-header{align-items:center;display:flex;justify-content:space-between}.act-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.act-create-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:700;gap:6px;padding:8px 16px}.act-create-btn:hover{opacity:.9}.act-filters{display:flex;flex-wrap:wrap;gap:6px}.act-filter{background:var(--glass);border:1px solid var(--line);border-radius:20px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:5px 12px;transition:all .1s}.act-filter:hover{border-color:var(--indigo);color:var(--indigo)}.act-filter.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.act-list{display:flex;flex-direction:column;gap:10px}.act-card{align-items:flex-start;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;display:flex;gap:14px;padding:14px 16px;transition:box-shadow .15s}.act-card:hover{box-shadow:0 4px 16px #0000004d}.act-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:42px;justify-content:center;width:42px}.act-icon-reading{background:#dbeafe26}.act-icon-video{background:#fee2e226}.act-icon-fun{background:#fef3c726}.act-icon-wellness{background:#d1fae526}.act-icon-learning{background:#ede9fe26}.act-icon-celebration{background:#fce7f326}.act-icon-brainstorm{background:#ffedd526}.act-icon-social{background:#ccfbf126}.act-content{flex:1 1;min-width:0}.act-title{color:var(--ink);font-size:14px;font-weight:700;margin-bottom:3px}.act-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink-2);display:-webkit-box;font-size:12px;line-height:1.5;margin-bottom:8px;overflow:hidden}.act-meta{flex-wrap:wrap;gap:12px}.act-meta,.act-meta-item{align-items:center;display:flex}.act-meta-item{color:var(--ink-3);font-size:11px;gap:4px}.act-type-badge{border-radius:12px;font-size:10px;font-weight:600;padding:2px 8px;text-transform:capitalize}.act-audience-badge{background:#6366f11f;color:var(--indigo)}.act-audience-badge,.act-recurring-badge{border-radius:4px;font-size:9px;font-weight:600;padding:2px 6px}.act-recurring-badge{background:#f59e0b26;color:var(--amber)}.act-rsvp{align-items:center;display:flex;flex-shrink:0;gap:8px}.act-rsvp-btn{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:6px 14px;transition:all .1s}.act-rsvp-btn:hover{border-color:var(--indigo)}.act-rsvp-btn.join{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#0000;color:#fff}.act-rsvp-btn.skip{background:var(--glass-2);color:var(--ink-3)}.act-rsvp-btn.active-join{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#0000;color:#fff}.act-rsvp-btn.active-skip{background:#ef44441f;border-color:#0000;color:var(--danger)}.act-rsvp-count{color:var(--ink-3);font-size:10px}.act-avatars{display:flex;margin-left:-4px}.act-avatar{border:2px solid var(--bg-1);border-radius:50%;color:#fff;font-size:8px;font-weight:700;height:22px;margin-left:-4px;width:22px}.act-avatar,.act-modal-overlay{align-items:center;display:flex;justify-content:center}.act-modal-overlay{background:#0009;inset:0;position:fixed;z-index:200}.act-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #0006;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:480px}.act-modal-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.act-modal-header h3{color:var(--ink);font-size:16px;font-weight:700;margin:0}.act-modal-close{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:20px}.act-modal-body{flex:1 1;overflow-y:auto;padding:20px}.act-form-group{margin-bottom:14px}.act-form-group label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.act-form-group input,.act-form-group select,.act-form-group textarea{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:8px 10px;width:100%}.act-form-group input:focus,.act-form-group select:focus,.act-form-group textarea:focus{border-color:var(--indigo)}.act-form-group textarea{min-height:80px;resize:vertical}.act-modal-footer{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.act-modal-cancel{background:var(--glass);border:1px solid var(--line);border-radius:8px;color:var(--ink-2);font-weight:600}.act-modal-cancel,.act-modal-submit{cursor:pointer;font-family:var(--font);font-size:12px;padding:8px 16px}.act-modal-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:700}.act-modal-submit:hover{opacity:.9}.act-empty{padding:60px 20px;text-align:center}.act-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.feed-layout{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:640px}.feed-header{align-items:center;display:flex;justify-content:space-between}.feed-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.feed-tabs{display:flex;gap:6px}.feed-tab{background:var(--glass);border:1px solid var(--line);border-radius:20px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:5px 12px;transition:all .1s}.feed-tab:hover{border-color:var(--indigo);color:var(--indigo)}.feed-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.feed-create{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:14px}.feed-create-top{align-items:flex-start;display:flex;gap:10px}.feed-create-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.feed-create-input{background:var(--glass-2);border:1px solid var(--line);border-radius:8px;color:var(--ink);flex:1 1;font-family:var(--font);font-size:12px;min-height:60px;outline:none;padding:8px 12px;resize:none}.feed-create-input::placeholder{color:var(--ink-4)}.feed-create-input:focus{background:var(--glass);border-color:var(--indigo)}.feed-create-footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.feed-create-tools{display:flex;gap:4px}.feed-create-tool{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--ink-3);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background .1s;width:30px}.feed-create-tool:hover{background:#6366f11a;color:var(--indigo)}.feed-create-audience{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);font-family:var(--font);font-size:10px;outline:none;padding:4px 8px}.feed-post-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font);font-size:11px;font-weight:700;padding:7px 16px}.feed-post-btn:hover{opacity:.9}.feed-post-btn:disabled{cursor:not-allowed;opacity:.4}.feed-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .15s}.feed-card:hover{box-shadow:0 4px 16px #0000004d}.feed-card-header{align-items:center;display:flex;gap:10px;padding:14px 16px 0}.feed-card-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.feed-card-author{flex:1 1;min-width:0}.feed-card-name{color:var(--ink);font-size:13px;font-weight:700}.feed-card-sub{align-items:center;color:var(--ink-3);display:flex;font-size:10px;gap:6px}.feed-card-actions-top{display:flex;gap:4px}.feed-card-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--ink-4);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .1s;width:28px}.feed-card-action-btn:hover{background:#6366f11a;color:var(--indigo)}.feed-card-action-btn.pinned{color:var(--amber)}.feed-card-body{padding:10px 16px 12px}.feed-card-text{word-wrap:break-word;color:var(--ink-2);font-size:13px;line-height:1.65;white-space:pre-wrap}.feed-link-preview{background:var(--glass-2);border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;margin-top:10px;padding:10px}.feed-link-title{color:var(--ink);font-size:12px;font-weight:700;margin-bottom:2px}.feed-link-desc{color:var(--ink-3);font-size:11px;line-height:1.4}.feed-link-url{color:var(--indigo);font-size:10px;margin-top:4px}.feed-audience-badge{border-radius:4px;font-size:9px;font-weight:600;padding:1px 6px}.feed-audience-company{background:#6366f11f;color:var(--indigo)}.feed-audience-team{background:#10b9811f;color:var(--emerald)}.feed-reactions{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}.feed-reaction{align-items:center;background:var(--glass-2);border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:3px 8px;transition:all .1s}.feed-reaction:hover{background:var(--glass-3);border-color:var(--line-2)}.feed-reaction.mine{background:#6366f11f;border-color:#6366f140}.feed-reaction-count{color:var(--ink-2);font-size:10px;font-weight:600}.feed-action-bar{border-top:1px solid var(--line);display:flex;padding:0 8px}.feed-action-btn{align-items:center;background:#0000;border:none;color:var(--ink-3);cursor:pointer;display:flex;flex:1 1;font-family:var(--font);font-size:11px;font-weight:600;gap:6px;justify-content:center;padding:8px 0;transition:color .1s}.feed-action-btn:hover{color:var(--indigo)}.feed-comments{border-top:1px solid var(--line);padding:0 16px 12px}.feed-comment{border-bottom:1px solid var(--line);display:flex;gap:8px;padding:8px 0}.feed-comment:last-child{border-bottom:none}.feed-comment-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:26px;justify-content:center;width:26px}.feed-comment-body{flex:1 1;min-width:0}.feed-comment-name{color:var(--ink);font-size:11px;font-weight:700}.feed-comment-text{color:var(--ink-2);font-size:12px;line-height:1.5;margin-top:1px}.feed-comment-time{color:var(--ink-4);font-size:9px;margin-top:2px}.feed-comment-input{align-items:center;display:flex;gap:8px;padding:8px 0 0}.feed-comment-input input{background:var(--glass-2);border:1px solid var(--line);border-radius:6px;color:var(--ink);flex:1 1;font-family:var(--font);font-size:11px;outline:none;padding:7px 10px}.feed-comment-input input::placeholder{color:var(--ink-4)}.feed-comment-input input:focus{border-color:var(--indigo)}.feed-comment-send{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:6px 12px}.feed-comment-send:disabled{cursor:not-allowed;opacity:.4}.feed-empty{padding:60px 20px;text-align:center}.feed-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.sal-layout{display:flex;flex-direction:column;gap:16px}.sal-header{align-items:center;display:flex;justify-content:space-between}.sal-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.sal-year-select{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);font-family:var(--font);font-size:12px;outline:none;padding:6px 10px}.sal-year-select:focus{border-color:var(--indigo)}.sal-tabs{display:flex;gap:6px}.sal-tab{background:var(--glass);border:1px solid var(--line);border-radius:20px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:6px 14px;transition:all .1s}.sal-tab:hover{border-color:var(--indigo);color:var(--indigo)}.sal-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.sal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sal-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:16px;transition:box-shadow .15s,border-color .15s}.sal-card:hover{border-color:#6366f14d;box-shadow:0 4px 16px #0000004d}.sal-card.active{border-color:var(--indigo);box-shadow:0 4px 20px #6366f133}.sal-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sal-card-month{color:var(--ink);font-size:14px;font-weight:700}.sal-card-status{border-radius:12px;font-size:9px;font-weight:700;padding:2px 8px;text-transform:uppercase}.sal-card-status.finalized{background:#10b98126;color:var(--emerald)}.sal-card-status.draft{background:#f59e0b26;color:var(--amber)}.sal-card-net{color:var(--ink);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:24px;font-weight:800;margin-bottom:8px}.sal-card-net .currency{color:var(--ink-2);font-size:16px;font-weight:600}.sal-card-breakdown{display:flex;flex-direction:column;gap:4px}.sal-card-row{display:flex;font-size:11px;justify-content:space-between}.sal-card-row-label{color:var(--ink-3)}.sal-card-row-value{color:var(--ink-2);font-weight:600}.sal-card-row-value.deduction{color:var(--danger)}.sal-card-row-value.bonus{color:var(--emerald)}.sal-detail{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:20px}.sal-detail-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.sal-detail-title{color:var(--ink);font-size:16px;font-weight:700}.sal-detail-actions{display:flex;gap:6px}.sal-detail-btn{align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);cursor:pointer;display:flex;font-family:var(--font);font-size:11px;font-weight:600;gap:4px;padding:6px 14px;transition:all .1s}.sal-detail-btn:hover{border-color:var(--indigo);color:var(--indigo)}.sal-detail-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.sal-detail-btn.primary:hover{opacity:.9}.sal-table{border-collapse:collapse;width:100%}.sal-table td,.sal-table th{border-bottom:1px solid var(--line);font-size:12px;padding:8px 12px;text-align:left}.sal-table th{background:var(--glass-2);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sal-table td,.sal-table th{color:var(--ink-2)}.sal-table .section-header td{background:var(--glass-2);color:var(--ink);font-weight:700;padding-top:12px}.sal-table .total-row td{border-top:2px solid var(--line-2);color:var(--ink);font-weight:700;padding-top:10px}.sal-table .deduction{color:var(--danger)}.sal-table .bonus{color:var(--emerald)}.sal-table .net-amount{color:var(--indigo);font-size:16px;font-weight:800}.sal-attendance{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.sal-att-item{background:var(--glass);border:1px solid var(--line);border-radius:8px;min-width:80px;padding:10px 14px;text-align:center}.sal-att-value{color:var(--ink);font-size:20px;font-weight:800}.sal-att-label{color:var(--ink-3);font-size:10px;margin-top:2px}.sal-att-item.present .sal-att-value{color:var(--emerald)}.sal-att-item.absent .sal-att-value{color:var(--danger)}.sal-dispute-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:14px 16px}.sal-dispute-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sal-dispute-month{color:var(--ink);font-size:13px;font-weight:700}.sal-dispute-status{border-radius:12px;font-size:9px;font-weight:700;padding:2px 8px;text-transform:uppercase}.sal-dispute-status.open{background:#f59e0b26;color:var(--amber)}.sal-dispute-status.resolved{background:#10b98126;color:var(--emerald)}.sal-dispute-status.rejected{background:#ef444426;color:var(--danger)}.sal-dispute-status.escalated{background:#6366f126;color:var(--indigo)}.sal-dispute-issue{color:var(--ink-2);font-size:12px;font-weight:600}.sal-dispute-desc{color:var(--ink-3);font-size:12px;line-height:1.5;margin-top:4px}.sal-dispute-resolution{background:var(--glass-2);border-radius:6px;color:var(--ink-2);font-size:11px;margin-top:8px;padding:8px}.sal-dispute-form{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:16px}.sal-dispute-form h4{color:var(--ink);font-size:14px;font-weight:700;margin:0 0 12px}.sal-form-group{margin-bottom:12px}.sal-form-group label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.sal-form-group input,.sal-form-group select,.sal-form-group textarea{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:8px 10px;width:100%}.sal-form-group input:focus,.sal-form-group select:focus,.sal-form-group textarea:focus{border-color:var(--indigo)}.sal-form-group textarea{min-height:80px;resize:vertical}.sal-form-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;padding:8px 16px}.sal-form-submit:hover{opacity:.9}.sal-form-submit:disabled{cursor:not-allowed;opacity:.4}.sal-empty{padding:60px 20px;text-align:center}.sal-empty-icon{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.ai-settings{max-width:560px}.ai-settings h2{color:var(--ink);font-size:18px;font-weight:700;margin:0 0 16px}.ai-status-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:20px}.ai-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ai-status-title{color:var(--ink);font-size:14px;font-weight:700}.ai-status-badge{border-radius:12px;font-size:10px;font-weight:700;padding:3px 10px;text-transform:uppercase}.ai-status-badge.active{background:#10b98126;color:var(--emerald)}.ai-status-badge.inactive{background:#94a3b826;color:var(--ink-3)}.ai-status-info{display:flex;flex-direction:column;gap:6px}.ai-status-row{display:flex;font-size:12px;justify-content:space-between}.ai-status-label{color:var(--ink-3)}.ai-status-value{color:var(--ink);font-weight:600}.ai-activate-form{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:20px}.ai-activate-form h3{color:var(--ink);font-size:14px;font-weight:700;margin:0 0 12px}.ai-form-group{margin-bottom:12px}.ai-form-group label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.ai-form-group input,.ai-form-group select{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:8px 12px;width:100%}.ai-form-group input:focus,.ai-form-group select:focus{border-color:var(--indigo)}.ai-form-group .hint{color:var(--ink-3);font-size:10px;margin-top:3px}.ai-activate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;padding:8px 20px}.ai-activate-btn:hover{opacity:.9}.ai-activate-btn:disabled{cursor:not-allowed;opacity:.4}.ai-deactivate-btn{background:var(--glass);border:1px solid var(--danger);border-radius:8px;color:var(--danger);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;margin-left:8px;padding:8px 16px}.ai-deactivate-btn:hover{background:#ef44441a}.ai-feature-btn{align-items:center;background:#6366f10f;border:1px solid #6366f14d;border-radius:6px;color:var(--indigo);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:11px;font-weight:600;gap:4px;padding:5px 12px;transition:all .15s}.ai-feature-btn:hover{background:#6366f124;border-color:var(--indigo)}.ai-feature-btn:disabled{cursor:not-allowed;opacity:.4}.ai-feature-btn .ai-icon{font-size:13px}.ai-result-panel{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid #6366f140;border-radius:10px;margin-top:12px;padding:16px}.ai-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ai-result-title{align-items:center;color:var(--indigo);display:flex;font-size:12px;font-weight:700;gap:6px}.ai-result-close{align-items:center;background:#0000;border:none;color:var(--ink-3);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.ai-result-body{color:var(--ink-2);font-size:13px;line-height:1.65;white-space:pre-wrap}.ai-task-suggestion{background:var(--glass-2);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:10px 12px}.ai-task-title{color:var(--ink);font-size:12px;font-weight:700;margin-bottom:3px}.ai-task-desc{color:var(--ink-2);font-size:11px;line-height:1.4;margin-bottom:8px}.ai-task-actions{display:flex;gap:6px}.ai-task-action{border:none;border-radius:4px;cursor:pointer;font-family:var(--font);font-size:10px;font-weight:600;padding:4px 10px}.ai-task-action.add{background:var(--emerald);color:#fff}.ai-task-action.edit{background:var(--amber);color:#fff}.ai-task-action.deny{background:var(--glass-2);border:1px solid var(--line);color:var(--ink-3)}.ai-loading{align-items:center;color:var(--indigo);display:flex;font-size:12px;gap:8px;padding:12px}.ai-spinner{animation:aiSpin .8s linear infinite;border:2px solid #6366f133;border-radius:50%;border-top:2px solid var(--indigo);height:16px;width:16px}@keyframes aiSpin{to{transform:rotate(1turn)}}.ai-features-info{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;padding:16px}.ai-features-info h4{color:var(--ink);font-size:13px;font-weight:700;margin:0 0 10px}.ai-feature-list{display:flex;flex-direction:column;gap:6px}.ai-feature-item{color:var(--ink-2);display:flex;font-size:12px;gap:8px}.ai-feature-item-icon{flex-shrink:0}.ai-feature-item-label{color:var(--ink);font-weight:600}.ai-feature-item-priority{border-radius:4px;font-size:9px;font-weight:700;padding:1px 6px}.ai-feature-item-priority.high{background:#ef444426;color:var(--danger)}.ai-feature-item-priority.low{background:#94a3b826;color:var(--ink-3)}.settings-page{max-width:560px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.settings-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.settings-save-status{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px;transition:opacity .3s}.settings-save-status.saving{color:var(--ink-3)}.settings-save-status.saved{background:#10b9811f;color:var(--emerald)}.settings-save-status.error{background:#ef44441f;color:var(--danger)}.settings-section-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:20px}.settings-section-title{color:var(--ink);font-size:14px;font-weight:700;margin:0 0 14px}.settings-field{margin-bottom:14px}.settings-field:last-child{margin-bottom:0}.settings-field-label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:5px}.settings-field-select{appearance:auto;background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:8px 12px;width:100%}.settings-field-select:focus{border-color:var(--indigo)}.settings-toggle-row{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:8px 0}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{color:var(--ink);font-size:12px;font-weight:500}.settings-toggle{background:var(--line);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:22px;padding:0;position:relative;transition:background .2s;width:40px}.settings-toggle.on{background:#6366f1}.settings-toggle-knob{background:var(--glass-2);border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .2s;width:18px}.settings-toggle.on .settings-toggle-knob{transform:translateX(18px)}.onb-layout{align-items:center;background:linear-gradient(135deg,var(--bg-0),var(--bg-1));display:flex;justify-content:center;margin:-20px;min-height:calc(100vh - 52px)}.onb-container{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 48px #0006;max-width:90vw;overflow:hidden;width:520px}.onb-progress{background:var(--glass-2);height:4px}.onb-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .4s ease}.onb-step{padding:32px;text-align:center}.onb-step-icon{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:20px;display:flex;font-size:36px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.onb-step h2{color:var(--ink);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:20px;font-weight:800;margin:0 0 6px}.onb-step p{color:var(--ink-2);font-size:13px;line-height:1.6;margin:0 0 20px}.onb-slides{display:flex;flex-direction:column;gap:12px;text-align:left}.onb-slide-item{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;padding:10px 14px}.onb-slide-icon{flex-shrink:0;font-size:24px}.onb-slide-text{color:var(--ink-2);font-size:12px;line-height:1.5}.onb-slide-text strong{color:var(--ink)}.onb-company-card{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px;text-align:left}.onb-company-name{color:var(--ink);font-size:16px;font-weight:800;margin-bottom:4px}.onb-company-tagline{color:var(--indigo);font-size:12px;font-weight:600;margin-bottom:8px}.onb-company-about{color:var(--ink-2);font-size:12px;line-height:1.5;margin-bottom:10px}.onb-company-details{color:var(--ink-3);display:flex;flex-direction:column;font-size:11px;gap:4px}.onb-company-detail{align-items:center;display:flex;gap:6px}.onb-company-social{display:flex;gap:8px;margin-top:8px}.onb-company-social a{color:var(--indigo);font-size:11px;font-weight:600;text-decoration:none}.onb-welcome-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.onb-welcome-info{display:flex;flex-direction:column;gap:6px;margin:16px 0;text-align:left}.onb-welcome-row{background:var(--glass-2);border:1px solid var(--line);border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:6px 12px}.onb-welcome-row-label{color:var(--ink-3)}.onb-welcome-row-value{color:var(--ink);font-weight:600}.onb-settings{display:flex;flex-direction:column;gap:10px;text-align:left}.onb-setting-row{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.onb-setting-label{color:var(--ink-2);font-size:12px}.onb-setting-control select{background:var(--glass);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-family:var(--font);font-size:11px;outline:none;padding:4px 8px}.onb-toggle{background:var(--glass-3);border-radius:10px;cursor:pointer;height:20px;position:relative;transition:background .2s;width:36px}.onb-toggle.on{background:var(--indigo)}.onb-toggle-knob{background:var(--glass-2);border-radius:50%;box-shadow:0 1px 3px #0000004d;height:16px;left:2px;position:absolute;top:2px;transition:left .2s;width:16px}.onb-toggle.on .onb-toggle-knob{left:18px}.onb-profile{display:flex;flex-direction:column;gap:12px;text-align:left}.onb-avatar-upload{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;font-size:24px;font-weight:800;height:72px;margin:0 auto;position:relative;width:72px}.onb-avatar-edit,.onb-avatar-upload{align-items:center;border-radius:50%;display:flex;justify-content:center}.onb-avatar-edit{background:var(--bg-1);border:2px solid var(--indigo);bottom:-2px;color:var(--ink);font-size:11px;height:24px;position:absolute;right:-2px;width:24px}.onb-form-group{margin-bottom:10px}.onb-form-group label{color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.onb-form-group input{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--font);font-size:12px;outline:none;padding:8px 12px;width:100%}.onb-form-group input:focus{border-color:var(--indigo)}.onb-checklist{display:flex;flex-direction:column;gap:8px;text-align:left}.onb-check-item{align-items:center;background:var(--glass-2);border:1px solid var(--line);border-radius:8px;color:var(--ink-2);cursor:pointer;display:flex;font-size:12px;gap:10px;padding:10px 14px;transition:background .1s}.onb-check-item:hover{background:var(--glass-3)}.onb-check-item.done{color:var(--emerald)}.onb-check-box{align-items:center;border:2px solid var(--line-2);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .15s;width:20px}.onb-check-item.done .onb-check-box{background:var(--emerald);border-color:var(--emerald);color:#fff;font-size:12px}.onb-footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 32px}.onb-skip{background:none;border:none;color:var(--ink-3);cursor:pointer;font-family:var(--font);font-size:12px}.onb-skip:hover{color:var(--indigo)}.onb-next{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;padding:8px 24px}.onb-next:hover{opacity:.9}.onb-back{background:var(--glass);border:1px solid var(--line);border-radius:8px;color:var(--ink-2);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;padding:8px 16px}.onb-step-dots{display:flex;gap:6px}.onb-dot{background:var(--glass-3);border-radius:50%;height:8px;width:8px}.onb-dot.active{background:var(--indigo)}.onb-dot.done{background:var(--emerald)}.profile-layout{max-width:560px}.profile-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:12px;display:flex;gap:20px;margin-bottom:16px;padding:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:800;height:80px;justify-content:center;width:80px}.profile-info h2{color:var(--ink);font-size:20px;font-weight:800;margin:0 0 2px}.profile-info-sub{color:var(--ink-3);font-size:12px}.profile-role-badge{background:#6366f11f;border-radius:12px;color:var(--indigo);display:inline-block;font-size:10px;font-weight:700;margin-top:6px;padding:3px 10px}.profile-section{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:var(--glass);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:16px}.profile-section h3{color:var(--ink);font-size:13px;font-weight:700;margin:0 0 10px}.profile-row{border-bottom:1px solid var(--line);display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.profile-row:last-child{border-bottom:none}.profile-row-label{color:var(--ink-3)}.profile-row-value{color:var(--ink);font-weight:500}.profile-edit-btn{background:var(--glass);border:1px solid var(--line);border-radius:6px;color:var(--indigo);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:6px 14px;transition:all .1s}.profile-edit-btn:hover{background:#6366f11a}.wb-container{background:#fafbff;display:flex;flex-direction:column;height:calc(100vh - 92px);margin:-20px;overflow:hidden}.wb-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 16px}.wb-title-input{background:#0000;border:none;border-radius:6px;color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;max-width:240px;min-width:120px;outline:none;padding:4px 8px}.wb-title-input:focus,.wb-tool-group{background:#f8fafc;border:1px solid #e2e8f0}.wb-tool-group{border-radius:8px;gap:2px;padding:2px}.wb-tool-btn,.wb-tool-group{align-items:center;display:flex}.wb-tool-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:15px;height:32px;justify-content:center;transition:all .15s;width:32px}.wb-tool-btn:hover{background:#6366f10f;color:#6366f1}.wb-tool-btn.active{background:#6366f11f;color:#6366f1}.wb-color-group{align-items:center;display:flex;gap:4px;margin-left:4px}.wb-color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:20px;transition:all .15s;width:20px}.wb-color-swatch:hover{transform:scale(1.15)}.wb-color-swatch.active{border-color:#1e293b;box-shadow:0 0 0 2px #6366f14d}.wb-actions{align-items:center;display:flex;gap:6px;margin-left:auto}.wb-save-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;padding:6px 14px;transition:opacity .15s}.wb-save-btn:hover{opacity:.9}.wb-save-btn:disabled{cursor:default;opacity:.5}.wb-back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;padding:6px 14px}.wb-canvas-area{cursor:crosshair;flex:1 1;overflow:hidden;position:relative}.wb-canvas-area.tool-select{cursor:default}.wb-canvas-area.tool-pan{cursor:grab}.wb-canvas-area.tool-pan:active{cursor:grabbing}.wb-svg{display:block;height:100%;width:100%}.wb-shape-selected{outline:2px solid #6366f1;outline-offset:2px}.wb-remote-cursor{pointer-events:none;position:absolute;transition:left .1s,top .1s;z-index:50}.wb-remote-cursor-dot{background:#ef4444;border-radius:50%;height:8px;width:8px}.wb-remote-cursor-name{background:#ef4444;border-radius:4px;color:#fff;font-size:9px;font-weight:600;margin-top:2px;padding:1px 5px;white-space:nowrap}.wb-zoom-indicator{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:6px;bottom:12px;color:#64748b;font-size:10px;font-weight:600;padding:4px 10px;pointer-events:none;position:absolute;right:12px}.wb-sticky-shape{filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}@media (max-width:768px){.wb-toolbar{gap:4px;padding:6px 10px}.wb-title-input{font-size:12px;min-width:80px}.wb-actions{margin-left:0}}:root{--bg-0:#0a0b1a;--bg-1:#14162e;--ink:#f8fafc;--ink-2:#f8fafc9e;--ink-3:#f8fafc66;--ink-4:#f8fafc38;--line:#ffffff14;--line-2:#ffffff24;--glass:#ffffff0a;--glass-2:#ffffff0f;--glass-3:#ffffff1a;--indigo:#6366f1;--violet:#8b5cf6;--emerald:#10b981;--cyan:#06b6d4;--amber:#f59e0b;--gold:#fbbf24;--rose:#ec4899;--pink:#f472b6;--danger:#ef4444;--orange:#f97316;--radius:16px;--radius-sm:12px;--radius-xs:8px;--radius-full:9999px;--transition:cubic-bezier(0.4,0,0.2,1);--font:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0b1a;background:var(--bg-0);background:radial-gradient(1200px 800px at 85% -10%,#8b5cf62e,#0000 60%),radial-gradient(900px 700px at -10% 30%,#6366f124,#0000 60%),radial-gradient(800px 600px at 50% 110%,#ec48991a,#0000 60%),linear-gradient(180deg,#0a0b1a,#14162e);background:radial-gradient(1200px 800px at 85% -10%,#8b5cf62e,#0000 60%),radial-gradient(900px 700px at -10% 30%,#6366f124,#0000 60%),radial-gradient(800px 600px at 50% 110%,#ec48991a,#0000 60%),linear-gradient(180deg,var(--bg-0) 0,var(--bg-1) 100%);color:#f8fafc;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-family:var(--font);letter-spacing:-.01em;min-height:100vh}body:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");content:"";inset:0;mix-blend-mode:overlay;opacity:.5}.ad-orb,body:before{pointer-events:none;position:fixed;z-index:0}.ad-orb{animation:ad-drift 22s cubic-bezier(.4,0,.2,1) infinite alternate;animation:ad-drift 22s var(--transition) infinite alternate;border-radius:9999px;filter:blur(80px);opacity:.55}.ad-orb-a{animation-duration:26s;background:radial-gradient(circle,#6366f1 0,#0000 60%);height:520px;left:-140px;top:-120px;width:520px}.ad-orb-b{animation-delay:-6s;animation-duration:30s;background:radial-gradient(circle,#8b5cf6 0,#0000 60%);height:620px;right:-180px;top:10%;width:620px}.ad-orb-c{animation-delay:-12s;animation-duration:34s;background:radial-gradient(circle,#ec4899 0,#0000 60%);bottom:-160px;height:440px;left:40%;opacity:.38;width:440px}@keyframes ad-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,30px,0) scale(1.08)}to{transform:translate3d(-30px,60px,0) scale(.96)}}.ad-glass{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius)}.ad-glass-2{-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);background:#ffffff0f;background:var(--glass-2)}.ad-glass-2,.ad-glass-strong{border:1px solid #ffffff24;border:1px solid var(--line-2);border-radius:16px;border-radius:var(--radius)}.ad-glass-strong{-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.ad-glass-hover:hover{background:#ffffff0f;background:var(--glass-2);border-color:#ffffff24;border-color:var(--line-2)}.ad-grad-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--indigo),var(--violet),var(--rose));-webkit-background-clip:text;background-clip:text}.ad-grad-text-emerald{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--emerald),var(--cyan));-webkit-background-clip:text;background-clip:text}.ad-grad-text-amber{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--amber),var(--gold));-webkit-background-clip:text;background-clip:text}.ad-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;letter-spacing:-.01em;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--transition)}.ad-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--indigo),var(--violet));box-shadow:0 4px 16px #6366f14d,0 0 0 0 #6366f100;color:#fff}.ad-btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.ad-btn-ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--line);color:#f8fafc9e;color:var(--ink-2)}.ad-btn-ghost:hover{background:#ffffff0f;background:var(--glass-2);border-color:#ffffff24;border-color:var(--line-2);color:#f8fafc;color:var(--ink)}.ad-btn-danger{background:#ef44441f;border:1px solid #ef444433;color:#ef4444;color:var(--danger)}.ad-btn-sm{border-radius:6px;font-size:11px;padding:5px 10px}.ad-btn-icon{align-items:center;background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-xs);color:#f8fafc66;color:var(--ink-3);cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s var(--transition);width:34px}.ad-btn-icon:hover{background:#ffffff0f;background:var(--glass-2);border-color:#ffffff24;border-color:var(--line-2);color:#f8fafc;color:var(--ink)}.ad-card{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--transition)}.ad-card:hover{border-color:#ffffff24;border-color:var(--line-2)}.ad-card-elevated{box-shadow:0 8px 32px #0000004d}.ad-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 10px}.ad-badge-indigo{background:#6366f126;color:#6366f1;color:var(--indigo)}.ad-badge-emerald{background:#10b98126;color:#10b981;color:var(--emerald)}.ad-badge-amber{background:#f59e0b26;color:#f59e0b;color:var(--amber)}.ad-badge-rose{background:#ec489926;color:#ec4899;color:var(--rose)}.ad-badge-danger{background:#ef444426;color:#ef4444;color:var(--danger)}.ad-badge-violet{background:#8b5cf626;color:#8b5cf6;color:var(--violet)}.ad-badge-cyan{background:#06b6d426;color:#06b6d4;color:var(--cyan)}.ad-badge-ghost{background:#ffffff0f;background:var(--glass-2);color:#f8fafc9e;color:var(--ink-2)}.ad-avatar{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.ad-avatar-sm{font-size:9px;height:24px;width:24px}.ad-avatar-lg{font-size:14px;height:40px;width:40px}.ad-input{background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-xs);color:#f8fafc;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.ad-input:focus{border-color:#6366f180}.ad-input::placeholder{color:#f8fafc38;color:var(--ink-4)}.ad-select{font-size:12px;padding:8px 12px}.ad-select,.ad-textarea{background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-xs);color:#f8fafc;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-family:var(--font);outline:none}.ad-textarea{font-size:13px;min-height:80px;padding:10px 14px;resize:vertical;width:100%}.ad-textarea:focus{border-color:#6366f180}.ad-tabs{background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-xs);display:flex;gap:2px;padding:3px}.ad-tab{background:#0000;border:none;border-radius:6px;color:#f8fafc66;color:var(--ink-3);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--transition)}.ad-tab:hover{background:#ffffff0a;background:var(--glass);color:#f8fafc9e;color:var(--ink-2)}.ad-tab.active{background:linear-gradient(135deg,#6366f138,#8b5cf62e);border:1px solid #6366f14d;color:#f8fafc;color:var(--ink)}.ad-pill{background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:9999px;border-radius:var(--radius-full);color:#f8fafc66;color:var(--ink-3);cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s var(--transition)}.ad-pill:hover{border-color:#ffffff24;border-color:var(--line-2);color:#f8fafc9e;color:var(--ink-2)}.ad-pill.active{background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f14d;color:#f8fafc;color:var(--ink)}.ad-progress{background:#ffffff0f;background:var(--glass-2);border-radius:3px;height:6px;overflow:hidden}.ad-progress-fill{border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width .3s var(--transition)}.ad-stat{background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);padding:16px}.ad-stat-label{color:#f8fafc66;color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.ad-stat-value{font-size:24px;font-weight:700;letter-spacing:-.02em}.ad-table{border:1px solid #ffffff14;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius);overflow:hidden}.ad-table-head{background:#ffffff0f;background:var(--glass-2);color:#f8fafc66;color:var(--ink-3);font-size:10px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase}.ad-table-head,.ad-table-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--line);display:grid}.ad-table-row{align-items:center;font-size:12px;padding:12px 16px;transition:background .1s}.ad-table-row:hover{background:#ffffff0a;background:var(--glass)}.ad-table-row:last-child{border-bottom:none}.ad-form-label{color:#f8fafc9e;color:var(--ink-2);display:block;font-size:11px;font-weight:600;margin-bottom:5px}.ad-form-group{margin-bottom:14px}.ad-form-grid{grid-gap:12px;grid-template-columns:1fr 1fr}.ad-form-grid,.ad-form-grid-3{display:grid;gap:12px;margin-bottom:16px}.ad-form-grid-3{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--glass-3);border-radius:4px}@keyframes ad-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ad-enter{animation:ad-fade-in .3s cubic-bezier(.4,0,.2,1) both;animation:ad-fade-in .3s var(--transition) both}.ad-spinner{animation:ad-spin .6s linear infinite;border:2px solid #ffffff14;border-top-color:#6366f1;border:2px solid var(--line);border-radius:50%;border-top-color:var(--indigo);height:24px;width:24px}@keyframes ad-spin{to{transform:rotate(1turn)}}.ad-z-orb{z-index:0}.ad-z-content{position:relative;z-index:1}.ad-z-sidebar{position:relative;z-index:10}.ad-z-topbar{position:relative;z-index:20}.ad-z-modal{z-index:100}.ad-z-toast{z-index:200}.ad-z-sticky{z-index:300}.ad-text-xs{font-size:10px}.ad-text-sm{font-size:12px}.ad-text-md{font-size:14px}.ad-text-lg{font-size:18px}.ad-text-xl{font-size:24px}.ad-text-2xl{font-size:32px}.ad-font-mono{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.ad-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-soft-shadow{box-shadow:0 8px 32px #0000004d}.ad-glow-indigo{box-shadow:0 0 40px #6366f14d,0 8px 32px #0000004d}.ad-select,select{background:#14162e!important;background:var(--bg-1)!important;color:#f8fafc!important;color:var(--ink)!important}select option{background:#14162e;background:var(--bg-1);color:#f8fafc;color:var(--ink)}.loading-screen{align-items:center;background:var(--bg-0);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{animation:ad-spin .6s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--indigo);height:36px;width:36px}.loading-screen p{color:var(--ink-3);font-size:13px;font-weight:500}
/*# sourceMappingURL=main.eaf74d33.css.map*/