.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga"}.icon,:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#0F172A;background-color:#F8FAFC;font-synthesis:none;text-rendering:optimizeLegibility;--primary:#059669;--primary-light:#10B981;--primary-dark:#047857;--primary-surface:rgba(5,150,105,0.06);--primary-gradient:linear-gradient(135deg,#059669,#047857);--gold:#D97706;--gold-light:#F59E0B;--gold-dark:#B45309;--gold-surface:rgba(217,119,6,0.06);--gold-gradient:linear-gradient(135deg,#F59E0B,#D97706);--navy:#0F172A;--navy-light:#1E293B;--navy-medium:#334155;--navy-deep:#020617;--navy-gradient:linear-gradient(180deg,#1E293B,#0F172A);--success:#16A34A;--success-surface:rgba(22,163,74,0.06);--warning:#D97706;--warning-surface:rgba(217,119,6,0.06);--danger:#DC2626;--danger-surface:rgba(220,38,38,0.06);--info:#2563EB;--info-surface:rgba(37,99,235,0.06);--priorityImmediate:#DC2626;--priorityUrgent:#D97706;--priorityOrdinary:#2563EB;--priorityFixed:#7C3AED;--border:rgba(15,23,42,0.08);--border-light:rgba(15,23,42,0.04);--surface:rgba(255,255,255,0.65);--surface-warm:rgba(255,255,255,0.8);--background:transparent;--text-primary:#0F172A;--text-secondary:#475569;--text-muted:#94A3B8;--shadow-xs:0 1px 2px rgba(15,23,42,0.03);--shadow-sm:0 4px 6px -1px rgba(15,23,42,0.05),0 2px 4px -2px rgba(15,23,42,0.03);--shadow-md:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.04);--shadow-lg:0 20px 25px -5px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.05);--shadow-xl:0 25px 50px -12px rgba(15,23,42,0.15);--shadow-glow-primary:0 0 20px rgba(5,150,105,0.12);--shadow-glow-gold:0 0 20px rgba(217,119,6,0.12);--shadow-glow-danger:0 0 20px rgba(220,38,38,0.12);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:280px;--sidebar-collapsed:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;display:flex;background-color:var(--background);color:var(--text-primary)}#root{width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94A3B8}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(5,150,105,.4)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(5,150,105,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(5,150,105,0)}}@keyframes pulse-danger{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(239,68,68,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes notification-progress{0%{width:100%}to{width:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-container{display:flex;min-height:100vh;width:100%;overflow:hidden}.auth-left-panel{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0F172A,#1E293B 40%,#064E3B);position:relative;overflow:hidden;padding:60px}.auth-left-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(5,150,105,.08) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(245,158,11,.06) 0,transparent 50%);animation:gradient-shift 15s ease infinite;background-size:200% 200%}.auth-left-panel:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/svg%3E") repeat}.auth-emblem{position:relative;z-index:1;width:100px;height:100px;border-radius:50%;background:rgba(245,158,11,.1);border:2px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;margin-bottom:32px;animation:float 4s ease-in-out infinite}.auth-emblem-icon{font-size:48px}.auth-gov-title{position:relative;z-index:1;font-size:14px;font-weight:700;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.auth-dept-title{position:relative;z-index:1;font-size:13px;color:rgba(255,255,255,.5);letter-spacing:1px}.auth-tagline{position:relative;z-index:1;font-size:28px;font-weight:800;color:#FFFFFF;text-align:center;margin-top:48px;line-height:1.3;max-width:380px}.auth-tagline span{background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-right-panel{flex:1 1;display:flex;align-items:center;justify-content:center;background:var(--background);padding:40px}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-xl);padding:44px 36px;box-shadow:var(--shadow-xl);animation:fadeInUp var(--duration-slow) var(--ease-out)}.auth-card-header{text-align:center;margin-bottom:36px}.auth-card-header h1{font-size:32px;font-weight:800;color:var(--primary);letter-spacing:-1px}.auth-card-header p{color:var(--text-secondary);font-size:14px;margin-top:6px}.auth-error{padding:12px 16px;border-radius:var(--radius-md);background-color:var(--danger-surface);color:var(--danger);font-size:13px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;animation:fadeIn var(--duration-fast) ease}.app-container{display:flex;min-height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--navy-gradient);color:#FFFFFF;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:10;border-right:1px solid rgba(255,255,255,.06)}.sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0,var(--gold) 50%,transparent 100%);opacity:.4}.sidebar-header{padding:24px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{font-size:24px;font-weight:800;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.sidebar-dept{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);color:var(--gold);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase}.sidebar-menu{flex:1 1;padding:16px 12px;list-style:none;display:flex;flex-direction:column;gap:4px}.sidebar-item{padding:11px 16px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:rgba(255,255,255,.55);transition:all var(--duration-normal) var(--ease-out);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-item .icon{font-size:20px;opacity:.7;transition:opacity var(--duration-normal) var(--ease-out)}.sidebar-item:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.9)}.sidebar-item:hover .icon{opacity:1}.sidebar-item.active{background:var(--primary-gradient);color:#FFFFFF;box-shadow:0 4px 12px rgba(5,150,105,.3)}.sidebar-item.active .icon{opacity:1}.sidebar-footer{padding:18px 16px;border-top:1px solid rgba(255,255,255,.06);gap:12px}.sidebar-footer,.user-avatar{display:flex;align-items:center}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-gradient);justify-content:center;font-size:14px;font-weight:800;color:#FFFFFF;flex-shrink:0;letter-spacing:-.5px}.user-badge{display:flex;flex-direction:column;flex:1 1;min-width:0}.user-name{font-size:13px;font-weight:700;color:#FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:rgba(255,255,255,.4)}.logout-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);border:none;color:rgba(255,255,255,.5);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);flex-shrink:0}.logout-btn:hover{background:rgba(239,68,68,.15);color:#FCA5A5}.logout-btn .icon{font-size:18px}.main-content{flex:1 1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--background)}.top-bar{height:68px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:var(--shadow-xs)}.top-bar-title h2{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.top-bar-title p{font-size:12px;color:var(--text-muted);margin-top:1px}.content-pane{flex:1 1;padding:28px 32px;overflow-y:auto;background:var(--background);animation:fadeIn var(--duration-normal) ease}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:7px;letter-spacing:.2px}.form-control{width:100%;padding:11px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--surface);outline:none;transition:all var(--duration-normal) var(--ease-out)}.form-control:hover{border-color:#CBD5E1}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(5,150,105,.1)}.form-control::placeholder{color:var(--text-muted)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-control{resize:none;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out);outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn .icon{font-size:18px}.btn-primary{background:var(--primary-gradient);color:#FFFFFF;box-shadow:0 2px 8px rgba(5,150,105,.25)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px rgba(5,150,105,.35);filter:brightness(1.08)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border-light);border-color:#CBD5E1}.btn-gold{background:var(--gold-gradient);color:#FFFFFF;box-shadow:0 2px 8px rgba(245,158,11,.25)}.btn-gold:hover:not(:disabled){box-shadow:0 4px 16px rgba(245,158,11,.35);filter:brightness(1.08)}.btn-navy{background:linear-gradient(135deg,var(--navy-medium),var(--navy-light));color:#FFFFFF;box-shadow:0 2px 8px rgba(15,23,42,.25)}.btn-navy:hover:not(:disabled){box-shadow:0 4px 16px rgba(15,23,42,.35);filter:brightness(1.15)}.btn-success{background:linear-gradient(135deg,var(--success),#15803D);color:#FFFFFF;box-shadow:0 2px 8px rgba(22,163,74,.25)}.btn-success:hover:not(:disabled){box-shadow:0 4px 16px rgba(22,163,74,.35);filter:brightness(1.08)}.btn-info{background:linear-gradient(135deg,var(--info),#2563EB);color:#FFFFFF;box-shadow:0 2px 8px rgba(59,130,246,.25)}.btn-info:hover:not(:disabled){box-shadow:0 4px 16px rgba(59,130,246,.35);filter:brightness(1.08)}.btn-danger{background:linear-gradient(135deg,var(--danger),#DC2626);color:#FFFFFF;box-shadow:0 2px 8px rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px rgba(239,68,68,.35);filter:brightness(1.08)}.btn-small{padding:6px 14px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon-only{padding:8px;min-width:36px}.board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:18px;gap:18px}.task-card{background:var(--surface);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);border-left:4px solid var(--border);transition:all var(--duration-normal) var(--ease-out);position:relative;display:flex;flex-direction:column;animation:fadeInUp var(--duration-slow) var(--ease-out) both}.task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.task-card.priority-Immediate{border-left-color:var(--priorityImmediate)}.task-card.priority-Urgent{border-left-color:var(--priorityUrgent)}.task-card.priority-Ordinary{border-left-color:var(--priorityOrdinary)}.task-card.priority-Fixed{border-left-color:var(--priorityFixed)}.task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.task-title{font-size:15px;font-weight:700;color:var(--text-primary);flex:1 1;line-height:1.4}.task-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;flex:1 1}.badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;letter-spacing:.5px}.badge-immediate{background:#FEE2E2;color:var(--danger)}.badge-urgent{background:#FEF3C7;color:#B45309}.badge-ordinary{background:#DBEAFE;color:var(--info)}.badge-fixed{background:#EDE9FE;color:#7C3AED}.badge-pending{background:#F1F5F9;color:var(--text-secondary)}.badge-inprogress,.badge-progress{background:#FEF3C7;color:#B45309}.badge-completed{background:#DCFCE7;color:var(--success)}.web-notification{position:fixed;top:20px;right:20px;background:rgba(15,23,42,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#FFFFFF;border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-xl);z-index:10000;display:flex;align-items:center;gap:14px;min-width:340px;max-width:440px;animation:slideInRight var(--duration-slow) var(--ease-spring);border:1px solid rgba(255,255,255,.08);overflow:hidden}.web-notification:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:var(--gold-gradient);animation:notification-progress 4s linear forwards}.web-notification-icon{font-size:20px;background:rgba(245,158,11,.15);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.web-notification-content{flex:1 1}.web-notification-title{font-weight:700;color:var(--gold-light);font-size:13px;letter-spacing:.2px}.web-notification-body{font-size:12px;color:rgba(255,255,255,.65);margin-top:3px;line-height:1.4}.web-notification-close{background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease}.web-notification-close:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;align-items:center;justify-content:center;padding:20px;animation:fadeIn var(--duration-fast) ease;overflow-y:auto;will-change:backdrop-filter}.modal-backdrop,.modal-content{display:flex;transform:translateZ(0)}.modal-content{background:var(--surface);border-radius:var(--radius-xl);max-width:600px;width:92%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-xl);flex-direction:column;animation:scaleIn var(--duration-normal) var(--ease-spring);border:1px solid var(--border);overflow:hidden;margin:auto;will-change:transform}.modal-header{padding:22px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h3{font-size:17px;font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease;flex-shrink:0}.modal-close:hover{background:var(--border-light);color:var(--text-primary)}.modal-body{padding:24px 28px;flex:1 1;overflow-y:auto;min-height:0;scroll-behavior:smooth;will-change:transform;transform:translateZ(0);-webkit-overflow-scrolling:touch}.modal-footer{padding:16px 28px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:var(--surface-warm)}.mic-wrapper{flex-direction:column;margin:28px 0}.mic-btn,.mic-wrapper{display:flex;align-items:center}.mic-btn{width:72px;height:72px;border-radius:50%;background:var(--primary-gradient);justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;box-shadow:0 4px 16px rgba(5,150,105,.3)}.mic-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(5,150,105,.4)}.mic-btn.pulsing{animation:pulse-danger 1.5s infinite;background:linear-gradient(135deg,var(--danger),#DC2626);box-shadow:0 4px 16px rgba(239,68,68,.3)}.mic-btn-icon{font-size:32px}.mic-label{margin-top:12px;font-size:12px;font-weight:600;color:var(--text-muted);text-align:center}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 130px);background:#F8FAFC;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border)}.chat-header{background:linear-gradient(135deg,#0F172A,#1E293B);color:#FFFFFF;padding:16px 22px;gap:14px;flex-shrink:0}.chat-avatar,.chat-header{display:flex;align-items:center}.chat-avatar{font-size:22px;background:rgba(5,150,105,.2);width:44px;height:44px;border-radius:var(--radius-md);justify-content:center;position:relative}.chat-avatar:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success);border-radius:50%;border:2px solid #1e293b}.chat-messages{flex:1 1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#F8FAFC,#F1F5F9)}.chat-bubble{max-width:72%;padding:12px 16px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5;box-shadow:var(--shadow-xs);word-break:break-word;position:relative;animation:fadeInUp var(--duration-fast) var(--ease-out)}.chat-bubble.user{background:linear-gradient(135deg,#059669,#047857);color:#FFFFFF;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble.bot{background:var(--surface);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border);white-space:pre-wrap}.chat-time{font-size:10px;color:rgba(148,163,184,.8);margin-top:6px;display:block}.chat-bubble.user .chat-time{text-align:right;color:rgba(255,255,255,.65)}.chat-input-area{background:var(--surface);padding:14px 18px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1 1;background:var(--background);border:1.5px solid var(--border);padding:11px 20px;border-radius:var(--radius-full);outline:none;font-size:14px;font-family:inherit;color:var(--text-primary);transition:border-color var(--duration-fast) ease}.chat-input:focus{border-color:var(--primary)}.chat-send{width:44px;height:44px;border-radius:50%;background:var(--primary-gradient);border:none;color:#FFFFFF;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease;box-shadow:0 2px 8px rgba(5,150,105,.3);flex-shrink:0}.chat-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px rgba(5,150,105,.4)}.chat-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.tab-bar{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:20px;gap:4px;flex-shrink:0}.tab-btn{padding:10px 16px;font-weight:700;color:var(--text-muted);background:none;cursor:pointer;font-size:13px;font-family:inherit;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--duration-normal) var(--ease-out);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-btn:hover{color:var(--text-secondary);background:var(--border-light)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-surface)}.table-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border)}.web-table{width:100%;border-collapse:collapse;text-align:left}.web-table td,.web-table th{padding:14px 20px;border-bottom:1px solid var(--border-light)}.web-table th{background:var(--surface-warm);font-weight:700;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.web-table tbody tr{transition:background var(--duration-fast) ease}.web-table tbody tr:last-child td{border-bottom:none}.web-table tbody tr:hover{background:rgba(241,245,249,.5)}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.view-header h3{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.view-actions{display:flex;gap:10px;flex-wrap:wrap}.flex-row-gap{display:flex;gap:12px;align-items:center}.leaderboard-card,.margin-bottom-lg{margin-bottom:24px}.leaderboard-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.leaderboard-title{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.2px}.divider-line{height:1px;background:var(--border);margin:24px 0}.metric-card{background:var(--surface);border-radius:var(--radius-lg);padding:22px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:opacity var(--duration-normal) ease}.metric-card:hover:before{opacity:1}.metric-label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:30px;font-weight:800;margin:6px 0;letter-spacing:-1px}.metric-desc{font-size:11px;color:var(--text-muted);margin-top:4px}.metric-bar{height:5px;background:var(--border-light);overflow:hidden;margin-top:10px}.metric-bar,.metric-bar-fill{border-radius:var(--radius-full)}.metric-bar-fill{height:100%;transition:width var(--duration-slow) var(--ease-out)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state{text-align:center;padding:60px 20px;background:var(--surface);border-radius:var(--radius-lg);border:1px dashed var(--border);color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:12px;display:block}.empty-state-text{font-size:14px;font-weight:600;color:var(--text-secondary)}.empty-state-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.danger-zone{background:rgba(254,242,242,.75)!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:var(--radius-lg);padding:32px;max-width:600px;margin:0 auto;box-shadow:0 10px 15px -3px rgba(239,68,68,.05),var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.danger-zone-title{color:var(--danger);font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:16px;letter-spacing:-.3px}.danger-zone-desc{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.danger-zone-warning{background:rgba(239,68,68,.08);border-left:4px solid var(--danger);padding:16px;border-radius:var(--radius-sm);color:#7F1D1D;font-size:13px;line-height:1.5;margin-bottom:28px}.glass-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#F1F5F9}.glass-background:before{background-image:linear-gradient(rgba(15,23,42,.015) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.015) 1px,transparent 0);background-size:80px 80px;z-index:1}.glass-background:after,.glass-background:before{content:"";position:absolute;inset:0;pointer-events:none}.glass-background:after{background-image:radial-gradient(rgba(15,23,42,.04) 1.5px,transparent 0);background-size:24px 24px;z-index:2;mask-image:radial-gradient(circle at 60% 50%,black 30%,transparent 90%);-webkit-mask-image:radial-gradient(circle at 60% 50%,black 30%,transparent 90%)}.glass-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;mix-blend-mode:multiply;animation:blob-float 28s ease-in-out infinite alternate}.blob-1{top:-10%;left:10%;background:radial-gradient(circle,rgba(16,185,129,.45) 0,rgba(5,150,105,0) 70%)}.blob-1,.blob-2{width:50vw;height:50vw}.blob-2{bottom:-10%;right:10%;background:radial-gradient(circle,rgba(37,99,235,.4) 0,rgba(59,130,246,0) 70%);animation-delay:-7s}.blob-3{top:30%;right:-5%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(245,158,11,.35) 0,rgba(217,119,6,0) 70%);animation-delay:-14s}.blob-4{bottom:25%;left:-5%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(139,92,246,.38) 0,rgba(124,58,237,0) 70%);animation-delay:-21s}@keyframes blob-float{0%{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(40px,-60px) scale(1.12) rotate(120deg)}66%{transform:translate(-30px,30px) scale(.92) rotate(240deg)}to{transform:translate(0) scale(1) rotate(1turn)}}.sidebar{background:#13131A!important;border-right:1px solid rgba(255,255,255,.05)!important;color:#E6E1E5!important;box-shadow:4px 0 24px rgba(10,10,15,.25)!important;width:280px!important;padding:12px 0!important}.sidebar:after{display:none!important}.sidebar-header{padding:20px 24px 16px!important;border-bottom:none!important;flex-direction:column!important;align-items:flex-start!important}.sidebar-header,.sidebar-logo{display:flex!important;gap:8px!important}.sidebar-logo{font-family:Plus Jakarta Sans,sans-serif!important;font-size:22px!important;font-weight:800!important;background:linear-gradient(135deg,#10B981,#3B82F6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;letter-spacing:-.5px!important;align-items:center!important}.sidebar-dept{background:rgba(16,185,129,.1)!important;border:1px solid rgba(16,185,129,.2)!important;color:#10B981!important;font-size:11px!important;font-weight:700!important;padding:4px 12px!important;border-radius:100px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.sidebar-menu{padding:8px 12px!important;gap:4px!important}.sidebar-item{height:50px!important;padding:0 24px!important;margin:0!important;border-radius:25px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#C9C5D0!important;background:transparent!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important;border:none!important;outline:none!important}.sidebar-item .icon{font-size:22px!important;color:#C9C5D0!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24!important;transition:font-variation-settings .2s ease,color .2s ease!important}.sidebar-item:hover{background:rgba(255,255,255,.08)!important}.sidebar-item:hover,.sidebar-item:hover .icon{color:#FFFFFF!important}.sidebar-item.active{background:rgba(16,185,129,.12)!important;color:#10B981!important;box-shadow:none!important;font-weight:700!important}.sidebar-item.active .icon{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24!important;color:#10B981!important}.sidebar-item.active:before{content:""!important;position:absolute!important;left:10px!important;top:15px!important;bottom:15px!important;width:4px!important;background:#10B981!important;border-radius:4px!important}.sidebar-footer{padding:16px 20px!important;border-top:1px solid rgba(255,255,255,.05)!important;gap:12px!important}.sidebar-footer,.user-avatar{display:flex!important;align-items:center!important}.user-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#10B981,#059669)!important;font-weight:850!important;box-shadow:0 4px 10px rgba(16,185,129,.2)!important;justify-content:center!important;letter-spacing:-.5px!important}.user-avatar,.user-name{color:#FFFFFF!important;font-size:14px!important}.user-name{font-weight:700!important}.user-role{font-size:11px!important}.logout-btn,.user-role{color:#C9C5D0!important}.logout-btn{background:rgba(255,255,255,.05)!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important}.logout-btn:hover{background:rgba(239,68,68,.15)!important;color:#EF4444!important}.top-bar{background:#FFFFFF!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:0 1px 3px rgba(15,23,42,.04)!important}.content-pane,.main-content{background:transparent!important}.auth-card,.detail-card,.leaderboard-card,.metric-card,.modal-content,.table-container,.task-card,.whatsapp-chat-container,.whatsapp-info-panel,.wipe-card{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 8px 32px 0 rgba(31,38,135,.05),inset 0 1px 1px rgba(255,255,255,.8)!important;transition:all var(--duration-normal) var(--ease-out)!important}.auth-card:hover,.leaderboard-card:hover,.metric-card:hover,.task-card:hover,.wipe-card:hover{background:rgba(255,255,255,.9)!important;border-color:rgba(255,255,255,.95)!important;box-shadow:0 16px 36px 0 rgba(31,38,135,.12),0 0 20px rgba(5,150,105,.08),inset 0 1px 1px rgba(255,255,255,1)!important;transform:translateY(-3px) scale(1.005)}.modal-backdrop{background:rgba(15,23,42,.25)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.modal-content{box-shadow:0 24px 60px rgba(31,38,135,.15)!important;border:1px solid rgba(255,255,255,.8)!important}.modal-footer,.modal-header{background:rgba(255,255,255,.6)!important;border-color:rgba(15,23,42,.08)!important}.form-control{background:#FFFFFF!important;border:1.5px solid #475569!important;color:#0F172A!important;font-weight:500!important;box-shadow:inset 0 1px 3px rgba(15,23,42,.06)!important;transition:all var(--duration-fast) ease!important}.form-control:hover{border-color:#0F172A!important;background:#FFFFFF!important}.form-control:focus{border-color:var(--primary)!important;background:#FFFFFF!important;box-shadow:0 0 0 3px rgba(5,150,105,.2)!important}.form-control::placeholder{color:#64748B!important}::-webkit-scrollbar-thumb{background:rgba(15,23,42,.15)!important}::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.3)!important}.btn-secondary{background:rgba(255,255,255,.8)!important;border:1.5px solid #cbd5e1!important;color:var(--text-primary)!important}.btn-secondary:hover{background:#FFFFFF!important;border-color:#94A3B8!important}.badge-immediate{background:linear-gradient(135deg,#EF4444,#B91C1C)!important;box-shadow:0 2px 6px rgba(239,68,68,.25)!important}.badge-immediate,.badge-urgent{color:#FFFFFF!important;text-shadow:0 1px 2px rgba(0,0,0,.15)}.badge-urgent{background:linear-gradient(135deg,#F59E0B,#D97706)!important;box-shadow:0 2px 6px rgba(245,158,11,.25)!important}.badge-ordinary{background:linear-gradient(135deg,#3B82F6,#1D4ED8)!important;box-shadow:0 2px 6px rgba(59,130,246,.25)!important}.badge-fixedtime\/date,.badge-ordinary{color:#FFFFFF!important;text-shadow:0 1px 2px rgba(0,0,0,.15)}.badge-fixedtime\/date{background:linear-gradient(135deg,#8B5CF6,#6D28D9)!important;box-shadow:0 2px 6px rgba(139,92,246,.25)!important}