@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);:root{--primary:#6366f1;--primary-dark:#4338ca;--primary-light:#eef2ff;--primary-glow:#6366f12e;--secondary:#f59e0b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--bg:#f0f2f8;--bg2:#e8eaf2;--surface:#fff;--surface2:#f6f7fb;--surface3:#eef0f7;--border:#e2e5f0;--border2:#d0d4e8;--text:#12152e;--text-muted:#6b7280;--text-light:#9ca3af;--sidebar-w:268px;--topbar-h:64px;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow-xs:0 1px 2px #0000000d;--shadow:0 1px 4px #12152e12,0 2px 8px #12152e0a;--shadow-md:0 4px 12px #12152e1a,0 2px 4px #12152e0f;--shadow-lg:0 16px 40px #12152e1f,0 4px 12px #12152e12;--shadow-primary:0 8px 24px #6366f147}html[data-theme=dark]{--primary:#818cf8;--primary-dark:#6366f1;--primary-light:#818cf824;--primary-glow:#818cf82e;--bg:#0b1220;--bg2:#0f172a;--surface:#0f172a;--surface2:#111c33;--surface3:#162445;--border:#94a3b82e;--border2:#94a3b847;--text:#e5e7eb;--text-muted:#e5e7ebb8;--text-light:#e5e7eb80;--shadow-xs:0 1px 2px #00000059;--shadow:0 2px 10px #00000040;--shadow-md:0 8px 18px #0000004d;--shadow-lg:0 22px 55px #00000073;--shadow-primary:0 14px 34px #818cf838}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0f2f8;background:var(--bg);color:#12152e;color:var(--text);line-height:1.6}body,h1,h2,h3,h4,h5{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}img{max-width:100%}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d0d4e8;background:var(--border2);border-radius:99px}.app-layout,.main-content{display:flex;min-height:100vh}.main-content{background:#f0f2f8;background:var(--bg);flex:1 1;flex-direction:column;margin-left:268px;margin-left:var(--sidebar-w)}.sidebar-overlay{-webkit-tap-highlight-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0006;inset:0;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;touch-action:manipulation;z-index:199}.page{background:#f0f2f8;flex:1 1;overflow-x:hidden;padding:28px 32px 40px}.page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.page-title{color:#12152e;color:var(--text);font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.3px}.page-subtitle{color:#6b7280;color:var(--text-muted);font-size:.875rem;margin-top:3px}.card{background:#fff;background:var(--surface);border:1px solid #e2e5f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 4px #12152e12,0 2px 8px #12152e0a;box-shadow:var(--shadow);transition:box-shadow .2s}.card-body{padding:22px}.btn{align-items:center;border:none;border-radius:10px;display:inline-flex;font-size:.875rem;font-weight:600;gap:7px;letter-spacing:.01em;padding:10px 20px;transition:all .18s ease;white-space:nowrap}.btn-primary{background:#6366f1;background:var(--primary);box-shadow:0 2px 8px #6366f12e;box-shadow:0 2px 8px var(--primary-glow);color:#fff}.btn-primary:hover{background:#4338ca;background:var(--primary-dark);box-shadow:0 8px 24px #6366f147;box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--surface);border:1.5px solid #d0d4e8;border:1.5px solid var(--border2);color:#12152e;color:var(--text)}.btn-secondary:hover{background:#eef0f7;background:var(--surface3);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{border-radius:7px;font-size:.78rem;padding:6px 13px}.btn-icon{align-items:center;background:#0000;border:none;border-radius:9px;color:#6b7280;color:var(--text-muted);display:inline-flex;justify-content:center;padding:8px;transition:all .15s}.btn-icon:hover{background:#eef0f7;background:var(--surface3);color:#6366f1;color:var(--primary)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.4px;margin-bottom:7px}.form-label,.form-section-label{color:#6b7280;color:var(--text-muted);text-transform:uppercase}.form-section-label{border-bottom:1.5px solid #e2e5f0;border-bottom:1.5px solid var(--border);font-size:.7rem;font-weight:700;letter-spacing:.8px;margin-bottom:12px;padding-bottom:8px}.form-control{background:#f6f7fb;background:var(--surface2);border:1.5px solid #e2e5f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#12152e;color:var(--text);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.form-control:focus{background:#fff;background:var(--surface);border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f12e;box-shadow:0 0 0 4px var(--primary-glow)}.form-control::placeholder{color:#9ca3af;color:var(--text-light)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.9}html[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,html[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,html[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.95}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.2px;padding:3px 10px}.badge-todo{background:#f1f5f9;color:#475569}.badge-in-progress{background:#dbeafe;color:#1e40af}.badge-review{background:#fef3c7;color:#92400e}.badge-done{background:#d1fae5;color:#065f46}.badge-low{background:#f0fdf4;color:#15803d}.badge-medium{background:#fefce8;color:#a16207}.badge-high{background:#fff7ed;color:#c2410c}.badge-critical{background:#fef2f2;color:#b91c1c}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fef2f2;color:#b91c1c}html[data-theme=dark] .badge-low{background:#16a34a2e;color:#bbf7d0}html[data-theme=dark] .badge-medium{background:#eab3082e;color:#fef9c3}html[data-theme=dark] .badge-high{background:#f9731638;color:#fed7aa}html[data-theme=dark] .badge-critical{background:#f871713d;color:#fee2e2}html[data-theme=dark] .badge-todo{background:#94a3b842;color:#e5e7eb}html[data-theme=dark] .badge-in-progress{background:#3b82f640;color:#bfdbfe}html[data-theme=dark] .badge-review{background:#f9731640;color:#fed7aa}html[data-theme=dark] .badge-done{background:#16a34a42;color:#bbf7d0}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-muted{color:#6b7280;color:var(--text-muted);font-size:.875rem}.text-center{text-align:center}.avatar{align-items:center;border:2px solid #ffffffb3;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#fff;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;height:36px;justify-content:center;object-fit:cover;overflow:hidden;width:36px}.avatar-sm{font-size:.65rem;height:30px;width:30px}.avatar-md{font-size:.9rem;height:44px;width:44px}.avatar-lg{font-size:1.1rem;height:56px;width:56px}.avatar-xl{border-width:3px;font-size:1.4rem;height:80px;width:80px}.avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.modal-overlay{align-items:flex-start;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0e1e8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px 16px;position:fixed;z-index:1000}.modal{animation:slideUp .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--surface);border:1px solid #e2e5f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 16px 40px #12152e1f,0 4px 12px #12152e12;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:92vh;max-width:620px;overflow:hidden;width:100%}.modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 26px 0}.modal-header h3{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700}.modal form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 26px}.modal-footer{display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:0 26px 22px}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.admin-task-tab{align-items:center;appearance:none;background:#fff;background:var(--surface);border:1.5px solid #e2e5f0;border:1.5px solid var(--border);border-radius:999px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#12152e;color:var(--text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:800;gap:10px;padding:9px 14px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,color .12s ease}.admin-task-tab:hover{box-shadow:0 4px 12px #12152e1a,0 2px 4px #12152e0f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-task-tab:active{transform:translateY(0)}.admin-task-tab-count{align-items:center;background:#f6f7fb;background:var(--surface2);border:1px solid #e2e5f0;border:1px solid var(--border);border-radius:999px;color:#6b7280;color:var(--text-muted);display:inline-flex;font-size:.78rem;font-weight:900;height:22px;justify-content:center;min-width:28px;padding:0 8px}.admin-task-user-filterhit{background:none;border:none;border-radius:10px;color:inherit;cursor:pointer;font:inherit;margin:0;padding:2px 4px;text-align:left;transition:background .15s ease}.admin-task-user-filterhit:hover{background:#f6f7fb;background:var(--surface2)}tbody tr.admin-task-row--overdue{background:#ef44441f}tbody tr.admin-task-row--overdue td:first-child{box-shadow:inset 3px 0 0 0 #dc2626bf}tbody tr.admin-task-row--overdue:hover td{background:#ef44442e}html[data-theme=dark] tbody tr.admin-task-row--overdue{background:#f8717124}html[data-theme=dark] tbody tr.admin-task-row--overdue td:first-child{box-shadow:inset 3px 0 0 0 #f871718c}html[data-theme=dark] tbody tr.admin-task-row--overdue:hover td{background:#f8717138}.admin-task-tab--all{border-color:#6366f138}.admin-task-tab--self{border-color:#10b98138}.admin-task-tab--assigned{border-color:#ef444438}.admin-task-tab--done{border-color:#10b98138}.admin-task-tab--recurring{border-color:#a855f738}.admin-task-tab--all.is-active{background:#6366f124;border-color:#6366f173;color:#3730a3}.admin-task-tab--self.is-active{background:#10b98124;border-color:#10b98173;color:#065f46}.admin-task-tab--assigned.is-active{background:#ef444424;border-color:#ef444473;color:#991b1b}.admin-task-tab--done.is-active{background:#10b98124;border-color:#10b98173;color:#065f46}.admin-task-tab--recurring.is-active{background:#a855f724;border-color:#a855f773;color:#6b21a8}.admin-task-tab.is-active .admin-task-tab-count{background:#ffffffa6;border-color:#0f172a14;color:currentColor}html[data-theme=dark] .admin-task-tab{background:#0f172aa6;border-color:#94a3b838;box-shadow:0 10px 28px #00000059}html[data-theme=dark] .admin-task-tab-count{background:#0206178c;border-color:#94a3b838;color:#e2e8f0d9}html[data-theme=dark] .admin-task-tab--all.is-active{background:#6366f12e;border-color:#6366f18c;color:#c7d2fe}html[data-theme=dark] .admin-task-tab--self.is-active{background:#10b9812e;border-color:#10b9818c;color:#bbf7d0}html[data-theme=dark] .admin-task-tab--assigned.is-active{background:#ef44442e;border-color:#ef44448c;color:#fecaca}html[data-theme=dark] .admin-task-tab--done.is-active{background:#10b9812e;border-color:#10b9818c;color:#bbf7d0}html[data-theme=dark] .admin-task-tab--recurring.is-active{background:#a855f72e;border-color:#a855f78c;color:#e9d5ff}html[data-theme=dark] .admin-task-tab.is-active .admin-task-tab-count{background:#02061759;border-color:#ffffff24;color:currentColor}.spinner{animation:loader-spin .9s linear infinite;height:38px;position:relative;width:38px}.spinner:before{background:conic-gradient(from 0deg,#6366f1 0deg,#6366f1e6 60deg,#eef2ff 120deg,#0000 180deg,#0000 240deg,#eef2ff 300deg,#6366f1 1turn);background:conic-gradient(from 0deg,var(--primary) 0deg,#6366f1e6 60deg,var(--primary-light) 120deg,#0000 180deg,#0000 240deg,var(--primary-light) 300deg,var(--primary) 1turn);filter:drop-shadow(0 0 8px rgba(99,102,241,.18));filter:drop-shadow(0 0 8px var(--primary-glow));inset:0}.spinner:after,.spinner:before{border-radius:50%;content:"";position:absolute}.spinner:after{background:#fff;background:var(--surface);inset:15%}.loading .spinner:after{background:#f0f2f8;background:var(--bg)}.loading .spinner{animation:logo-loader-float 1.15s ease-in-out infinite;background:url(/static/media/loader.af6ad0f409e3c5988eed.png) 50%/contain no-repeat;border:none;border-radius:0;box-shadow:none;filter:none;height:140px;width:550px}.loading .spinner:after,.loading .spinner:before{display:none}@keyframes logo-loader-float{0%,to{opacity:.96;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.06)}}@media (max-width:480px){.loading .spinner{border-radius:0;height:120px;width:120px}}@keyframes loader-spin{to{transform:rotate(1turn)}}.loading .loading-text{animation:loading-pulse 1.2s ease-in-out infinite;color:#6b7280;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}@keyframes loading-pulse{0%,to{opacity:.6}50%{opacity:1}}.empty-state{padding:64px 20px;text-align:center}.empty-state .empty-icon,.empty-state svg{color:#d0d4e8;color:var(--border2);margin-bottom:18px}.empty-state h3{color:#6b7280;color:var(--text-muted);font-size:1.05rem;font-weight:700;margin-bottom:8px}.empty-state p{color:#9ca3af;color:var(--text-light);font-size:.875rem}.kanban-board{align-items:flex-start;display:flex;gap:18px;overflow-x:auto;padding-bottom:16px}.kanban-column{background:#f6f7fb;background:var(--surface2);border:1px solid #e2e5f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);max-width:292px;min-width:292px;padding:14px}.kanban-column-header{align-items:center;border-bottom:2px solid #e2e5f0;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.kanban-column-title{font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.kanban-card{background:#fff;background:var(--surface);border:1px solid #e2e5f0;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);cursor:default;margin-bottom:10px;padding:14px;transition:all .18s ease}.kanban-card:hover{border-color:#d0d4e8;border-color:var(--border2);box-shadow:0 4px 12px #12152e1a,0 2px 4px #12152e0f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card{padding:24px}.stat-icon{align-items:center;border-radius:12px;display:flex;height:46px;justify-content:center;margin-bottom:14px;width:46px}.stat-value{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.6px;margin-top:5px;text-transform:uppercase}html[data-theme=dark] .stat-card .stat-icon{background:#0f172af5!important;border-radius:14px;box-shadow:0 8px 24px #00000073}@keyframes dashboard-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes dashboard-welcome-wave{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.dashboard-stat-icon{animation:dashboard-icon-pulse 2.5s ease-in-out infinite}.dashboard-stat-icon span{display:flex}.dashboard-welcome-icon{animation:dashboard-welcome-wave 2s ease-in-out infinite}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:#f6f7fb;background:var(--surface2);border-bottom:1.5px solid #e2e5f0;border-bottom:1.5px solid var(--border);color:#6b7280;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td{border-bottom:1px solid #e2e5f0;border-bottom:1px solid var(--border);font-size:.875rem;padding:14px 16px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td,tfoot td{background:#f6f7fb;background:var(--surface2)}tfoot td{border-top:2px solid #e2e5f0;border-top:2px solid var(--border);font-size:.82rem;padding:12px 16px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border-bottom:1px solid #e2e5f0;height:var(--topbar-h);padding:0 32px;z-index:100}.topbar-title{font-family:Poppins,sans-serif;font-size:1.05rem}.topbar-right{gap:10px}.topbar-greeting{border-left:1.5px solid #e2e5f0;border-left:1.5px solid var(--border);color:#6b7280;padding-left:10px}.sidebar{background:#12152e;border-right:1px solid #ffffff0f;bottom:0;width:268px}.sidebar-brand{border-bottom:1px solid #ffffff12;gap:11px;padding:22px 20px 20px}.brand-icon{background:#6366f1;box-shadow:0 4px 12px #6366f173;font-size:.8rem;font-weight:800;letter-spacing:.5px}.brand-icon,.brand-name{font-family:Poppins,sans-serif}.brand-name{color:#fff;font-weight:700;letter-spacing:-.2px}.sidebar-nav{padding:16px 12px}.nav-label{color:#ffffff4d;font-size:.62rem;letter-spacing:1.2px}.nav-item{border-radius:10px;color:#ffffff8c;cursor:pointer}.nav-item:hover{background:#ffffff0f;color:#ffffffe6}.nav-item.active{background:#6366f140;color:#a5b4fc}.nav-item.active .nav-icon{color:#6366f1;color:var(--primary)}.nav-icon{font-size:1.1rem;width:20px}.sidebar-footer{border-top:1px solid #ffffff12;gap:10px;padding:12px}.sidebar-user{border-radius:10px;cursor:pointer;padding:8px 10px}.sidebar-user:hover{background:#ffffff0f}.sidebar-user-name{color:#ffffffe6;font-size:.82rem;font-weight:700}.sidebar-user-role{color:#fff6;font-size:.68rem}.sidebar-footer .btn-icon{color:#fff6}.sidebar-footer .btn-icon:hover{background:#ffffff14;color:#fff}.action-dropdown{animation:slideUp .12s ease;background:#fff;background:var(--surface);border:1.5px solid #e2e5f0;border:1.5px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #12152e21;margin-top:4px;min-width:175px;overflow:hidden;position:absolute;right:0;top:100%;z-index:300}.action-dropdown-portaled{box-shadow:0 12px 40px #12152e2e;max-height:60vh;overflow-y:auto;pointer-events:auto;z-index:1200}.action-dropdown-item{align-items:center;background:none;border:none;color:#12152e;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:10px;padding:9px 14px;text-align:left;transition:background .1s;width:100%}.action-dropdown-item:hover{background:#f6f7fb;background:var(--surface2)}.action-dropdown-item.danger{color:#ef4444;color:var(--danger)}.action-dropdown-item.danger:hover{background:#fee2e2}.action-dropdown-divider{background:#e2e5f0;background:var(--border);height:1px;margin:4px 0}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-left:0}.page{background:#f0f2f8;background:var(--bg);overflow-x:hidden;padding:18px 16px 32px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.kanban-board{flex-direction:column}.kanban-column{max-width:100%;min-width:100%}.topbar{backdrop-filter:none;-webkit-backdrop-filter:none}body.sidebar-drawer-open{overflow:hidden}.sidebar{-webkit-overflow-scrolling:touch;bottom:0;height:100%;left:0;min-height:100dvh;min-height:100vh;padding-top:env(safe-area-inset-top,0);top:0;transform:translateX(-100%);transition:transform .25s ease-out;width:min(320px,85vw)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar .sidebar-brand{padding-top:calc(16px + env(safe-area-inset-top, 0))}.sidebar .nav-item{font-size:.9rem;min-height:44px;padding:12px 16px}.sidebar .nav-icon{font-size:1.25rem}}.mention-dropdown{background:#fff;border:1px solid #e2e5f0;margin:0;min-width:200px}.mention-dropdown-below{bottom:auto!important;margin-bottom:0!important;margin-top:6px!important;top:100%!important}.mention-dropdown-item{color:#12152e;list-style:none}.mention-dropdown-item:hover{background:#eef2ff;color:#6366f1}.mention-dropdown-item .avatar,.mention-dropdown-item .comment-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:hidden}.mention-link{color:#6366f1;color:var(--primary);font-weight:600;text-decoration:none}.mention-link:hover{text-decoration:underline}.sidebar{background:var(--surface);border-right:1px solid var(--border);box-shadow:2px 0 18px #0f172a0a;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-w);z-index:200}.sidebar-brand{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:22px 20px}.sidebar-brand-user{align-items:center;flex-direction:column;gap:12px}.sidebar-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:72px;justify-content:center;overflow:hidden;width:72px}.sidebar-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-details{align-items:center;display:flex;flex-direction:column;min-width:0;text-align:center;width:100%}.sidebar-brand-user .sidebar-user-name{color:var(--text);font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-admin-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.brand-icon{align-items:center;background:var(--primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:900;height:36px;justify-content:center;width:36px}.brand-name{color:var(--text);flex:1 1;font-size:1.1rem;font-weight:800}.sidebar-close{color:var(--text-muted);margin-left:auto}.sidebar-close-btn{align-items:center;background:#0f172a14;border:none;border-radius:8px;color:var(--text);cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .15s,color .15s;width:40px}.sidebar-close-btn:hover{background:#0f172a1f;color:var(--text)}@media (max-width:768px){.sidebar{height:100%;min-height:100dvh;min-height:100vh}.sidebar-brand.sidebar-brand-user{flex-shrink:0;padding-right:56px;position:relative}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.sidebar-close-btn{display:flex}}.sidebar-nav{flex:1 1;padding:16px 12px 20px}.nav-label{font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:6px;opacity:.75;padding:0 8px;text-transform:uppercase}.nav-item,.nav-label{color:var(--text-muted)}.nav-item{align-items:center;background:#0000;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin-bottom:2px;padding:10px 12px;transition:all .15s}.nav-item:hover{background:var(--surface3);color:var(--text)}.nav-item.active{background:var(--primary-light);box-shadow:0 0 0 1px #6366f129;color:var(--primary)}.nav-icon{align-items:center;color:var(--text-light);display:flex;flex-shrink:0;font-size:1.2rem}.nav-group{margin-bottom:6px}.nav-group-header{cursor:pointer}.nav-group-header:hover{background:var(--surface3)}.nav-group-header.open{background:var(--primary-light);box-shadow:0 0 0 1px #6366f129;color:var(--primary)}.nav-sublist{animation:nav-sublist-enter .18s ease-out;display:flex;flex-direction:column;margin-left:34px;margin-top:4px}.nav-subitem{border-radius:6px;color:var(--text-muted);font-size:.82rem;padding:6px 10px}.nav-subitem:hover{background:var(--surface3);color:var(--text)}.nav-subitem.active{background:var(--primary-light);color:var(--primary)}@keyframes nav-sublist-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dashboard .nav-icon{color:#3b82f6}.nav-tasks .nav-icon{color:#10b981}.nav-enrollments .nav-icon{color:#f59e0b}.nav-admin-staff .nav-icon{color:#6366f1}.nav-admin-tasks .nav-icon{color:#ec4899}.nav-admin-orgs .nav-icon{color:#8b5cf6}.nav-admin-enrollments .nav-icon{color:#f97316}.sidebar-footer{border-top:1px solid var(--border);gap:8px;padding:16px}.sidebar-footer,.sidebar-user{align-items:center;display:flex}.sidebar-user{border-radius:8px;flex:1 1;gap:10px;min-width:0;padding:6px 8px;transition:background .15s}.sidebar-user:hover{background:var(--surface3)}.sidebar-user-info{min-width:0}.sidebar-user-name{color:var(--text);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.sidebar-footer .btn-icon{color:var(--text-muted);flex-shrink:0;font-size:1.1rem}.sidebar-footer .btn-icon:hover{background:var(--surface3);color:var(--primary)}.notif-btn,.notif-wrapper{position:relative}.notif-btn.has-unread{color:var(--primary)}.notif-btn.has-comment{background:#dc262614;color:#dc2626!important}.notif-btn.has-comment:hover{background:#dc262624!important;color:#b91c1c!important}.notif-btn.has-comment .notif-badge{background:#dc2626}.notif-badge{align-items:center;background:#ef4444;border:2px solid var(--surface);border-radius:99px;color:#fff;display:flex;font-size:.62rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;top:-4px}.notif-panel{animation:fadeInDown .15s ease;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:1000}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:.9rem;font-weight:700;justify-content:space-between;padding:14px 16px}.notif-list{max-height:420px;overflow-y:auto}.notif-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.875rem;gap:8px;padding:40px 20px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:12px 14px;position:relative;transition:background .12s}.notif-item:hover{background:var(--surface2)}.notif-item.unread{background:var(--primary-light)}.notif-item.unread:before{background:var(--primary);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notif-icon{align-items:center;background:var(--surface2);border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-top:2px;width:30px}.notif-content{flex:1 1;min-width:0}.notif-message{font-size:.82rem;line-height:1.4;margin-bottom:2px}.notif-task{color:var(--primary);font-size:.78rem;font-weight:600}.notif-comment,.notif-task{margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-comment{color:var(--text-muted);font-size:.75rem;font-style:italic}.notif-time{color:var(--text-muted);font-size:.72rem}.notif-delete{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;opacity:0;padding:4px;transition:opacity .1s}.notif-item:hover .notif-delete{opacity:1}.notif-delete:hover{background:var(--surface2);color:var(--danger)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.topbar-right{gap:4px}.topbar-icon-btn,.topbar-right{align-items:center;display:flex}.topbar-icon-btn{background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:1.35rem;height:40px;justify-content:center;text-decoration:none;transition:background .15s,color .15s;width:40px}.topbar-icon-btn:hover{background:var(--border);color:var(--text)}.topbar-icon-btn-logout:hover{background:#dc262614;color:#dc2626;color:var(--danger,#dc2626)}.topbar-menu{display:none;font-size:1.4rem}.topbar-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:none;height:40px;justify-content:center;transition:background .15s,color .15s;width:40px}.topbar-menu-btn:hover{background:var(--border);color:var(--text)}.topbar-title{color:var(--text);font-size:1.1rem;font-weight:700}.topbar-user-dropdown{position:relative}.topbar-user-trigger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font:inherit;gap:8px;padding:4px 10px;transition:background .15s}.topbar-user-trigger:hover{background:var(--border)}.topbar-trigger-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.topbar-trigger-avatar img{height:100%;object-fit:cover;width:100%}.topbar-greeting{color:var(--text-muted);font-size:.875rem;font-weight:600}.topbar-dropdown-chevron{color:var(--text-muted);font-size:1.2rem;transition:transform .2s}.topbar-dropdown-chevron.open{transform:rotate(180deg)}.topbar-user-menu{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:220px;padding:12px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.topbar-user-menu-header{align-items:center;display:flex;gap:12px;padding:0 16px 12px}.topbar-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.topbar-user-avatar img{height:100%;object-fit:cover;width:100%}.topbar-user-menu-info{display:flex;flex-direction:column;min-width:0}.topbar-user-menu-name{color:var(--text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-menu-role{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.topbar-user-menu-divider{background:var(--border);height:1px;margin:8px 0}.topbar-user-menu-item{align-items:center;background:none;border:none;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.topbar-user-menu-item:hover{background:var(--border)}.topbar-user-menu-item.logout{color:#dc2626;color:var(--danger,#dc2626)}.topbar-user-menu-item.logout:hover{background:#dc262614}@media (max-width:768px){.topbar-menu,.topbar-menu-btn{display:flex}.topbar{padding:0 16px}}.rightbar-toggle-btn{align-items:center;background:var(--primary);border:none;border-radius:999px;bottom:20px;box-shadow:0 10px 25px #6366f166;color:#fff;display:flex;font-size:1.4rem;height:42px;justify-content:center;position:fixed;right:18px;width:42px;z-index:250}.rightbar-toggle-btn:hover{background:var(--primary-dark)}.rightbar-toggle-badge{background:#22c55e;border:2px solid #fff;border:2px solid var(--surface,#fff);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;height:18px;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;top:-4px}.rightbar-socket-dot,.rightbar-toggle-badge{align-items:center;display:flex;justify-content:center}.rightbar-socket-dot{border-radius:6px;cursor:default;font-size:.7rem;height:24px;width:24px}.rightbar-socket-dot.connected{background:#16a34a14;color:#16a34a}.rightbar-socket-dot.disconnected{background:#ef444414;color:#ef4444}.rightbar{background:var(--surface);border-left:1px solid var(--border);bottom:0;box-shadow:-12px 0 30px #0f172a26;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .22s cubic-bezier(.22,.61,.36,1);width:340px;z-index:240}.rightbar-open{transform:translateX(0)}.rightbar-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:18px 18px 10px}.rightbar-title{font-size:1rem;font-weight:700}.rightbar-subtitle{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:4px;margin-top:2px}.rightbar-stat{font-size:.75rem;font-weight:600}.rightbar-stat.online{color:#16a34a}.rightbar-stat-sep,.rightbar-stat.offline{color:var(--text-muted)}.rightbar-stat-sep{font-size:.7rem}.rightbar-close-btn{background:#0000}.rightbar-refresh-btn{background:#0000;color:var(--text-muted)}.rightbar-refresh-btn:hover{color:var(--primary)}.rightbar-body{flex:1 1;overflow-y:auto;padding:10px 16px 18px}.rightbar-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.rightbar-item{background:var(--surface2);border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:10px;transition:border-color .15s}.rightbar-item--online{background:#22c55e08;border-color:#22c55e4d}.rightbar-avatar-wrapper{position:relative}.rightbar-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.rightbar-avatar img{height:100%;object-fit:cover;width:100%}.rightbar-status-dot{background:#9ca3af;border:2px solid #fff;border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.rightbar-status-dot.online{background:#22c55e}.rightbar-item-main{flex:1 1;min-width:0}.rightbar-item-name-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.rightbar-item-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rightbar-status-pill{border-radius:999px;font-size:.7rem;font-weight:600;padding:2px 8px}.rightbar-status-pill.online{background:#dcfce7;color:#166534}.rightbar-status-pill.offline{background:#f3f4f6;color:#4b5563}.rightbar-item-email{color:var(--text-muted);font-size:.78rem;margin-top:2px;word-break:break-all}.rightbar-item-meta{color:var(--text-light);font-size:.78rem;margin-top:4px}.rightbar-item-org{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:6px;margin-top:4px}.rightbar-item-org img{border-radius:6px;height:18px;object-fit:cover;width:18px}.rightbar-item-designation{color:var(--text-muted);font-size:.73rem;margin-top:2px}.rightbar-item-lastseen{color:var(--text-muted);font-size:.72rem;margin-top:4px}.rightbar-lastseen-online{color:#16a34a;font-size:.72rem;font-weight:600}html[data-theme=dark] .rightbar-status-pill.online{background:#22c55e26;color:#4ade80}html[data-theme=dark] .rightbar-status-pill.offline{background:#94a3b81a;color:#94a3b8}html[data-theme=dark] .rightbar-item--online{background:#22c55e0a;border-color:#22c55e33}html[data-theme=dark] .rightbar-status-dot{border-color:#1e293b;border-color:var(--surface2,#1e293b)}@media (max-width:768px){.rightbar-toggle-btn{right:12px}}.auth-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-page-split{align-items:stretch;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:0}.auth-split-left{align-items:center;background:linear-gradient(145deg,#1e1b4b,#312e81 40%,#1e1b4b);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:48px 40px;position:relative}.auth-split-left:before{background:radial-gradient(ellipse 80% 50% at 50% 50%,#6366f126 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.auth-lottie-wrap{max-width:520px;position:relative;width:100%;z-index:1}.auth-lottie{height:auto!important;max-height:480px;width:100%!important}.auth-left-content{margin-top:32px;position:relative;text-align:center;z-index:1}.auth-left-title{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.auth-left-tagline{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:280px}.auth-split-right{align-items:center;background:#f0f2f8;display:flex;justify-content:center;padding:32px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;padding:40px;width:100%}.auth-card-split{border:1px solid #e2e5f0;box-shadow:0 20px 40px #12152e14,0 4px 12px #12152e0a;max-width:400px}.auth-logo-wrap{margin-bottom:24px;text-align:center}.auth-logo{display:block;height:auto;margin:0 auto;max-height:120px;max-width:240px;object-fit:contain;width:auto}.auth-brand{color:#0f172a;font-size:1.25rem;font-weight:800;gap:10px;margin-bottom:28px}.auth-brand,.auth-brand-icon{align-items:center;display:flex}.auth-brand-icon{background:#4f46e5;border-radius:10px;color:#fff;font-size:.875rem;font-weight:900;height:38px;justify-content:center;width:38px}.auth-title{color:#0f172a;font-size:1.6rem;font-weight:800;margin-bottom:4px}.auth-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:28px}.auth-card .form-label{color:#9ca3af;font-size:.78rem;font-weight:600;letter-spacing:.08em}.auth-card .form-control{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 0 0 0 #00000005;color:#0f172a;font-weight:500}.auth-card .form-control::placeholder{color:#9ca3af}.auth-btn{font-size:.95rem;justify-content:center;margin-top:4px;padding:12px;width:100%}.auth-link{color:#6b7280;font-size:.875rem;margin-top:20px;text-align:center}.auth-link a{color:#4f46e5;font-weight:600}.auth-link a:hover{text-decoration:underline}@media (max-width:1024px){.auth-page-split{grid-template-columns:1fr}.auth-split-left{min-height:36vh;padding:32px 24px}.auth-lottie-wrap{max-width:340px}.auth-lottie{max-height:280px}.auth-left-title{font-size:1.35rem}.auth-left-tagline{font-size:.85rem}}@media (max-width:480px){.auth-split-right{padding:20px 16px}.auth-card-split{padding:28px 24px}}.comment-modal{display:flex;flex-direction:column;max-height:85vh;max-width:540px;overflow:visible}.comment-list{flex:1 1;max-height:440px;min-height:200px;overflow-y:auto;padding:8px 20px 4px}.comment-item{border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 0}.comment-item:last-child{border-bottom:none}.comment-item.comment-admin{background:var(--primary-light);border-bottom:1px solid var(--border);border-left:3px solid var(--primary);margin:0 -20px;padding:10px 20px}.comment-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:34px;justify-content:center;margin-top:2px;width:34px}.comment-body{flex:1 1;min-width:0}.comment-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.comment-author{font-size:.82rem;font-weight:700}.comment-admin-badge{background:var(--primary);border-radius:99px;color:#fff;font-size:.68rem;font-weight:700;padding:1px 6px}.comment-admin-badge,.comment-replying-to{align-items:center;display:inline-flex;gap:2px}.comment-replying-to{color:var(--primary);font-size:.72rem;font-weight:500}.comment-time{color:var(--text-muted);font-size:.72rem;margin-left:auto}.comment-text{font-size:.875rem;line-height:1.5;margin-bottom:6px;word-break:break-word}.comment-text.admin-text{color:var(--text)}.comment-reply-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;gap:3px;padding:2px 6px;transition:all .1s}.comment-reply-btn:hover{background:var(--surface2);color:var(--primary)}.comment-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.comment-attachment-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.comment-attachment-preview{background:var(--surface2);border:1px solid var(--border);border-radius:8px;max-height:140px;max-width:180px;overflow:hidden}.comment-attachment-preview img{display:block;height:100%;max-height:140px;object-fit:cover;width:100%}.comment-attachment-download,.comment-attachment-link{align-items:center;background:var(--primary-light);border:none;border-radius:6px;color:var(--primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;gap:6px;padding:4px 8px;text-decoration:none;transition:background .15s}.comment-attachment-download:hover,.comment-attachment-link:hover{background:#6366f133}.comment-attachment-icon{color:var(--primary);flex-shrink:0}.comment-attachment-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-indicator{background:var(--primary-light);border-top:1px solid var(--border);font-size:.8rem;gap:6px;padding:8px 20px}.reply-indicator,.reply-indicator button{align-items:center;color:var(--primary);display:flex}.reply-indicator button{background:none;border:none;cursor:pointer;margin-left:auto}.comment-input-row{align-items:center;border-top:1px solid var(--border);display:flex;flex-direction:row!important;gap:10px;padding:12px 20px}.comment-avatar-sm{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:30px;justify-content:center;width:30px}.comment-input-wrap{flex:1 1;min-width:0;position:relative}.comment-input-wrap .mention-dropdown{border-radius:12px;bottom:100%;box-shadow:0 10px 40px #0000001f;margin-bottom:6px;margin-top:0!important;max-height:280px;top:auto!important;z-index:200}.comment-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:99px;color:var(--text);flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:8px 16px;transition:border-color .15s}.comment-input:focus{background:var(--surface);border-color:var(--primary)}.comment-send-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:opacity .15s;width:36px}.comment-send-btn:disabled{cursor:not-allowed;opacity:.4}.comment-send-btn:not(:disabled):hover{opacity:.85}.mytasks-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.mytasks-page-header h1{align-items:center;color:var(--text);display:flex;font-size:1.75rem;font-weight:800;gap:12px;letter-spacing:-.02em}.mytasks-page-header h1 .title-icon{align-items:center;background:linear-gradient(135deg,var(--primary),#818cf8);border-radius:12px;box-shadow:0 4px 14px var(--primary-glow);color:#fff;display:flex;font-size:1.4rem;height:44px;justify-content:center;width:44px}.mytasks-page-subtitle{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px;margin-top:6px}.mytasks-superadmin-tabs{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-width:100%;padding:6px;width:100%}.mytasks-superadmin-tabs button{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;transition:background .15s,color .15s}.mytasks-superadmin-tabs button:hover{background:var(--surface);color:var(--text)}.mytasks-superadmin-tabs button.active{background:var(--surface);box-shadow:0 1px 4px #6366f11f;color:var(--primary)}.mytasks-tab-count{align-items:center;background:var(--primary-light);border-radius:999px;color:var(--primary);display:inline-flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.mytasks-superadmin-tabs button.active .mytasks-tab-count{background:#6366f133;color:var(--primary)}.mytasks-superadmin-tab-panel{min-width:0}.mytasks-kanban-board-inner{flex:1 1;min-height:0}.mytasks-split-empty{padding:28px 20px}.mytasks-split-empty p{color:var(--text-muted);font-size:.9rem;margin:0}.mytasks-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.mytasks-search-wrap{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;display:flex;flex:1 1;gap:10px;max-width:300px;padding:0 16px}.mytasks-search-wrap .search-icon{color:var(--text-muted);font-size:1.25rem}.mytasks-view-toggle{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-left:auto;padding:5px}.mytasks-view-toggle button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.mytasks-view-toggle button.active{background:var(--primary);box-shadow:0 2px 8px var(--primary-glow);color:#fff}.mytasks-view-toggle button:not(.active):hover{background:var(--surface3);color:var(--text)}.kanban-card .card-meta-row .new-task-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;box-shadow:0 1px 3px #10b98159;color:#fff;display:inline-flex;font-size:.6rem;font-weight:700;gap:3px;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.kanban-card .card-meta-row .new-task-badge .badge-dot{animation:new-badge-pulse 1.2s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;width:4px}.kanban-card-overdue{background:linear-gradient(135deg,#7f1d1d29,#f871711a);border:1px solid #ef4444d9;box-shadow:0 0 0 1px #ef44442e,0 8px 18px #ef444440}.kanban-card-overdue .card-deadline{color:#b91c1c;font-weight:600}.kanban-card-overdue .card-priority-badge{background:#f871711f;color:#b91c1c}@keyframes new-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.kanban-card .card-title-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.kanban-card .card-title{color:var(--text);flex:1 1;font-size:.95rem;font-weight:700;line-height:1.35;min-width:0}.kanban-card .card-title-clickable{border-radius:6px;cursor:pointer;margin:-2px -4px;padding:2px 4px;transition:background .15s,color .15s}.kanban-card .card-comment-badge,.kanban-card .card-title-clickable:hover{background:var(--primary-light);color:var(--primary)}.kanban-card .card-comment-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:700;gap:2px;padding:4px 6px;pointer-events:none}.kanban-card .card-actions{display:flex;flex-shrink:0;gap:4px}.kanban-card .card-actions .btn-icon{align-items:center;border-radius:8px;color:var(--text-muted);display:inline-flex;font-size:1.1rem;height:34px;justify-content:center;padding:0;transition:all .15s;width:34px}.kanban-card .card-actions .btn-icon:hover{background:var(--primary-light);color:var(--primary)}.kanban-card .card-actions .btn-icon.has-comments{color:var(--primary);position:relative}.kanban-card .card-actions .btn-icon.has-comments .comment-count{align-items:center;background:var(--primary);border-radius:99px;color:#fff;display:flex;font-size:.65rem;font-weight:800;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}.kanban-card .card-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.kanban-card .card-priority-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:4px 10px;text-transform:capitalize}.kanban-card .card-assignee{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;gap:6px}.kanban-card .card-assigned-by-wrap{background:linear-gradient(135deg,#6366f10f,#6366f108);border:1px solid #6366f133;border-left:3px solid var(--primary);border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 10px}.kanban-card .card-assigned-by-label{align-items:center;color:var(--primary);display:inline-flex;font-size:.68rem;font-weight:700;gap:5px;letter-spacing:.06em;text-transform:uppercase}.kanban-card .card-assigned-by{align-items:center;display:inline-flex;gap:8px}.kanban-card .card-assigned-by-name{color:var(--text);font-size:.82rem;font-weight:600}.kanban-card .card-co-assignee-wrap{background:linear-gradient(135deg,#06b6d412,#06b6d408);border:1px solid #06b6d438;border-left:3px solid #06b6d4;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 10px}.kanban-card .card-co-assignee-label{align-items:center;color:#0891b2;display:inline-flex;font-size:.68rem;font-weight:700;gap:5px;letter-spacing:.06em;text-transform:uppercase}.kanban-card .card-deadline{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:500;gap:6px}.kanban-card .card-deadline .date-icon{font-size:1rem;opacity:.9}.kanban-card .card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.82rem;line-height:1.5;margin-bottom:10px;overflow:hidden}.kanban-card .card-tags{display:flex;flex-wrap:wrap;gap:6px}.kanban-card .card-tags .tag{background:var(--primary-light);border-radius:6px;color:var(--primary);font-size:.68rem;font-weight:600;padding:3px 8px}.mytasks-list-table .col-title{font-size:.95rem;font-weight:700}.mytasks-list-table .row-new-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-flex;font-size:.58rem;font-weight:700;gap:3px;letter-spacing:.04em;margin-left:6px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}.mytasks-list-table .action-btn{align-items:center;border-radius:8px;color:var(--text-muted);display:inline-flex;height:36px;justify-content:center;margin:0 2px;padding:0;position:relative;transition:all .15s;width:36px}.mytasks-list-table .action-btn:hover{background:var(--primary-light);color:var(--primary)}.mytasks-list-table .action-btn.has-comments{color:var(--primary);position:relative}.mytasks-list-table .action-btn .comment-bubble{align-items:center;background:var(--danger);border-radius:99px;color:#fff;display:flex;font-size:.65rem;font-weight:800;height:16px;justify-content:center;min-width:16px;position:absolute;right:-2px;top:-2px}.mytasks-list-table .tag{background:var(--primary-light);border-radius:6px;color:var(--primary);font-size:.68rem;font-weight:600;padding:3px 8px}.mytasks-list-table .mytasks-self-created-pill{align-items:center;background:linear-gradient(135deg,var(--primary-light),#818cf838);border:1px solid #6366f159;border-radius:999px;box-shadow:0 1px 3px #6366f11f;color:var(--primary);display:inline-flex;font-size:.72rem;font-weight:700;justify-content:center;letter-spacing:.02em;padding:5px 12px;white-space:nowrap}.mytasks-list-table .row-new-badge .badge-dot{animation:new-badge-pulse 1.2s ease-in-out infinite;background:#fff;border-radius:50%;display:inline-block;height:4px;width:4px}.modal.modal-sm{max-width:400px}.task-list-title-link:hover{color:var(--primary)!important;text-decoration:underline!important}.task-detail-page{margin:0 auto;max-width:1400px;width:100%}.task-detail-header{background:linear-gradient(135deg,var(--surface) 0,var(--surface2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden;padding:28px 32px;position:relative}.task-detail-header:before{background:linear-gradient(180deg,var(--primary),#818cf8);border-radius:5px 0 0 5px;content:"";height:100%;left:0;position:absolute;top:0;width:5px}.task-detail-back{align-items:center;color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:14px;padding:4px 0;text-decoration:none;transition:color .15s}.task-detail-back:hover{color:var(--primary-dark)}.task-detail-title{color:var(--text);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin-bottom:16px;padding-right:16px}.task-detail-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.task-detail-meta-row .badge{border-radius:8px;font-size:.78rem;font-weight:700;padding:6px 12px;text-transform:capitalize}.task-detail-actions-row{background:linear-gradient(135deg,#3b82f60f,#4f46e508);border:1px solid #3b82f642;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;padding:10px 14px}.task-detail-action-group{display:flex;flex-direction:column;gap:6px;min-width:170px}.task-detail-action-label{align-items:center;color:#1d4ed8;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.08em;text-transform:uppercase}.task-detail-select{background:#fff;border:1px solid #0f172a29;border-radius:999px;box-shadow:0 1px 4px #0f172a1f;color:var(--text);font-size:.86rem;font-weight:500;padding:7px 11px}.task-detail-select:focus{border-color:var(--primary);box-shadow:0 0 0 1px #3b82f659;outline:none}.task-detail-select:disabled{cursor:not-allowed;opacity:.7}.task-detail-multi-select{border-radius:12px;min-height:42px}.task-detail-multi-select label{color:var(--text);font-size:.86rem;font-weight:500}.task-detail-multi-select input[type=checkbox]{accent-color:var(--primary);height:14px;width:14px}.task-detail-deadline{align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:999px;box-shadow:0 1px 6px #3b82f62e;color:#0369a1;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.task-detail-deadline-text{align-items:center;display:inline-flex;gap:6px}.task-detail-deadline-overdue{background:#fee2e2;border-color:#fecaca;box-shadow:0 1px 6px #ef444440;color:#b91c1c}.task-detail-deadline-soon{background:#fef3c7;border-color:#fcd34d;box-shadow:0 1px 6px #eab30840;color:#92400e}.task-detail-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 300px}@media (max-width:900px){.task-detail-grid{grid-template-columns:1fr}}.task-detail-main{display:flex;flex-direction:column;gap:24px}.task-detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:24px;transition:box-shadow .2s}.task-detail-section:hover{box-shadow:var(--shadow)}.task-detail-section h3{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.task-detail-description .mention-link{color:var(--primary);font-weight:600;text-decoration:none}.task-detail-description .mention-link:hover{text-decoration:underline}.task-detail-description{color:var(--text);font-size:.95rem;line-height:1.7;white-space:pre-wrap}html[data-theme=dark] .task-detail-header{background:linear-gradient(135deg,#020617,#020617 45%,#020617)}html[data-theme=dark] .task-detail-actions-row{background:linear-gradient(135deg,#94a3b824,#1e40af2e);border-color:#94a3b873}html[data-theme=dark] .task-detail-select{background:var(--surface);border-color:var(--border2);box-shadow:0 1px 4px #00000073}html[data-theme=dark] .task-detail-deadline{background:#38bdf829;border-color:#38bdf899;box-shadow:0 1px 6px #38bdf866;color:#f9fafb}html[data-theme=dark] .task-detail-deadline-overdue{background:#f871713d;border-color:#f87171b3;box-shadow:0 1px 6px #f8717180;color:#fee2e2}html[data-theme=dark] .task-detail-deadline-soon{background:#fbbf243d;border-color:#fbbf24b3;box-shadow:0 1px 6px #fbbf2480;color:#fef9c3}.task-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.task-detail-tag{background:linear-gradient(135deg,var(--primary-light) 0,#e0e7ff 100%);border-radius:8px;color:var(--primary);font-size:.8rem;font-weight:600;padding:6px 14px}.task-detail-attachments{display:flex;flex-direction:column;gap:16px}.task-detail-no-attachments{color:var(--text-muted);font-size:.9rem;margin:0;padding:16px 0}.task-detail-attachments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.task-detail-attachment-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,border-color .2s}.task-detail-attachment-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}.task-detail-attachment-preview{align-items:center;aspect-ratio:4/3;background:var(--surface);display:flex;justify-content:center;overflow:hidden;width:100%}.task-detail-attachment-preview img{display:block;height:100%;object-fit:cover;width:100%}.task-detail-attachment-doc-icon{align-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#6366f114,#818cf80d);color:var(--primary);display:flex;justify-content:center;width:100%}.task-detail-attachment-info{display:flex;flex-direction:column;gap:8px;padding:12px}.task-detail-attachment-name{color:var(--text);font-size:.82rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-attachment-download-btn{align-items:center;background:var(--primary-light);border:1px solid #6366f140;border-radius:8px;color:var(--primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s,color .15s}.task-detail-attachment-download-btn:hover{background:#6366f133;color:var(--primary-dark)}.task-detail-attachment-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.task-detail-attachment-delete-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:6px 10px;transition:background .15s,color .15s}.task-detail-attachment-delete-btn:hover{background:#fecaca;color:#7f1d1d}.task-detail-comments{padding:24px}.task-detail-comment-list{margin-bottom:20px;max-height:420px;overflow-y:auto;padding-right:4px}.task-detail-no-comments{background:var(--surface2);border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);font-size:.9rem;padding:32px 24px;text-align:center}.task-detail-comment-item{border-bottom:1px solid var(--border);display:flex;gap:14px;padding:16px 0;transition:background .15s}.task-detail-comment-item:last-child{border-bottom:none}.task-detail-comment-item:hover{background:var(--surface2);border-radius:10px;margin:0 -8px;padding:16px 8px}.task-detail-comment-item.admin .task-detail-comment-text{background:linear-gradient(90deg,var(--primary-light) 0,#0000 100%);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;margin-left:-4px;padding:10px 12px}.task-detail-avatar{align-items:center;border:2px solid var(--surface);border-radius:50%;box-shadow:var(--shadow-xs);color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:hidden}.task-detail-avatar img{height:100%;object-fit:cover;width:100%}.task-detail-comment-body{flex:1 1;min-width:0}.task-detail-comment-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.task-detail-comment-author{color:var(--text);font-size:.92rem;font-weight:700}.task-detail-comment-admin-badge{align-items:center;background:var(--primary);border-radius:6px;color:#fff;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:3px 8px}.task-detail-comment-reply-to{color:var(--text-muted);font-size:.78rem}.task-detail-comment-time{color:var(--text-muted);font-size:.75rem;margin-left:auto}.task-detail-comment-text .mention-link{color:var(--primary);font-weight:600;text-decoration:none}.task-detail-comment-text .mention-link:hover{text-decoration:underline}.task-detail-comment-text{color:var(--text);font-size:.9rem;line-height:1.55;margin-bottom:8px;padding:4px 0}.task-detail-comment-reply-btn{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:4px;padding:4px 0;transition:color .15s}.task-detail-comment-reply-btn:hover{color:var(--primary-dark)}.task-detail-comment-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.task-detail-comment-attachment-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.task-detail-comment-attachment-preview{background:var(--surface2);border:1px solid var(--border);border-radius:8px;max-height:160px;max-width:200px;overflow:hidden}.task-detail-comment-attachment-preview img{display:block;height:100%;max-height:160px;object-fit:cover;width:100%}.task-detail-comment-attachment-download,.task-detail-comment-attachment-link{align-items:center;background:var(--primary-light);border:none;border-radius:8px;color:var(--primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;gap:6px;padding:6px 10px;text-decoration:none;transition:background .15s}.task-detail-comment-attachment-download:hover,.task-detail-comment-attachment-link:hover{background:#6366f133}.task-detail-comment-attachment-icon{color:var(--primary);flex-shrink:0}.task-detail-comment-attachment-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-reply-indicator{align-items:center;background:var(--primary-light);border:1px solid #6366f133;border-radius:10px;color:var(--primary);display:flex;font-size:.85rem;gap:10px;margin-bottom:14px;padding:10px 14px}.task-detail-reply-indicator button{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;margin-left:auto;padding:4px;transition:background .15s,color .15s}.task-detail-reply-indicator button:hover{background:var(--surface2);color:var(--danger)}.task-detail-comment-form{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:nowrap;gap:12px;padding-top:8px}.task-detail-comment-attach-btn{align-items:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:border-color .15s,background .15s,color .15s;width:40px}.task-detail-comment-attach-btn:hover{background:#6366f114;background:var(--primary-light,#6366f114);border-color:var(--primary);color:var(--primary)}.task-detail-comment-input-wrap{flex:1 1;min-width:200px;position:relative}.mention-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:12px;bottom:100%;box-shadow:0 10px 40px #0000001f;left:0;list-style:none;margin:0 0 6px;max-height:280px;min-width:220px;overflow-y:auto;padding:6px 0;position:absolute;right:0;z-index:100}.mention-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:10px 16px;text-align:left;transition:background .12s,color .12s;width:100%}.mention-dropdown-item:hover{background:#6366f11f;background:var(--primary-light,#6366f11f);color:var(--primary)}.mention-dropdown-item .task-detail-avatar{flex-shrink:0;font-size:.7rem;height:28px;width:28px}.task-detail-comment-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text);font-size:.9rem;min-width:0;outline:none;padding:14px 18px;transition:border-color .15s,box-shadow .15s;width:100%}.task-detail-comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.task-detail-comment-submit{flex-shrink:0;min-width:100px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.task-detail-sidebar{display:flex;flex-direction:column;gap:18px}.task-detail-side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:20px;transition:box-shadow .2s,border-color .2s}.task-detail-side-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}.task-detail-side-card h3{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}.task-detail-user-row{align-items:center;display:flex;gap:14px}.task-detail-user-meta{min-width:0}.task-detail-user-name{color:var(--text);font-size:.95rem;font-weight:600}.task-detail-user-email,.task-detail-user-subtext{color:var(--text-muted);font-size:.82rem;margin-top:2px}.task-detail-self-assigned{align-items:center;background:var(--primary-light);border-radius:999px;color:var(--primary);display:inline-flex;font-size:.82rem;font-weight:700;padding:8px 14px}.task-detail-dates{display:flex;flex-direction:column;gap:12px}.task-detail-date-label{color:var(--text-muted);display:block;font-size:.7rem;letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.task-detail-date-value{color:var(--text);font-size:.9rem;font-weight:600}.schedule-detail-wrap{align-items:stretch;display:flex;flex-direction:column;gap:16px}.schedule-hero-card{background:linear-gradient(135deg,#6366f12e,#3b82f61a,#10b9811a);border:1px solid #0f172a14;border-radius:16px;box-shadow:0 10px 30px #0f172a0f;overflow:hidden;padding:18px 18px 16px;position:relative}.schedule-hero-card:before{content:"";inset:0;pointer-events:none;position:absolute}.schedule-hero-inner{display:flex;flex-direction:column;gap:10px;position:relative}.schedule-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.schedule-title{align-items:center;display:flex;font-weight:800;gap:10px;letter-spacing:-.2px;margin:0}.schedule-title .icon-wrap{align-items:center;background:#fff9;border:1px solid #ffffffa6;border-radius:12px;box-shadow:0 10px 25px #0f172a0f;display:inline-flex;height:42px;justify-content:center;width:42px}.schedule-subtitle{color:#0f172a9e;font-size:.9rem;font-weight:600;line-height:1.4;margin:0;max-width:880px}.schedule-badges{flex-wrap:wrap}.schedule-badge,.schedule-badges{align-items:center;display:inline-flex;gap:6px}.schedule-badge{background:var(--surface2);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.72rem;font-weight:700;padding:4px 10px}.schedule-badge.success{background:#10b9811f;border-color:#10b98140;color:#0f766e}.schedule-badge.pending{background:#3b82f61a;border-color:#3b82f638;color:var(--primary)}.schedule-kv-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:6px}.schedule-kv{background:#fff;border:1px solid #0f172a14;border-radius:12px;box-shadow:0 8px 18px #0f172a0a;padding:12px}.schedule-kv-label{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.72rem;font-weight:800;gap:6px;letter-spacing:.7px;text-transform:uppercase}.schedule-kv-label svg{background:#3b82f61f;border-radius:999px;color:#2563eb;height:18px;padding:2px;width:18px}.schedule-kv-value{color:var(--text);font-size:.92rem;font-weight:700;margin-top:6px;word-break:break-word}.schedule-description{border-top:1px solid #0f172a14;color:var(--text);line-height:1.55;margin-top:12px;padding-top:12px;white-space:pre-wrap}.schedule-description-text{color:var(--text);font-size:.9rem;margin:4px 0 0}.schedule-side-card{position:static;top:auto}.schedule-side-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.schedule-side-meta{display:flex;flex-direction:column;gap:10px;margin-top:8px}.schedule-side-row{align-items:center;border-bottom:1px solid #0f172a14;display:flex;gap:10px;justify-content:space-between;padding:10px 0}.schedule-side-row:last-child{border-bottom:none}.schedule-side-row .left{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.82rem;font-weight:700;gap:8px}.schedule-side-row .left svg{background:#818cf829;border-radius:999px;color:#4f46e5;height:18px;padding:2px;width:18px}.schedule-side-row .right{color:var(--text);font-size:.85rem;font-weight:800;text-align:right}.schedule-tags{display:flex;flex-wrap:wrap;gap:6px}.schedule-tag{background:var(--primary-light);border-radius:999px;color:var(--primary);font-size:.7rem;font-weight:700;padding:3px 10px}@media (max-width:980px){.schedule-detail-wrap{gap:12px}}@media (max-width:860px){.sd-body-grid{grid-template-columns:1fr!important}}.multi-picker-option:hover{background:#f1f5f9;background:var(--surface2,#f1f5f9)}[data-theme=dark] .multi-picker-option:hover{background:#ffffff12}.org-page .page-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.org-page .page-title{color:var(--text);font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.org-page .page-subtitle{color:var(--text-muted);font-size:.95rem;margin-top:6px}.org-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.org-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.org-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.org-card-accent{height:6px;width:100%}.org-card-body{padding:28px 26px}.org-card-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.org-card-brand{align-items:center;display:flex;flex:1 1;gap:18px;min-width:0}.org-logo-wrap{border:2px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #0000000f;flex-shrink:0;overflow:hidden}.org-logo-wrap img{display:block;height:100%;object-fit:cover;width:100%}.org-card-name{color:var(--text);font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-card-badge{display:inline-block;font-size:.7rem;font-weight:700;margin-top:6px}.org-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:18px;overflow:hidden}.org-card-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.org-card-meta-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.82rem;gap:6px}.org-card-meta-item svg{color:var(--primary);flex-shrink:0;opacity:.9}.org-card-footer{border-top:1px solid var(--border);justify-content:space-between;padding-top:18px}.org-card-footer,.org-staff-block{align-items:center;display:flex;gap:12px}.org-staff-avatar,.org-staff-avatars{align-items:center;display:flex}.org-staff-avatar{background:var(--surface2);border:2px solid var(--surface);border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:700;height:36px;justify-content:center;margin-left:-10px;overflow:hidden;width:36px}.org-staff-avatar:first-child{margin-left:0}.org-staff-avatar img{height:100%;object-fit:cover;width:100%}.org-staff-count{color:var(--primary);font-family:Poppins,sans-serif;font-size:1rem;font-weight:800}.org-staff-label{color:var(--text-muted);font-size:.8rem;font-weight:600;margin-left:4px}.org-card-view-btn{align-items:center;background:var(--primary-light);border:1px solid #6366f140;border-radius:10px;color:var(--primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .18s;white-space:nowrap}.org-card-view-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.org-detail-page .org-detail-header{align-items:center;background:linear-gradient(135deg,var(--surface) 0,var(--surface2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:24px;margin-bottom:32px;padding:28px 32px}.org-detail-back-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:all .18s;width:44px}.org-detail-back-btn:hover{background:var(--surface2);border-color:var(--primary);color:var(--primary)}.org-detail-logo-wrap{border:2px solid var(--border);border-radius:20px;box-shadow:0 8px 24px #00000014;flex-shrink:0;overflow:visible;position:relative}.org-detail-logo-wrap img{display:block;height:100%;object-fit:cover;width:100%}.org-detail-logo-camera{align-items:center;background:var(--primary);border:2px solid var(--surface);border-radius:50%;bottom:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:6px;transition:transform .15s;width:32px}.org-detail-logo-camera:hover{transform:scale(1.08)}.org-detail-title{color:var(--text);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.org-detail-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5}.org-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:28px}@media (max-width:900px){.org-detail-grid{grid-template-columns:1fr}}.org-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px 26px}.org-detail-card h3{border-bottom:2px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.org-detail-detail-row{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.org-detail-detail-row:last-child{margin-bottom:0}.org-detail-detail-row .icon-wrap{color:var(--primary);flex-shrink:0;margin-top:2px}.org-detail-detail-label{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.org-detail-detail-value{color:var(--text);font-size:.95rem;font-weight:500}.org-detail-detail-value a{color:var(--primary);font-weight:600}.org-detail-staff-hero{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:20px;margin-bottom:24px;padding:20px 0}.org-detail-staff-number{color:var(--primary);font-family:Poppins,sans-serif;font-size:3rem;font-weight:800;line-height:1}.org-detail-staff-label{color:var(--text-muted);font-size:.9rem;font-weight:600;margin-top:4px}.org-detail-staff-avatars{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.org-detail-staff-avatar{align-items:center;background:var(--surface2);border:2px solid var(--surface);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:48px;justify-content:center;overflow:hidden;width:48px}.org-detail-staff-avatar img{height:100%;object-fit:cover;width:100%}.org-detail-staff-more{align-items:center;background:var(--surface2);border:2px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:700;height:48px;justify-content:center;width:48px}.org-detail-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.org-detail-table-card .table-header{background:var(--surface2);border-bottom:2px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:20px 24px;text-transform:uppercase}.org-detail-table-card .table-wrapper{overflow-x:auto}.org-detail-table-card table{border-collapse:collapse;width:100%}.org-detail-table-card thead th{background:var(--surface2);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:14px 20px;text-align:left;text-transform:uppercase}.org-detail-table-card tbody td{border-bottom:1px solid var(--border);font-size:.9rem;padding:16px 20px;vertical-align:middle}.org-detail-table-card tbody tr:last-child td{border-bottom:none}.org-detail-table-card tbody tr:hover td{background:var(--surface2)}.org-detail-member-cell{align-items:center;display:flex;gap:14px}.org-detail-member-cell .avatar{flex-shrink:0}.org-detail-member-name{color:var(--text);font-size:.95rem;font-weight:700}.org-detail-member-email{color:var(--text-muted);font-size:.8rem;margin-top:2px}.org-page .empty-state{padding:80px 24px}.org-page .empty-state svg{margin-bottom:24px;opacity:.5}.org-page .empty-state h3{font-size:1.2rem;margin-bottom:10px}.org-page .empty-state p{font-size:.95rem}.page{background:var(--bg);min-height:100vh;padding:2rem}.user-profile-page{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px}.user-profile-back{align-items:center;background:var(--surface);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#1e293b;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.user-profile-back:hover{background:var(--surface2);box-shadow:0 4px 6px -1px #0000001a;transform:translateX(-4px)}.user-profile-back:active{transform:translateX(-2px)}.user-profile-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:320px 1fr}.user-profile-sidebar-card{background:var(--surface);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000001a;padding:2rem 1.5rem;position:sticky;text-align:center;top:2rem}.user-profile-avatar-wrap{border:4px solid var(--surface);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;height:140px;margin:0 auto 1.5rem;overflow:hidden;transition:transform .3s ease;width:140px}.user-profile-avatar-wrap:hover{transform:scale(1.05)}.user-profile-avatar-wrap img{height:100%;object-fit:cover;width:100%}.user-profile-name{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.user-profile-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.user-profile-role{background:var(--primary-light);border:1px solid #818cf899;border-radius:100px;color:var(--primary);display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.user-profile-role.super_admin{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.user-profile-role.org_admin{background:#ffedd5;border-color:#fed7aa;color:#c2410c}.user-profile-role.staff{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.user-profile-org{background:var(--surface2);border:1px solid var(--border);border-radius:100px;color:var(--text);display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.user-profile-main{background:var(--surface);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000001a;padding:2rem}.user-profile-section-title{border-bottom:2px solid #f1f5f9;color:var(--text);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.user-profile-details-list{display:flex;flex-direction:column;gap:1rem}.user-profile-info-row{align-items:flex-start;background:var(--surface2);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.user-profile-info-row:hover{background:var(--surface3);border-color:var(--border2);transform:translateX(4px)}.user-profile-info-icon{align-items:center;background:var(--surface);border:1px solid #e2e8f0;border-radius:12px;color:#4f46e5;display:flex;height:40px;justify-content:center;width:40px}.user-profile-info-body{flex:1 1}.user-profile-info-label{color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.user-profile-info-value{color:var(--text);font-size:1.125rem;font-weight:500;margin:0;word-break:break-word}.user-profile-status{align-items:center;border:1px solid #0000;border-radius:100px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.375rem 1rem}.user-profile-status.active{background:#22c55e2e;border-color:#22c55e99;color:#bbf7d0}.user-profile-status.inactive{background:#f8717133;border-color:#f87171a6;color:#fecaca}.user-profile-loading{align-items:center;background:var(--surface);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-top-color:#4f46e5;height:48px;margin-bottom:1rem;width:48px}.loading-text{color:#64748b}.loading-text,.user-profile-error{font-size:1.125rem;font-weight:500}.user-profile-error{background:#fff;border:1px solid #fecaca;border-radius:20px;box-shadow:0 1px 3px #0000001a;color:#dc2626;padding:3rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page{padding:1rem}.user-profile-body{grid-template-columns:1fr}.user-profile-sidebar-card{position:static}.user-profile-main{padding:1.5rem}.user-profile-info-row{align-items:flex-start;flex-direction:column;gap:.75rem}.user-profile-info-icon{height:32px;width:32px}.user-profile-info-icon svg{height:18px;width:18px}.user-profile-name{font-size:1.5rem}}@media (max-width:480px){.page{padding:.75rem}.user-profile-back{font-size:.875rem;padding:.625rem 1.25rem}.user-profile-sidebar-card{padding:1.5rem 1rem}.user-profile-avatar-wrap{height:100px;width:100px}.user-profile-main{padding:1.25rem}.user-profile-info-row{padding:.75rem}.user-profile-info-value{font-size:1rem}}.np-page{min-height:calc(100vh - 64px);min-height:calc(100vh - var(--topbar-h, 64px))}.np-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.np-header,.np-header-left{align-items:center;display:flex}.np-header-left{gap:14px}.np-header-icon{color:var(--primary);flex-shrink:0}.np-header-title{color:var(--text);font-size:1.55rem;font-weight:800;margin:0}.np-header-sub{color:var(--text-muted);font-size:.82rem;margin:2px 0 0}.np-add-btn{font-weight:700;gap:6px;white-space:nowrap}.np-add-btn,.np-toolbar{align-items:center;display:flex}.np-toolbar{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.np-type-filter{display:flex;flex-wrap:wrap;gap:6px}.np-filter-tab{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .18s}.np-filter-tab:hover{border-color:var(--primary);color:var(--primary)}.np-filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.np-filter-count{background:#ffffff40;border-radius:999px;font-size:.72rem;font-weight:700;min-width:18px;padding:0 7px;text-align:center}.np-filter-tab:not(.active) .np-filter-count{background:var(--surface2);color:var(--text-muted)}.np-search-wrap{align-items:center;display:flex;min-width:220px;position:relative}.np-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.np-search{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);color:var(--text);font-size:.85rem;outline:none;padding:8px 36px 8px 34px;transition:border-color .18s;width:100%}.np-search:focus{border-color:var(--primary)}.np-search-clear{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:0;position:absolute;right:10px}.np-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.np-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-lg,14px);display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:16px;position:relative;transition:box-shadow .2s,transform .18s}.np-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg,0 8px 24px #0000001f);transform:translateY(-2px)}.np-card--pinned{border-color:var(--primary);box-shadow:0 0 0 2px #6366f126;box-shadow:0 0 0 2px var(--primary-light,#6366f126)}.np-card--pinned:before{background:var(--primary);border-radius:14px 14px 0 0;border-radius:var(--radius-lg,14px) var(--radius-lg,14px) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.np-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.np-card-type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.np-card-actions{align-items:center;display:flex;gap:2px;opacity:0;transition:opacity .18s}.np-card:hover .np-card-actions{opacity:1}.np-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;padding:5px;transition:background .15s,color .15s}.np-icon-btn:hover{background:var(--surface2);color:var(--text)}.np-icon-btn--danger:hover{background:#ef44441a;color:#ef4444}.np-card-title{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.3;word-break:break-word}.np-card-content{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.6;max-height:120px;overflow:hidden;white-space:pre-wrap;word-break:break-word}.np-card-content--link a{color:var(--primary);text-decoration:underline;word-break:break-all}.np-card-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.np-pinned-label{align-items:center;color:var(--primary);display:inline-flex;font-size:.68rem;font-weight:700;gap:3px;letter-spacing:.05em;text-transform:uppercase}.np-card-time{color:var(--text-muted);color:var(--text-light,var(--text-muted));font-size:.72rem;margin-left:auto}.np-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px;text-align:center}.np-empty-icon{color:var(--border)}.np-empty h3{color:var(--text);font-size:1.15rem;font-weight:700;margin:0}.np-empty p{color:var(--text-muted);font-size:.85rem;margin:0;max-width:360px}.np-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.np-modal{animation:npSlideUp .22s ease;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 20px 60px #00000040;box-shadow:var(--shadow-xl,0 20px 60px #00000040);max-width:520px;width:100%}@keyframes npSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.np-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px 14px}.np-modal-title{color:var(--text);font-size:1.05rem;font-weight:700}.np-modal-body{display:flex;flex-direction:column;gap:14px;padding:20px}.np-type-tabs{display:flex;gap:8px}.np-type-tab{align-items:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:8px 0;transition:all .18s}.np-type-tab.active{background:var(--surface)}.np-type-tab:hover:not(.active){border-color:var(--primary);color:var(--primary)}.np-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .18s;width:100%}.np-input:focus{background:var(--surface);border-color:var(--primary)}.np-textarea{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.6;outline:none;padding:10px 12px;resize:vertical;transition:border-color .18s;width:100%}.np-textarea:focus{background:var(--surface);border-color:var(--primary)}.np-color-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.np-color-label{color:var(--text-muted);font-size:.78rem;font-weight:600;white-space:nowrap}.np-color-swatch{border-radius:50%;cursor:pointer;flex-shrink:0;height:22px;transition:transform .15s,box-shadow .15s;width:22px}.np-color-swatch.selected,.np-color-swatch:hover{box-shadow:0 0 0 3px var(--primary);transform:scale(1.25)}.np-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.np-view-modal{max-height:80vh;max-width:600px}.np-view-body,.np-view-modal{display:flex;flex-direction:column}.np-view-body{flex:1 1;gap:14px;overflow-y:auto;padding:20px}.np-view-title{color:var(--text);font-size:1.15rem;font-weight:800;line-height:1.3;margin:0;word-break:break-word}.np-view-content{color:var(--text-muted);font-size:.9rem;line-height:1.75;white-space:pre-wrap;word-break:break-word}.np-view-meta{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-top:8px}.np-card--bg-yellow{background:#fef9c3}.np-card--bg-blue{background:#dbeafe}.np-card--bg-green{background:#dcfce7}.np-card--bg-pink{background:#fce7f3}.np-card--bg-purple{background:#ede9fe}html[data-theme=dark] .np-card--bg-yellow{background:#292004;color:var(--text)}html[data-theme=dark] .np-card--bg-blue{background:#071e3d;color:var(--text)}html[data-theme=dark] .np-card--bg-green{background:#032917;color:var(--text)}html[data-theme=dark] .np-card--bg-pink{background:#2d0a1e;color:var(--text)}html[data-theme=dark] .np-card--bg-purple{background:#180a3d;color:var(--text)}html[data-theme=dark] .np-card--bg-blue .np-card-title,html[data-theme=dark] .np-card--bg-green .np-card-title,html[data-theme=dark] .np-card--bg-pink .np-card-title,html[data-theme=dark] .np-card--bg-purple .np-card-title,html[data-theme=dark] .np-card--bg-yellow .np-card-title{color:#e5e7eb}html[data-theme=dark] .np-card--bg-blue .np-card-content,html[data-theme=dark] .np-card--bg-green .np-card-content,html[data-theme=dark] .np-card--bg-pink .np-card-content,html[data-theme=dark] .np-card--bg-purple .np-card-content,html[data-theme=dark] .np-card--bg-yellow .np-card-content{color:#e5e7ebbf}html[data-theme=dark] .np-card--bg-blue .np-icon-btn:hover,html[data-theme=dark] .np-card--bg-green .np-icon-btn:hover,html[data-theme=dark] .np-card--bg-pink .np-icon-btn:hover,html[data-theme=dark] .np-card--bg-purple .np-icon-btn:hover,html[data-theme=dark] .np-card--bg-yellow .np-icon-btn:hover{background:#ffffff14}@media (max-width:768px){.np-header{align-items:flex-start;flex-direction:column}.np-toolbar{align-items:stretch;flex-direction:column}.np-search-wrap{min-width:0;min-width:auto;width:100%}.np-grid{grid-template-columns:1fr}}.anp-page{min-height:calc(100vh - 64px);min-height:calc(100vh - var(--topbar-h, 64px))}.anp-page-header{align-items:center;border-bottom:1.5px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.anp-page-header-left{align-items:center;display:flex;gap:14px}.anp-header-icon-wrap{align-items:center;background:var(--primary-light);border-radius:14px;color:var(--primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.anp-page-stats{display:flex;flex-wrap:wrap;gap:10px}.anp-stat-pill{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:6px 14px}.anp-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:280px 1fr}.anp-users-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 140px);overflow:hidden;position:sticky;top:80px;top:calc(var(--topbar-h, 64px) + 16px)}.anp-panel-header{align-items:center;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px 12px}.anp-panel-header-left{align-items:center;display:flex;gap:8px}.anp-panel-title{color:var(--text);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.anp-panel-count{background:var(--primary-light);border-radius:999px;color:var(--primary);font-size:.72rem;font-weight:700;padding:1px 8px}.anp-user-search-wrap{align-items:center;display:flex;margin:10px 12px;position:relative}.anp-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.anp-user-search-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-size:.82rem;outline:none;padding:8px 32px;transition:border-color .18s;width:100%}.anp-user-search-input:focus{background:var(--surface);border-color:var(--primary)}.anp-user-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:6px 0 10px}.anp-user-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:9px 14px;transition:background .15s,border-color .15s}.anp-user-item:hover{background:var(--surface2)}.anp-user-item.active{background:var(--primary-light);border-left-color:var(--primary)}.anp-user-avatar-wrap{flex-shrink:0;position:relative}.anp-avatar-badge{background:var(--primary);border:1.5px solid var(--surface);border-radius:999px;bottom:-3px;color:#fff;font-size:.62rem;font-weight:800;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-4px;text-align:center}.anp-user-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.anp-user-name{color:var(--text);font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anp-user-role-badge{background:var(--surface2);border-radius:999px;color:var(--text-muted);display:inline-block;font-size:.68rem;font-weight:700;padding:1px 7px;text-transform:capitalize;width:fit-content}.anp-user-role-badge[data-role=super_admin]{background:#6366f11f;color:#6366f1}.anp-user-role-badge[data-role=admin]{background:#10b9811f;color:#059669}.anp-user-role-badge[data-role=hr]{background:#f59e0b1f;color:#d97706}.anp-user-role-badge[data-role=accounts]{background:#3b82f61f;color:#2563eb}.anp-no-users{color:var(--text-muted);font-size:.85rem;padding:40px 16px;text-align:center}.anp-notes-panel{min-height:400px}.anp-select-prompt{flex-direction:column;gap:14px;padding:100px 20px;text-align:center}.anp-prompt-icon,.anp-select-prompt{align-items:center;display:flex;justify-content:center}.anp-prompt-icon{background:var(--surface);border:2px dashed var(--border);border-radius:50%;color:var(--border);color:var(--border2,var(--border));height:80px;width:80px}.anp-select-prompt h3{color:var(--text);font-size:1.05rem;font-weight:700;margin:0}.anp-select-prompt p{color:var(--text-muted);font-size:.84rem;margin:0}.anp-user-context-bar{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:16px 20px}.anp-context-info{flex:1 1;min-width:0}.anp-context-name{color:var(--text);font-size:1.05rem;font-weight:700}.anp-context-line{color:var(--text-muted);font-size:.78rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anp-context-counters{display:flex;flex-shrink:0;gap:16px}.anp-counter-item{align-items:center;display:flex;flex-direction:column;gap:1px}.anp-counter-val{color:var(--primary);font-size:1.15rem;font-weight:800;line-height:1}.anp-counter-label{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.anp-filter-bar{gap:12px;justify-content:space-between;margin-bottom:16px}.anp-filter-bar,.anp-filter-right{align-items:center;display:flex;flex-wrap:wrap}.anp-filter-right{gap:8px}.anp-date-btn{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 13px;transition:all .18s;white-space:nowrap}.anp-date-btn.active,.anp-date-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.anp-clear-date{align-items:center;border-radius:50%;display:flex;margin-left:2px;padding:1px;transition:background .15s}.anp-clear-date:hover{background:#6366f126}.anp-clear-all-btn{align-items:center;background:#ef44440f;border:1.5px solid #ef4444;border:1.5px solid var(--danger,#ef4444);border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:5px;padding:7px 12px;transition:all .18s;white-space:nowrap}.anp-clear-all-btn:hover{background:#ef44441f}.anp-date-panel{animation:npSlideUp .18s ease;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:14px;margin-bottom:16px;padding:16px}.anp-date-presets{display:flex;flex-wrap:wrap;gap:8px}.anp-preset-btn{background:var(--surface2);border:1.5px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .15s}.anp-preset-btn:hover{border-color:var(--primary);color:var(--primary)}.anp-preset-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.anp-custom-range{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.anp-range-sep{color:var(--text-muted);flex-shrink:0;font-size:1rem}.anp-date-label{color:var(--text-muted);display:flex;flex-direction:column;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.04em;text-transform:uppercase}.anp-date-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.85rem;outline:none;padding:7px 10px;transition:border-color .18s}.anp-date-input:focus{background:var(--surface);border-color:var(--primary)}@media (max-width:900px){.anp-layout{grid-template-columns:1fr}.anp-users-panel{max-height:320px;position:static}.anp-page-header{align-items:flex-start;flex-direction:column}.anp-filter-bar{align-items:stretch;flex-direction:column}.anp-filter-right{justify-content:flex-start}}.pts-page{align-items:flex-start;background:#f1f5f9;background:var(--bg,#f1f5f9);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 16px 80px}.pts-card{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:640px;overflow:hidden;width:100%}.pts-card--center{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:60px;padding:56px 40px;text-align:center}.pts-header{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);padding:32px 36px 24px;text-align:center}.pts-logo-wrap{display:flex;justify-content:center;margin-bottom:20px}.pts-logo{height:120px;object-fit:contain;width:auto}.pts-title{color:#1e293b;color:var(--text,#1e293b);font-size:1.55rem;font-weight:700;line-height:1.2;margin:0 0 8px}.pts-subtitle{color:#64748b;color:var(--text-muted,#64748b);font-size:.93rem;line-height:1.5;margin:0}.pts-assignee-name{color:#6366f1;color:var(--primary,#6366f1);font-weight:700}.pts-assignee-desig{font-size:.88rem;opacity:.7}.pts-form{display:flex;flex-direction:column;gap:14px;padding:28px 36px 24px}.pts-section-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.72rem;font-weight:700;letter-spacing:1px;margin-bottom:-4px;text-transform:uppercase}.pts-field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pts-field{display:flex;flex-direction:column;gap:6px}.pts-label{align-items:center;color:#1e293b;color:var(--text,#1e293b);display:flex;font-size:.8rem;font-weight:600;gap:5px}.pts-req{color:#ef4444;margin-left:2px}.pts-optional{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.75rem;font-weight:400}.pts-input,.pts-textarea{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text,#1e293b);font-family:inherit;font-size:.855rem;padding:8px 12px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.pts-input:focus,.pts-textarea:focus{background:#fff;border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px #6366f11f;outline:none}.pts-textarea{min-height:90px;resize:vertical}.pdd-wrap{position:relative;width:100%}.pdd-trigger{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;display:flex;font-family:inherit;font-size:.855rem;gap:8px;justify-content:space-between;padding:8px 12px;text-align:left;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.pdd-trigger:hover,.pdd-wrap--open .pdd-trigger{background:#fff;border-color:#6366f1;border-color:var(--primary,#6366f1)}.pdd-wrap--open .pdd-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 3px #6366f11f}.pdd-trigger-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdd-placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8)}.pdd-arrow{color:#6366f1;color:var(--primary,#6366f1);flex-shrink:0;transition:transform .2s}.pdd-wrap--open .pdd-arrow{transform:rotate(180deg)}.pdd-clear{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:background .15s,color .15s;width:18px}.pdd-clear:hover{background:#ef4444;color:#fff}.pdd-menu{background:#fff;border:1.5px solid #6366f1;border:1.5px solid var(--primary,#6366f1);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;box-shadow:0 8px 24px #6366f11f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% - 1px);z-index:1000}.pdd-search-wrap{border-bottom:1px solid #f1f5f9;padding:8px 10px 6px}.pdd-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--text,#1e293b);font-family:inherit;font-size:.8rem;outline:none;padding:6px 10px;width:100%}.pdd-search:focus{background:#fff;border-color:#6366f1;border-color:var(--primary,#6366f1)}.pdd-list{max-height:220px;overflow-y:auto;padding:4px 0}.pdd-list::-webkit-scrollbar{width:4px}.pdd-list::-webkit-scrollbar-track{background:#0000}.pdd-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pdd-option{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;display:flex;font-family:inherit;font-size:.845rem;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .12s;width:100%}.pdd-option:hover{background:#f5f3ff}.pdd-option--active{background:#ede9fe;color:#4f46e5;font-weight:600}.pdd-option--active:hover{background:#ddd6fe}.pdd-option-inner{align-items:center;display:flex;gap:8px;overflow:hidden}.pdd-option-text{display:flex;flex-direction:column;gap:1px;overflow:hidden}.pdd-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.pdd-sub{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.73rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdd-check{color:#6366f1;flex-shrink:0}.pdd-selected-row{align-items:center;display:flex;gap:7px}.pdd-empty{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.82rem;padding:12px;text-align:center}html[data-theme=dark] .pdd-trigger{background:#0f172a;background:var(--input-bg,#0f172a);border-color:#334155;border-color:var(--border,#334155);color:#f1f5f9;color:var(--text,#f1f5f9)}html[data-theme=dark] .pdd-trigger:hover,html[data-theme=dark] .pdd-wrap--open .pdd-trigger{background:#1e293b}html[data-theme=dark] .pdd-menu{background:#1e293b;border-color:#6366f1}html[data-theme=dark] .pdd-search{background:#0f172a;border-color:#334155;color:#f1f5f9}html[data-theme=dark] .pdd-option{color:#f1f5f9}html[data-theme=dark] .pdd-option:hover{background:#312e81}html[data-theme=dark] .pdd-option--active{background:#3730a3;color:#c7d2fe}html[data-theme=dark] .pdd-search-wrap{border-color:#334155}.pts-priority-bar{display:flex;flex-wrap:wrap;gap:8px}.pts-prio-chip{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border,#cbd5e1);border-radius:20px;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 14px;transition:background .15s,border-color .15s,color .15s}.pts-prio-chip:hover{border-color:#6366f1;border-color:var(--primary,#6366f1);color:#6366f1;color:var(--primary,#6366f1)}.pts-prio-chip.active{font-weight:700}.pts-error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;display:flex;font-size:.83rem;padding:10px 14px}.pts-btn,.pts-error-msg{align-items:center;gap:7px}.pts-btn{border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;justify-content:center;padding:10px 22px;transition:background .18s,opacity .18s,transform .1s}.pts-btn--primary{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.pts-btn--primary:hover:not(:disabled){background:#4f46e5;background:var(--primary-hover,#4f46e5);transform:translateY(-1px)}.pts-btn--primary:disabled{cursor:not-allowed;opacity:.6}.pts-btn--submit{font-size:.95rem;margin-top:4px;padding:12px 22px;width:100%}.pts-btn--wide{margin-top:4px;padding-left:32px;padding-right:32px}.pts-footer-note{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.75rem;line-height:1.5;margin:0;padding:0 36px 22px;text-align:center}.pts-loading-text{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;margin:0}.pts-icon-wrap{align-items:center;border-radius:50%;display:flex;height:72px;justify-content:center;width:72px}.pts-icon-wrap--error{background:#fef2f2;color:#ef4444}.pts-icon-wrap--success{background:#f0fdf4;color:#10b981}.pts-error-title,.pts-success-title{color:#1e293b;color:var(--text,#1e293b);font-size:1.35rem;font-weight:700;margin:4px 0 0}.pts-error-sub,.pts-success-sub{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;line-height:1.6;margin:0}.pts-select-placeholder{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--border,#cbd5e1);border-radius:8px;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.85rem;gap:6px;padding:9px 12px}.pts-select-placeholder--err{border-color:#fecaca;color:#ef4444}.spinner{animation:spin .7s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top:3px solid var(--primary,#6366f1);display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}html[data-theme=dark] .pts-page{background:#0f172a;background:var(--bg,#0f172a)}html[data-theme=dark] .pts-card{background:#1e293b;background:var(--surface,#1e293b);border-color:#334155;border-color:var(--border,#334155)}html[data-theme=dark] .pts-input,html[data-theme=dark] .pts-textarea{background:#0f172a;background:var(--input-bg,#0f172a);border-color:#334155;border-color:var(--border,#334155);color:#f1f5f9;color:var(--text,#f1f5f9)}html[data-theme=dark] .pts-error-msg{background:#ef44441a;border-color:#ef44444d}html[data-theme=dark] .pts-icon-wrap--error{background:#ef44441f}html[data-theme=dark] .pts-icon-wrap--success{background:#10b9811f}@media (max-width:520px){.pts-card{border-radius:12px}.pts-header{padding:24px 20px 20px}.pts-form{padding:20px 20px 18px}.pts-footer-note{padding:0 20px 18px}.pts-field-grid{grid-template-columns:1fr}.pts-title{font-size:1.3rem}.pts-card--center{padding:40px 24px}}
/*# sourceMappingURL=main.f8188ba7.css.map*/