@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg-root:#050509;--bg-surface:#0c0c18;--bg-card:#7c3aed1a;--bg-card-hover:#7c3aed2e;--bg-input:#ffffff0d;--bg-input-focus:#7c3aed1f;--bg-sidebar:#05050ff2;--bg-topbar:#050509d9;--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#6d28d9;--primary-glow:#7c3aed66;--primary-soft:#7c3aed24;--accent:#22d3ee;--text-primary:#fff;--text-secondary:#fff;--text-muted:#fff;--text-on-primary:#fff;--text-sidebar:#fff;--text-sidebar-active:#fff;--border:#ffffff29;--border-light:#ffffff2e;--border-focus:#7c3aed;--shadow:0 8px 32px #000000a6, 0 2px 8px #0006;--shadow-primary:0 6px 32px #7c3aed59;--shadow-card:0 8px 32px #0006, inset 0 1px 0 #ffffff12;--shadow-topbar:0 1px 0 #ffffff0f, 0 4px 24px #0000004d;--shadow-violet:0 6px 24px #7c3aed73;--sidebar-border:#ffffff1a;--sidebar-item-hover:#ffffff12;--sidebar-item-active:#7c3aed38;--sidebar-item-active-border:#a78bfa;--sidebar-section-title:#fff;--sidebar-user-role:#fff;--stat-val-gradient:linear-gradient(135deg, #fff 20%, #a78bfa);--text-gradient-val:linear-gradient(135deg, #fff 20%, #a78bfa);--th-bg:#ffffff0a;--skeleton-from:#ffffff0a;--skeleton-mid:#ffffff17;--profile-header-bg:linear-gradient(135deg,#7c3aed1f,#4f46e50f);--profile-header-border:#7c3aed4d;--achievement-earned-bg:linear-gradient(135deg,#7c3aed1f,#4f46e50f);--achievement-earned-border:#7c3aed80;--tab-bar-bg:#ffffff0d;--duration-bg:#7c3aed1f;--duration-border:#7c3aed4d;--notif-unread-bg:#7c3aed14;--scrollbar-thumb:#ffffff1a;--scrollbar-hover:#fff3;--login-bg1:#7c3aed24;--login-bg2:#4f46e51a;--login-bg3:#06b6d412;--login-card-bg:#0c0c18e0;--login-title-gradient:linear-gradient(135deg, #fff 40%, #a78bfa)}[data-theme=light]{--bg-root:#f1f5f9;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#f8fafc;--bg-input-focus:#7c3aed0a;--bg-sidebar:#1e1b4b;--bg-topbar:#fff;--primary:#7c3aed;--primary-light:#8b5cf6;--primary-dark:#6d28d9;--primary-glow:#7c3aed33;--primary-soft:#7c3aed14;--accent:#0284c7;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-on-primary:#fff;--text-sidebar:#ffffffbf;--text-sidebar-active:#fff;--border:#e2e8f0;--border-light:#cbd5e1;--border-focus:#7c3aed80;--shadow:0 1px 3px #0000001a, 0 4px 12px #0000000f;--shadow-primary:0 4px 20px #7c3aed40;--shadow-card:0 1px 3px #00000014, 0 4px 12px #0000000a;--shadow-topbar:0 1px 4px #00000014;--sidebar-border:#ffffff1a;--sidebar-item-hover:#ffffff14;--sidebar-item-active:#ffffff26;--sidebar-item-active-border:#a78bfa;--sidebar-section-title:#fff6;--sidebar-user-role:#fff9;--stat-val-gradient:linear-gradient(135deg, #0f172a 20%, #7c3aed);--text-gradient-val:linear-gradient(135deg, #0f172a 20%, #7c3aed);--th-bg:#f8fafc;--skeleton-from:#f1f5f9;--skeleton-mid:#e2e8f0;--profile-header-bg:linear-gradient(135deg,#7c3aed0f,#4f46e508);--profile-header-border:#7c3aed26;--achievement-earned-bg:linear-gradient(135deg,#7c3aed0f,#4f46e508);--achievement-earned-border:#7c3aed40;--tab-bar-bg:#f1f5f9;--duration-bg:#7c3aed0f;--duration-border:#7c3aed33;--notif-unread-bg:#7c3aed0a;--scrollbar-thumb:#cbd5e1;--scrollbar-hover:#94a3b8;--login-bg1:#7c3aed0f;--login-bg2:#4f46e50d;--login-bg3:#06b6d40a;--login-card-bg:#fff;--login-title-gradient:linear-gradient(135deg, #0f172a 40%, #7c3aed)}[data-theme=sugity]{--bg-root:#f4f6f8;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafb;--bg-input:#f4f6f8;--bg-input-focus:#056b380f;--bg-sidebar:#e67324;--bg-topbar:#056b38;--primary:#056b38;--primary-light:#078a48;--primary-dark:#044d28;--primary-glow:#056b3840;--primary-soft:#056b3814;--accent:#e67324;--text-primary:#1a2e1f;--text-secondary:#2d5c3a;--text-muted:#6b8f74;--text-on-primary:#fff;--text-sidebar:#ffffffd9;--text-sidebar-active:#fff;--border:#d1e8d9;--border-light:#b8dcc4;--border-focus:#056b3873;--shadow:0 1px 3px #00000014, 0 4px 12px #0000000d;--shadow-primary:0 4px 20px #056b3840;--shadow-card:0 1px 3px #0000000f, 0 4px 12px #0000000a;--shadow-topbar:0 2px 8px #044d2833;--sidebar-border:#ffffff26;--sidebar-item-hover:#ffffff1f;--sidebar-item-active:#ffffff38;--sidebar-item-active-border:#fff;--sidebar-section-title:#ffffff80;--sidebar-user-role:#ffffffa6;--stat-val-gradient:linear-gradient(135deg, #044d28 20%, #e67324);--text-gradient-val:linear-gradient(135deg, #044d28 20%, #e67324);--th-bg:#f4f6f8;--skeleton-from:#f4f6f8;--skeleton-mid:#d1e8d9;--profile-header-bg:linear-gradient(135deg,#056b3812,#e673240a);--profile-header-border:#056b3833;--achievement-earned-bg:linear-gradient(135deg,#056b3812,#e673240a);--achievement-earned-border:#056b384d;--tab-bar-bg:#eaf4ee;--duration-bg:#056b3812;--duration-border:#056b3833;--notif-unread-bg:#056b380d;--scrollbar-thumb:#b8dcc4;--scrollbar-hover:#8ab99a;--login-bg1:#056b3814;--login-bg2:#e6732412;--login-card-bg:#fff;--login-title-gradient:linear-gradient(135deg, #0a2c40 40%, #e67324)}[data-theme=light],[data-theme=sugity]{background:var(--bg-root);color:var(--text-primary)}[data-theme=sugity] body{background-image:radial-gradient(80% 60% at 10% 20%,#056b3814 0%,#0000 60%),radial-gradient(70% 50% at 90% 75%,#e6732412 0%,#0000 55%),radial-gradient(50% 40% at 50% 10%,#056b380a 0%,#0000 50%),radial-gradient(60% 45% at 25% 85%,#e673240f 0%,#0000 50%)}[data-theme=light] .sidebar,[data-theme=sugity] .sidebar{background:var(--bg-sidebar);border-right-color:var(--sidebar-border);color:var(--text-sidebar)}[data-theme=light] .sidebar-header,[data-theme=sugity] .sidebar-header{border-bottom-color:var(--sidebar-border)}[data-theme=light] .sidebar-logo .logo-icon,[data-theme=sugity] .sidebar-logo .logo-icon{background:#ffffff2e;box-shadow:0 2px 8px #00000026}[data-theme=light] .sidebar-logo .logo-text,[data-theme=sugity] .sidebar-logo .logo-text{background:linear-gradient(135deg,#fff 40%,#c8c8ffd9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .sidebar-logo-tagline,[data-theme=sugity] .sidebar-logo-tagline{color:#fff9}[data-theme=light] .sidebar-logo-card,[data-theme=sugity] .sidebar-logo-card{box-shadow:0 4px 24px #0003,0 0 0 1px #ffffff40,0 0 32px #22c55e40,0 0 64px #f973161f}[data-theme=light] .nav-section-title,[data-theme=sugity] .nav-section-title{color:var(--sidebar-section-title)}[data-theme=light] .nav-item,[data-theme=sugity] .nav-item{color:var(--text-sidebar)}[data-theme=light] .nav-item:hover,[data-theme=sugity] .nav-item:hover{background:var(--sidebar-item-hover);color:#fff}[data-theme=light] .nav-item.active,[data-theme=sugity] .nav-item.active{background:var(--sidebar-item-active);color:var(--text-sidebar-active)}[data-theme=light] .nav-item.active:before,[data-theme=sugity] .nav-item.active:before{background:var(--sidebar-item-active-border)}[data-theme=light] .sidebar-footer,[data-theme=sugity] .sidebar-footer{border-top-color:var(--sidebar-border)}[data-theme=light] .sidebar-user-name,[data-theme=sugity] .sidebar-user-name{color:#fff}[data-theme=light] .sidebar-user-role,[data-theme=sugity] .sidebar-user-role{color:var(--sidebar-user-role)!important}[data-theme=light] .sidebar-user:hover,[data-theme=sugity] .sidebar-user:hover{background:var(--sidebar-item-hover)}[data-theme=light] .sidebar .btn-ghost,[data-theme=sugity] .sidebar .btn-ghost{color:#ffffffbf}[data-theme=light] .sidebar .btn-ghost:hover,[data-theme=sugity] .sidebar .btn-ghost:hover{background:var(--sidebar-item-hover);color:#fff}[data-theme=light] .topbar,[data-theme=sugity] .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-topbar);box-shadow:var(--shadow-topbar);border-bottom-color:#0000}[data-theme=light] .topbar{color:var(--text-primary)}[data-theme=light] .page-title{color:var(--text-primary)!important}[data-theme=sugity] .topbar{color:#fff;border-bottom:3.5px solid var(--accent)!important}[data-theme=sugity] .page-title{color:#fff!important}[data-theme=sugity] .breadcrumb{color:#ffffffa6}[data-theme=light] .notif-btn{color:var(--text-secondary);background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .notif-btn:hover{background:#e2e8f0}[data-theme=sugity] .notif-btn{color:#fff;background:#ffffff26;border-color:#fff3}[data-theme=sugity] .notif-btn:hover{background:#ffffff40}[data-theme=sugity] .theme-switcher{background:#ffffff26;border-color:#fff3}[data-theme=light] #mainContent,[data-theme=sugity] #mainContent,[data-theme=light] .section-title,[data-theme=sugity] .section-title{color:var(--text-primary)}[data-theme=light] .section-subtitle,[data-theme=sugity] .section-subtitle{color:var(--text-secondary)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=sugity] h1,[data-theme=sugity] h2,[data-theme=sugity] h3,[data-theme=sugity] h4,[data-theme=light] .content-inner h2,[data-theme=sugity] .content-inner h2{color:var(--text-primary)}[data-theme=light] .stat-card,[data-theme=sugity] .stat-card{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-card)}[data-theme=light] .stat-card:hover,[data-theme=sugity] .stat-card:hover{box-shadow:var(--shadow)}[data-theme=light] .stat-card .stat-value,[data-theme=sugity] .stat-card .stat-value{background:var(--stat-val-gradient)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .stat-card .stat-label,[data-theme=sugity] .stat-card .stat-label{color:var(--text-muted)}[data-theme=light] .text-gradient,[data-theme=sugity] .text-gradient{background:var(--text-gradient-val)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .card,[data-theme=sugity] .card{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-card)}[data-theme=light] .card-title,[data-theme=sugity] .card-title{color:var(--text-primary)}[data-theme=light] .card-subtitle,[data-theme=sugity] .card-subtitle{color:var(--text-secondary)}[data-theme=light] .table-wrapper,[data-theme=sugity] .table-wrapper{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-card)}[data-theme=light] .data-table th,[data-theme=sugity] .data-table th{color:var(--text-muted);border-bottom-color:var(--border);background:var(--th-bg)!important}[data-theme=light] .data-table td,[data-theme=sugity] .data-table td{color:var(--text-secondary);border-bottom-color:var(--border)}[data-theme=light] .data-table .td-name,[data-theme=sugity] .data-table .td-name{color:var(--text-primary)}[data-theme=light] .data-table tr:hover td,[data-theme=sugity] .data-table tr:hover td{background:var(--bg-card-hover)}[data-theme=light] .form-control,[data-theme=sugity] .form-control{background:var(--bg-input);border-color:var(--border-light);color:var(--text-primary)}[data-theme=light] .form-control::placeholder,[data-theme=sugity] .form-control::placeholder{color:var(--text-muted)}[data-theme=light] .form-control:focus,[data-theme=sugity] .form-control:focus{border-color:var(--primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--primary-soft)}[data-theme=light] .form-label,[data-theme=sugity] .form-label{color:var(--text-secondary)}[data-theme=light] .form-hint,[data-theme=sugity] .form-hint{color:var(--text-muted)}[data-theme=light] .tab-bar,[data-theme=sugity] .tab-bar{background:var(--tab-bar-bg);border:1px solid var(--border)}[data-theme=light] .tab-btn,[data-theme=sugity] .tab-btn{color:var(--text-muted)}[data-theme=light] .tab-btn:hover:not(.active),[data-theme=sugity] .tab-btn:hover:not(.active){background:var(--bg-card-hover);color:var(--text-primary)}[data-theme=light] .tab-btn.active,[data-theme=sugity] .tab-btn.active{background:var(--primary);color:#fff}[data-theme=light] .modal,[data-theme=sugity] .modal{background:var(--bg-surface);border-color:var(--border);box-shadow:0 20px 60px #0000001f}[data-theme=light] .modal-title,[data-theme=sugity] .modal-title{color:var(--text-primary)}[data-theme=light] .modal-close,[data-theme=sugity] .modal-close{background:var(--bg-card);color:var(--text-muted)}[data-theme=light] .modal-close:hover,[data-theme=sugity] .modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}[data-theme=light] .modal-overlay,[data-theme=sugity] .modal-overlay{background:#00000073}[data-theme=light] .toast,[data-theme=sugity] .toast{background:var(--bg-surface);border-color:var(--border);box-shadow:var(--shadow)}[data-theme=light] .toast-title,[data-theme=sugity] .toast-title{color:var(--text-primary)}[data-theme=light] .toast-msg,[data-theme=sugity] .toast-msg{color:var(--text-secondary)}[data-theme=light] .notif-dropdown,[data-theme=sugity] .notif-dropdown{background:var(--bg-surface);border-color:var(--border);box-shadow:var(--shadow)}[data-theme=light] .notif-header,[data-theme=sugity] .notif-header,[data-theme=light] .notif-item,[data-theme=sugity] .notif-item{border-bottom-color:var(--border)}[data-theme=light] .notif-item:hover,[data-theme=sugity] .notif-item:hover{background:var(--bg-card-hover)}[data-theme=light] .notif-item.unread,[data-theme=sugity] .notif-item.unread{background:var(--notif-unread-bg)}[data-theme=light] .notif-item-title,[data-theme=sugity] .notif-item-title{color:var(--text-primary)}[data-theme=light] .notif-item-msg,[data-theme=sugity] .notif-item-msg{color:var(--text-secondary)}[data-theme=light] .approval-card,[data-theme=sugity] .approval-card{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .approval-card:hover,[data-theme=sugity] .approval-card:hover{border-color:var(--border-light)}[data-theme=light] .approval-member-name,[data-theme=sugity] .approval-member-name{color:var(--text-primary)}[data-theme=light] .approval-reason,[data-theme=sugity] .approval-reason{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}[data-theme=light] .profile-header,[data-theme=sugity] .profile-header{background:var(--profile-header-bg);border-color:var(--profile-header-border)}[data-theme=light] .profile-info h2,[data-theme=sugity] .profile-info h2{color:var(--text-primary)}[data-theme=light] .profile-info .profile-dept,[data-theme=sugity] .profile-info .profile-dept{color:var(--text-muted)}[data-theme=light] .user-card,[data-theme=sugity] .user-card{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .user-card:hover,[data-theme=sugity] .user-card:hover{border-color:var(--border-light)}[data-theme=light] .user-card-name,[data-theme=sugity] .user-card-name{color:var(--text-primary)}[data-theme=light] .user-card-sub,[data-theme=sugity] .user-card-sub{color:var(--text-muted)}[data-theme=light] .achievement-card,[data-theme=sugity] .achievement-card{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .achievement-card.earned,[data-theme=sugity] .achievement-card.earned{background:var(--achievement-earned-bg);border-color:var(--achievement-earned-border)}[data-theme=light] .achievement-name,[data-theme=sugity] .achievement-name{color:var(--text-primary)}[data-theme=light] .achievement-desc,[data-theme=sugity] .achievement-desc{color:var(--text-muted)}[data-theme=light] .achievement-earned-at,[data-theme=sugity] .achievement-earned-at{color:var(--primary-light)}[data-theme=light] .leaderboard-item:hover,[data-theme=sugity] .leaderboard-item:hover{background:var(--bg-card-hover)}[data-theme=light] .leaderboard-name,[data-theme=sugity] .leaderboard-name{color:var(--text-primary)}[data-theme=light] .leaderboard-sub,[data-theme=sugity] .leaderboard-sub{color:var(--text-muted)}[data-theme=light] .leaderboard-value,[data-theme=sugity] .leaderboard-value{color:var(--primary)}[data-theme=light] .duration-preview,[data-theme=sugity] .duration-preview{background:var(--duration-bg);border-color:var(--duration-border);color:var(--primary)}[data-theme=light] .category-option,[data-theme=sugity] .category-option{border-color:var(--border);color:var(--text-primary)}[data-theme=light] .category-option:hover,[data-theme=sugity] .category-option:hover{background:var(--bg-card-hover)}[data-theme=light] .category-option.selected,[data-theme=sugity] .category-option.selected{border-color:var(--primary);background:var(--primary-soft)}[data-theme=light] .category-option .cat-label,[data-theme=sugity] .category-option .cat-label{color:var(--text-primary)}[data-theme=light] .skeleton,[data-theme=sugity] .skeleton{background:linear-gradient(90deg, var(--skeleton-from) 25%, var(--skeleton-mid) 50%, var(--skeleton-from) 75%)!important;background-size:800px 100%!important}[data-theme=light] .highlight-card,[data-theme=sugity] .highlight-card{border-left-color:var(--primary);background:var(--primary-soft)}[data-theme=light] .empty-state h3,[data-theme=sugity] .empty-state h3{color:var(--text-secondary)}[data-theme=light] .empty-state p,[data-theme=sugity] .empty-state p{color:var(--text-muted)}[data-theme=light] .divider,[data-theme=sugity] .divider{border-top-color:var(--border)}[data-theme=sugity] .btn-primary{background:linear-gradient(135deg,#056b38,#078a48);box-shadow:0 4px 15px #056b384d}[data-theme=sugity] .btn-primary:hover{background:linear-gradient(135deg,#078a48,#056b38);transform:translateY(-1px);box-shadow:0 6px 20px #056b3866}[data-theme=light] .login-page,[data-theme=sugity] .login-page{background:var(--bg-root)}[data-theme=light] .login-bg{background:radial-gradient(80% 60% at 20% 20%,#7c3aed0f 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#4f46e50d 0%,#0000 60%),radial-gradient(50% 40% at 60% 10%,#06b6d40a 0%,#0000 50%)}[data-theme=sugity] .login-bg{background:radial-gradient(80% 60% at 20% 20%,#056b3814 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#e6732412 0%,#0000 60%),radial-gradient(50% 40% at 60% 10%,#056b380d 0%,#0000 50%)}[data-theme=light] .login-card,[data-theme=sugity] .login-card{background:var(--login-card-bg);border-color:var(--border);box-shadow:0 8px 40px #00000014}[data-theme=light] .login-logo h1,[data-theme=sugity] .login-logo h1{background:var(--login-title-gradient)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=sugity] .login-logo .logo-icon{background:linear-gradient(135deg,#056b38,#078a48);box-shadow:0 4px 20px #056b384d}[data-theme=light] .login-logo p,[data-theme=sugity] .login-logo p{color:var(--text-muted)}[data-theme=light] .form-control,[data-theme=sugity] .form-control{background:var(--bg-input)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[data-theme=sugity] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}[data-theme=sugity] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.theme-switcher{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:.375rem;padding:.375rem;display:flex}.theme-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;transition:all .2s;display:flex}.theme-btn:hover{transform:scale(1.15)}.theme-btn.active{border-color:#ffffffb3;box-shadow:0 0 0 2px #fff3}[data-theme=dark] .theme-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.theme-btn[data-theme-target=dark]{background:#07070f}.theme-btn[data-theme-target=light]{background:#1e1b4b}.theme-btn[data-theme-target=sugity]{background:linear-gradient(135deg,#e67324 50%,#056b38 50%)}body,.sidebar,.topbar,.card,.stat-card,.table-wrapper,.data-table th,.form-control,.modal,.toast,.notif-dropdown,.notif-btn,.theme-switcher,.login-card,.approval-card,.achievement-card,.user-card,.category-option,.tab-bar,.tab-btn,.profile-header,.highlight-card,.duration-preview{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}:root{--sidebar-width:0px;--topbar-height:64px}:root .sidebar,:root .sidebar-overlay,:root .hamburger-btn{display:none!important}:root{--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--r-full:9999px;--t:.2s ease;--t-slow:.4s ease;--violet:var(--primary);--violet-light:var(--primary-light);--violet-dark:var(--primary-dark);--indigo:var(--primary);--cyan:var(--accent);--green:#10b981;--amber:#f59e0b;--red:#ef4444;--pink:#ec4899}html{scroll-behavior:smooth}body{background:var(--bg-root);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 60% at 10% 20%,#7c3aed1f 0%,#0000 60%),radial-gradient(70% 50% at 90% 75%,#4f46e51a 0%,#0000 55%),radial-gradient(50% 40% at 50% 10%,#06b6d40f 0%,#0000 50%),radial-gradient(60% 45% at 25% 85%,#7c3aed14 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.6;animation:20s ease-in-out infinite alternate globalMesh;overflow-x:hidden}@keyframes globalMesh{0%{background-position:0%}50%{background-position:50% 100%}to{background-position:100% 0}}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%}ul,ol{list-style:none}body,div:not(.badge):not(.text-success):not(.text-danger):not(.text-warning):not(.up):not(.down),p:not(.text-success):not(.text-danger):not(.text-warning),span:not(.badge):not(.text-success):not(.text-danger):not(.text-warning):not(.up):not(.down),h1,h2,h3,h4,h5,h6,a,li,td:not(.text-success):not(.text-danger):not(.text-warning),th,label,input,select,textarea,button:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning),h1,h2,h3,h4,h5,.page-title,.card-title,.modal-title{color:var(--text-primary)!important}.topbar div:not(.notif-dropdown):not(.notif-dropdown *):not(.wa-dropdown):not(.wa-dropdown *):not(.badge):not(.text-success):not(.text-danger):not(.text-warning):not(.up):not(.down),.topbar span:not(.notif-dropdown):not(.notif-dropdown *):not(.wa-dropdown):not(.wa-dropdown *):not(.badge):not(.text-success):not(.text-danger):not(.text-warning):not(.up):not(.down),.topbar button:not(.notif-dropdown):not(.notif-dropdown *):not(.wa-dropdown):not(.wa-dropdown *):not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning),.topbar select,.sidebar div:not(.badge):not(.text-success):not(.text-danger):not(.text-warning):not(.up):not(.down),.sidebar span:not(.badge):not(.text-success):not(.text-danger):not(.text-warning):not(.up):not(.down),.sidebar button:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning),.sidebar a,.sidebar select{color:#fff!important}h1{font-size:2rem;font-weight:800;line-height:1.2}h2{font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:600}h5{font-size:.875rem;font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--text-muted)}.text-danger{color:var(--red)}.text-success{color:var(--green)}.text-warning{color:var(--amber)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.login-page{background:var(--bg-root);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;background:radial-gradient(80% 60% at 20% 20%,#7c3aed1f 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#4f46e51a 0%,#0000 60%),radial-gradient(50% 40% at 60% 10%,#06b6d40f 0%,#0000 50%);animation:8s ease-in-out infinite alternate bgPulse;position:fixed;inset:0}@keyframes bgPulse{0%{opacity:.7}to{opacity:1}}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--r-xl);width:100%;max-width:440px;box-shadow:var(--shadow), 0 0 80px #7c3aed1f;background:#0d0d1ad9;margin:1.5rem;padding:2.5rem;animation:.6s cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-logo .logo-icon{background:linear-gradient(135deg, var(--violet), var(--indigo));border-radius:var(--r-lg);width:56px;height:56px;box-shadow:var(--shadow-violet);justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;display:flex}.login-logo h1{background:var(--login-title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.login-logo p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.form-label{letter-spacing:.01em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block;color:var(--text-secondary)!important}.form-control{-webkit-backdrop-filter:blur(8px);border-radius:var(--r);width:100%;color:var(--text-primary);transition:var(--t);background:#ffffff0f;border:1px solid #ffffff1f;outline:none;padding:.75rem 1rem;font-size:.95rem}.form-control::placeholder{color:var(--text-muted);opacity:1}.form-control:focus{border-color:var(--violet);background:#7c3aed1a;box-shadow:0 0 0 3px #7c3aed2e}.form-control:disabled{opacity:.4;cursor:not-allowed}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.form-error{color:var(--red);margin-top:.35rem;font-size:.8rem}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}select.form-control option,select option{color:var(--text-primary)!important;background-color:#0c0c18!important}textarea.form-control{resize:vertical;min-height:96px}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.btn{border-radius:var(--r);transition:var(--t);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--violet), var(--indigo));color:#fff;box-shadow:0 4px 16px #7c3aed66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border)}.btn-success{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-danger{background:linear-gradient(135deg, #dc2626, var(--red));color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b66}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.5rem .75rem}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;display:inline-flex}.btn-sm{padding:.45rem 1rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-full{width:100%}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";background:inherit;border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(28px)saturate(1.8);z-index:100;min-height:100vh;transition:transform var(--t-slow);background:#05050ff2;border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 24px #0006}.sidebar-header{border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:1.5rem 1rem 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;padding:.25rem 0;display:flex}.sidebar-logo-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.sidebar-logo-card{-webkit-backdrop-filter:blur(12px);cursor:default;background:#ffffff1f;border:1.5px solid #ffffff38;border-radius:22px;width:90px;height:90px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059,inset 0 1px #ffffff26,0 0 24px #22c55e33,0 0 48px #f973161a}.sidebar-logo-card:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 36px #0006,inset 0 1px #fff3,0 0 36px #22c55e47,0 0 72px #f9731626}.sidebar-logo-card .logo-img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-logo-tagline{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;text-align:center;font-size:.58rem;font-weight:700}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--violet), var(--indigo));border-radius:var(--r-sm);width:36px;height:36px;box-shadow:var(--shadow-violet);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.sidebar-logo .logo-text{background:linear-gradient(135deg, #fff 30%, var(--violet-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.sidebar-logo .logo-img{object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 6px #00000040);width:100%;max-height:56px;display:block}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto}.nav-section-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:.75rem .5rem .375rem;font-size:.7rem;font-weight:600}.nav-item{border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:var(--t);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin-bottom:2px;padding:.65rem .875rem;font-size:.9rem;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{color:var(--violet-light);background:#7c3aed2e}.nav-item.active:before{content:"";background:var(--violet);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item .nav-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.35rem;line-height:1}.nav-badge{background:var(--red);color:#fff;border-radius:var(--r-full);text-align:center;min-width:20px;margin-left:auto;padding:.1rem .45rem;font-size:.7rem;font-weight:700;animation:2s infinite pulseBadge}@keyframes pulseBadge{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}.sidebar-footer{border-top:1px solid var(--border);padding:.875rem}.sidebar-user{border-radius:var(--r);cursor:pointer;transition:var(--t);align-items:center;gap:.75rem;padding:.625rem .5rem;display:flex}.sidebar-user:hover{background:var(--bg-card-hover)}.user-avatar{border-radius:var(--r-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.75rem}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(28px)saturate(200%);z-index:90;background:#050509e0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:fixed;box-shadow:0 1px #ffffff0f,0 4px 24px #00000059;color:#fff!important}.topbar *{color:#fff!important}.topbar-left{align-items:center;gap:.75rem;display:flex}.page-title{font-size:1.65rem;font-weight:700;color:#fff!important}.breadcrumb{font-size:.85rem;color:#fff!important}.topbar-right{align-items:center;gap:.5rem;display:flex}.notif-btn{border-radius:var(--r-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;transition:var(--t);justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative}.notif-btn:hover{background:var(--bg-card-hover)}.notif-count{background:var(--red);border:2px solid var(--bg-root);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.notif-dropdown{top:calc(var(--topbar-height) + 8px);-webkit-backdrop-filter:blur(28px);z-index:1000;background:#0d0e16f5;border:1px solid #ffffff26;border-radius:14px;width:420px;max-height:520px;animation:.2s dropIn;display:none;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff0d}.notif-dropdown.show{flex-direction:column;display:flex}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-header{background:#ffffff05;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notif-header h4{color:var(--text-h,#f8fafc);margin:0;font-size:.95rem;font-weight:700}.notif-list{flex:1;max-height:440px;overflow-y:auto}.notif-item{cursor:pointer;text-align:left;border-bottom:1px solid #ffffff0f;gap:.875rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.notif-item:hover{background:#ffffff0f}.notif-item.unread{background:#7c3aed1f}.notif-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;box-shadow:inset 0 1px #fff3}.notif-item-content{text-align:left;flex:1;min-width:0}.notif-item-title{color:#f8fafc;font-size:.875rem;font-weight:700;line-height:1.3}.notif-item-msg{color:#cbd5e1;word-break:break-word;margin-top:.3rem;font-size:.825rem;line-height:1.45}.notif-item-time{color:#94a3b8;margin-top:.4rem;font-size:.75rem;font-weight:500}.notif-empty{text-align:center;color:#94a3b8;padding:3rem 1.5rem;font-size:.875rem}.main-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);flex:1;min-height:100vh}.content-inner{max-width:1400px;margin:0 auto;padding:2rem 1.75rem;animation:.3s pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{-webkit-backdrop-filter:blur(28px)saturate(1.6);border-radius:var(--r-lg);background:linear-gradient(135deg,#7c3aed1f 0%,#4f46e514 100%);border:1px solid #7c3aed4d;padding:1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 40px #00000073,0 0 30px #7c3aed1a}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-soft), var(--primary-glow), var(--primary-soft), transparent);pointer-events:none;border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.card:hover{border-color:#ffffff2e;box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #7c3aed14}.card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.card-title{font-size:1rem;font-weight:700}.card-subtitle{color:var(--text-secondary);margin-top:.15rem;font-size:.8rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(28px)saturate(1.6);border-radius:var(--r-lg);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#7c3aed1f 0%,#4f46e514 100%);border:1px solid #7c3aed4d;min-width:0;padding:1.25rem 1.5rem;transition:all .25s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 40px #00000073,0 0 30px #7c3aed1a}.stat-card:hover{border-color:#a78bfa59;transform:translateY(-4px);box-shadow:0 16px 40px #00000080,0 0 20px #7c3aed26}.card-interactive{cursor:pointer;transition:var(--t)}.card-interactive:hover{border-color:var(--primary-light);box-shadow:0 8px 24px #0000001f, var(--shadow-primary);transform:translateY(-3px)}.stat-card:before{content:"";background:var(--grad,linear-gradient(90deg, var(--violet), var(--indigo)));height:2px;position:absolute;top:0;left:0;right:0}.stat-card .stat-icon{background:var(--icon-bg,#7c3aed26);border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:.75rem;font-size:1.2rem;display:flex}.stat-card .stat-value{background:var(--stat-val-gradient);-webkit-text-fill-color:transparent;word-break:break-all;-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:800;line-height:1}.stat-card .stat-label{color:var(--text-muted);word-break:break-word;margin-top:.25rem;font-size:.78rem;font-weight:500;line-height:1.3}.stat-card .stat-change{align-items:center;gap:.25rem;margin-top:.4rem;font-size:.76rem;display:flex}.stat-card .stat-change.up{color:var(--green)}.stat-card .stat-change.down{color:var(--red)}.table-wrapper{border-radius:var(--r);max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:.875rem}.data-table th{text-align:left;letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);background:#ffffff08;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:.875rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.data-table .td-name{color:var(--text-primary);font-weight:600}.badge{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:var(--amber);background:#f59e0b26}.badge-approved{color:var(--green);background:#10b98126}.badge-rejected{color:var(--red);background:#ef444426}.badge-operational{color:var(--cyan);background:#06b6d426}.badge-support{color:var(--green);background:#10b98126}.badge-project{color:var(--amber);background:#f59e0b26}.badge-extraordinary{color:var(--pink);background:#ec489926}.badge-admin{color:var(--red);background:#ef44441f}.badge-supervisor{color:var(--amber);background:#f59e0b1f}.badge-member{color:var(--violet-light);background:#7c3aed1f}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{-webkit-backdrop-filter:blur(28px)saturate(160%);border-radius:var(--r-xl);background:#0c0c18e0;border:1px solid #ffffff1f;width:100%;max-width:520px;max-height:90vh;padding:2rem;animation:.3s modalIn;overflow-y:auto;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff14}.modal.modal-lg{max-width:720px}.modal.modal-sm{max-width:400px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.modal-close{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--t);background:var(--bg-card);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.modal-close:before{content:"×";font-size:1.4rem;font-weight:700;line-height:1}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--r-lg);background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow);pointer-events:all;align-items:flex-start;gap:.75rem;max-width:360px;padding:.875rem 1.25rem;animation:.3s toastIn;display:flex}.toast.removing{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;max-height:100px;transform:translate(0)}to{opacity:0;max-height:0;margin:0;padding:0;transform:translate(24px)}}.toast-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.toast-content{flex:1}.toast-title{font-size:.875rem;font-weight:600}.toast-msg{color:var(--text-secondary);margin-top:.15rem;font-size:.8rem}.toast-success{border-color:#10b9814d}.toast-error{border-color:#ef44444d}.toast-info{border-color:#7c3aed4d}.toast-warning{border-color:#f59e0b4d}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner.spinner-lg{border-width:3px;width:40px;height:40px}.spinner.spinner-violet{border-color:var(--primary-glow);border-top-color:var(--violet)}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state .empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.achievement-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:var(--t);padding:1.25rem;position:relative;overflow:hidden}.achievement-card.earned{background:linear-gradient(135deg,#7c3aed14,#4f46e50a);border-color:#7c3aed66}.achievement-card.earned:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#7c3aed0f,#0000);position:absolute;inset:0}.achievement-card.locked{opacity:.5;filter:grayscale(.5)}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{filter:drop-shadow(0 4px 8px #0000004d);margin-bottom:.75rem;font-size:2.5rem;display:block}.achievement-card.earned .achievement-icon{animation:2s ease-in-out infinite alternate achievementGlow}@keyframes achievementGlow{0%{filter:drop-shadow(0 2px 8px #7c3aed4d)}to{filter:drop-shadow(0 4px 16px #7c3aed99)}}.achievement-name{margin-bottom:.3rem;font-size:.9rem;font-weight:700}.achievement-desc{color:var(--text-muted);font-size:.78rem}.achievement-earned-at{color:var(--violet-light);margin-top:.5rem;font-size:.72rem;font-weight:500}.achievement-locked-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);padding:.15rem .5rem;font-size:.75rem;position:absolute;top:.75rem;right:.75rem}.chart-container{height:220px;position:relative}.chart-container canvas{max-height:100%}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-title{font-size:1.1rem;font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:.8rem}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;min-width:0;max-width:100%;margin-bottom:1.25rem;display:flex}.filter-bar .form-group{min-width:0;margin-bottom:0}.filter-bar .form-control{width:100%;min-width:0;padding:.6rem .875rem;font-size:.85rem}.tab-bar{background:var(--bg-card);border-radius:var(--r);gap:.25rem;width:fit-content;margin-bottom:1.5rem;padding:.25rem;display:flex}.tab-btn{border-radius:var(--r-sm);cursor:pointer;color:var(--text-muted);transition:var(--t);padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.tab-btn.active{background:var(--violet);color:#fff}.tab-btn:hover:not(.active){background:var(--bg-card-hover);color:var(--text-primary)}.approval-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t);margin-bottom:.875rem;padding:1.25rem}.approval-card:hover{border-color:var(--border-light)}.approval-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.875rem;display:flex}.approval-member{align-items:center;gap:.75rem;display:flex}.approval-member-info{flex:1}.approval-member-name{font-size:.95rem;font-weight:700}.approval-member-dept{color:var(--text-muted);font-size:.8rem}.approval-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:.875rem;display:flex}.approval-meta-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.approval-reason{color:var(--text-secondary);background:var(--bg-input);border-radius:var(--r-sm);border:1px solid var(--border);margin-bottom:.875rem;padding:.625rem .875rem;font-size:.85rem}.approval-remark{color:var(--text-muted);margin-top:.3rem;font-size:.8rem;font-style:italic}.approval-actions{align-items:center;gap:.625rem;display:flex}.approval-elapsed{border-radius:var(--r-full);border:1px solid var(--border);margin-left:auto;padding:.25rem .625rem;font-size:.78rem}.approval-elapsed.late{color:var(--red);background:#ef444414;border-color:#ef44444d}.approval-elapsed.ok{color:var(--text-muted)}.leaderboard-item{border-radius:var(--r);transition:var(--t);align-items:center;gap:.875rem;padding:.75rem;display:flex}.leaderboard-item:hover{background:var(--bg-card-hover)}.leaderboard-rank{text-align:center;width:28px;font-size:1.1rem;font-weight:800}.leaderboard-rank.rank-1{color:gold}.leaderboard-rank.rank-2{color:silver}.leaderboard-rank.rank-3{color:#cd7f32}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-size:.9rem;font-weight:600}.leaderboard-sub{color:var(--text-muted);font-size:.78rem}.leaderboard-value{color:var(--violet-light);font-size:1rem;font-weight:700}.duration-preview{border-radius:var(--r-sm);color:var(--violet-light);background:#7c3aed1a;border:1px solid #7c3aed40;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.category-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.category-option{border:2px solid var(--border);cursor:pointer;background:var(--bg-card);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .5rem;transition:all .18s;display:flex}.category-option:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed2e}.category-option.selected{box-shadow:0 0 0 3px #7c3aed33;border-color:var(--primary)!important;background:var(--primary-soft)!important}.cat-icon{font-size:1.6rem;line-height:1;display:block}.cat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.profile-avatar-lg{border-radius:var(--r-full);color:#fff;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex;box-shadow:0 4px 20px #0000004d}.profile-header{border-radius:var(--r-lg);background:linear-gradient(135deg,#7c3aed14,#4f46e50a);border:1px solid #7c3aed33;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.profile-info h2{font-size:1.3rem}.profile-info .profile-role{margin-top:.25rem;font-size:.85rem}.profile-info .profile-dept{color:var(--text-muted);font-size:.8rem}.user-card{border-radius:var(--r);background:var(--bg-card);border:1px solid var(--border);transition:var(--t);align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;display:flex}.user-card:hover{border-color:var(--border-light)}.user-card-info{flex:1;min-width:0}.user-card-name{font-weight:600}.user-card-sub{color:var(--text-muted);font-size:.8rem}.user-card-actions{gap:.5rem;display:flex}.inactive-badge{opacity:.5}.grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.25rem;display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=900px){.grid-3{grid-template-columns:1fr 1fr}}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr;gap:.875rem}}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:.875rem}.mb-3{margin-bottom:1.25rem}.mb-4{margin-bottom:1.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.25rem}.mt-4{margin-top:1.75rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.highlight-card{border-left:3px solid var(--violet);background:#7c3aed0f;padding-left:calc(1.5rem - 3px)}.text-gradient{background:var(--text-gradient-val);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--skeleton-from) 25%, var(--skeleton-mid) 50%, var(--skeleton-from) 75%);border-radius:var(--r-sm);background-size:800px 100%;animation:1.5s infinite shimmer}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.topbar{left:0}.content-inner{padding:1.125rem 1rem}.notif-dropdown{width:calc(100vw - 1rem);right:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.card{padding:1.125rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.25rem}}.hamburger-btn{color:var(--text);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:1.4rem;line-height:1;transition:background .2s;display:none}.hamburger-btn:hover{background:var(--bg-hover)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:149;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.approval-progress{border-radius:var(--r-sm);background:#00000026;align-items:center;gap:0;margin:.875rem 0;padding:.75rem .5rem;display:flex}.ap-step{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;display:flex}.ap-dot{background:var(--bg-hover);width:28px;height:28px;color:var(--text-muted);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.ap-step.done .ap-dot{background:var(--green);border-color:var(--green);color:#fff}.ap-step.active .ap-dot{color:#fff;background:#f59e0b;border-color:#f59e0b;animation:1.5s infinite pulse-dot;box-shadow:0 0 0 3px #f59e0b40}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #f59e0b40}50%{box-shadow:0 0 0 6px #f59e0b14}}@keyframes pulse-ring{0%{transform:scale(1);box-shadow:0 0 #14b8a699}70%{transform:scale(1.1);box-shadow:0 0 0 8px #14b8a600}to{transform:scale(1);box-shadow:0 0 #14b8a600}}.ap-label{color:var(--text-muted);white-space:nowrap;font-size:.65rem;font-weight:600}.ap-step.done .ap-label,.ap-step.active .ap-label{color:var(--text)}.ap-line{background:var(--border);flex:1;height:2px;margin-bottom:1rem;transition:background .3s}.ap-line.done{background:var(--green)}.ap-step.skip .ap-dot{border-color:var(--border);color:var(--text-muted);opacity:.55;background:#ffffff0a;border-style:dashed;font-size:.8rem}.ap-step.skip .ap-label{color:var(--text-muted);opacity:.55;font-style:italic}.ap-you-here{color:#f59e0b;text-align:center;letter-spacing:.03em;margin-top:1px;font-size:.6rem;font-weight:700;animation:1.5s infinite pulse-label}@keyframes pulse-label{0%,to{opacity:1}50%{opacity:.55}}.mini-step-wrap{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.mini-stepper{align-items:center;gap:2px;display:flex}.ms-dot{background:var(--border);width:10px;height:10px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.45rem;transition:background .25s;display:inline-flex}.ms-dot.done{background:var(--green);color:#fff}.ms-dot.active{color:#fff;background:#f59e0b;animation:1.5s infinite pulse-dot;box-shadow:0 0 0 2px #f59e0b4d}.ms-dot.skip{border:1px dashed var(--border);color:var(--text-muted);opacity:.5;background:0 0;border-radius:3px;width:12px;font-size:.5rem}.ms-line{background:var(--border);flex:1;min-width:14px;height:2px;transition:background .25s}.ms-line.done{background:var(--green)}.approval-note-box{color:var(--text-muted);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#0000002e;border-left:3px solid #3b82f6;margin-bottom:.625rem;padding:.5rem .75rem;font-size:.82rem}.approval-note-label{color:var(--text);font-weight:600}.approval-card--mine{border-left:3px solid var(--violet)}.badge-cl_approved{color:#3b82f6;background:#3b82f626}@media (width<=768px){.hamburger-btn{align-items:center;display:flex}.sidebar{z-index:150;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar.open{transform:translate(0)}.main-content{overflow-x:hidden;margin-left:0!important}.topbar{box-sizing:border-box!important;gap:.35rem!important;max-width:100vw!important;padding:0 .75rem!important;left:0!important;right:0!important}.topbar-left{gap:.35rem!important;min-width:0!important;overflow:hidden!important}.topbar-right{flex-shrink:0!important;gap:.35rem!important}.topbar-right select{max-width:75px!important;padding:.25rem!important;font-size:.75rem!important}.page-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.1rem!important}.content-inner{max-width:100vw;padding:1.125rem 1rem;overflow-x:hidden}.approval-card{border-radius:var(--r-md)!important;box-sizing:border-box!important;max-width:100%!important;padding:.9rem!important;overflow:hidden!important}.approval-card-header{flex-direction:column!important;align-items:flex-start!important;gap:.65rem!important;width:100%!important}.approval-member{gap:.6rem!important;width:100%!important;min-width:0!important}.approval-member>div:last-child{flex:1!important;min-width:0!important}.approval-member-name{word-break:break-word!important;overflow-wrap:break-word!important;font-size:.9rem!important}.approval-badges-row{flex-wrap:wrap!important;align-items:center!important;gap:.4rem!important;width:100%!important;display:flex!important}.approval-progress{box-sizing:border-box!important;gap:.25rem!important;width:100%!important;padding:.5rem .25rem!important}.ap-dot{width:24px!important;height:24px!important;font-size:.7rem!important}.ap-label{font-size:.62rem!important}.ap-line{min-width:12px!important;margin-bottom:.8rem!important}.approval-card .btn-sm{min-height:42px;padding:.6rem 1rem;font-size:.875rem}.approval-actions{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;width:100%!important}.approval-actions .btn{justify-content:center!important;width:100%!important;min-width:100%!important}.approval-actions span{text-align:center!important;margin-left:0!important}.grid-2,.grid-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.tab-bar{gap:.25rem;overflow-x:auto}.tab-btn{white-space:nowrap;padding:.4rem .7rem;font-size:.78rem}.hide-mobile{display:none!important}.filter-bar{grid-template-columns:1fr 1fr!important;align-items:end!important;gap:.75rem!important;max-width:100%!important;display:grid!important;overflow:hidden!important}.filter-bar .form-group{width:100%!important;min-width:0!important}.filter-bar .form-control{box-sizing:border-box!important;width:100%!important;min-width:0!important}.filter-bar button,.filter-bar .btn{grid-column:span 2!important;justify-content:center!important;width:100%!important;margin-top:.25rem!important}#mainContent:has(.rtot-wrap){height:auto!important;padding:0!important;overflow:auto!important}.rtot-wrap{height:auto!important;overflow:hidden auto!important}.rtot-header{flex-wrap:wrap!important;gap:4px!important}.rtot-title{letter-spacing:0!important;font-size:11px!important}.rtot-date{font-size:13px!important}.rtot-kpi-row{flex-wrap:wrap!important;gap:8px!important}.rtot-kpi{flex:calc(50% - 6px)!important}.rtot-legend{flex:100%!important;margin-top:4px!important}.rtot-panels{flex-direction:column!important;gap:8px!important;height:auto!important}.rtot-panel{flex-shrink:0!important;height:280px!important;min-height:280px!important}.rtot-member-panel{flex-shrink:0!important;height:380px!important;min-height:380px!important;margin:0!important}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}.topbar-title{font-size:.95rem}.section-header h1{font-size:1.4rem}.modal{border-radius:var(--r-lg)!important;padding:1.25rem!important}.modal-header{margin-bottom:1rem!important}.modal-footer{flex-direction:column-reverse!important;margin-top:1rem!important}.modal-footer .btn{justify-content:center!important;width:100%!important}.filter-bar{grid-template-columns:1fr!important}.filter-bar button,.filter-bar .btn{grid-column:span 1!important}.user-card{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.user-card-actions{border-top:1px solid var(--border)!important;justify-content:flex-end!important;width:100%!important;padding-top:.5rem!important}.profile-header{text-align:center!important;flex-direction:column!important;align-items:center!important}.profile-info{flex-direction:column!important;align-items:center!important;display:flex!important}.profile-info h2{margin-top:.5rem}.card div[style*=display\:grid] .flex{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}.data-table th,.data-table td{padding:.6rem .5rem!important;font-size:.75rem!important}.data-table td[style*=max-width\:200px],.data-table td[style*="max-width: 200px"]{max-width:80px!important}}@media (width>=769px){#mainContent:has(.rtot-wrap){height:calc(100vh - var(--topbar-height))!important;padding:0!important;overflow:hidden!important}.main-content:has(.rtot-wrap){height:100vh!important;overflow:hidden!important}.rtot-wrap:not(.rtot-tv-fit){overflow-y:auto!important}.rtot-member-panel:not(.rtot-tv-fit .rtot-member-panel){flex:none!important;height:600px!important;min-height:600px!important}}.rtot-tv-fit{height:100%!important;max-height:calc(100vh - var(--topbar-height) - 1.25rem)!important;flex-direction:column!important;justify-content:space-between!important;gap:8px!important;padding:0!important;display:flex!important;overflow:hidden!important}#mainContent:has(.rtot-tv-fit){height:calc(100vh - var(--topbar-height))!important;padding:.6rem .85rem!important;overflow:hidden!important}.rtot-tv-fit .rtot-header{border-radius:8px!important;flex-shrink:0!important;padding:8px 14px!important}.rtot-tv-fit .rtot-kpi-row{flex-shrink:0!important;gap:8px!important}.rtot-tv-fit .rtot-kpi{border-radius:8px!important;padding:8px 14px!important}.rtot-tv-fit .rtot-kpi-label{letter-spacing:.05em!important;font-size:10.5px!important;font-weight:700!important}.rtot-tv-fit .rtot-kpi-value{margin-top:1px!important;font-size:22px!important}.rtot-tv-fit .rtot-panels{flex:1 1 0!important;gap:8px!important;height:auto!important;min-height:0!important;display:flex!important}.rtot-tv-fit .rtot-panel{border-radius:8px!important;flex:1 1 0!important;height:100%!important;min-height:0!important}.rtot-tv-fit .rtot-panel-title{padding:6px 12px!important;font-size:12px!important}.rtot-tv-fit .rtot-member-panel{border-radius:8px!important;flex:1.35 1 0!important;height:100%!important;min-height:0!important}.rtot-tv-fit .rtot-member-scroll{flex:1!important;min-height:0!important;padding:2px 6px!important}.rtot-tv-live-badge{color:#10b981;letter-spacing:.03em;text-transform:uppercase;background:#10b9811f;border:1px solid #10b9814d;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.rtot-tv-live-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseLive;box-shadow:0 0 8px #10b981}@keyframes pulseLive{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.25)}to{opacity:.7;transform:scale(.95)}}.rtot-fullscreen-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.rtot-fullscreen-btn:hover{background:#ffffff26;transform:scale(1.02)}.rtot-wrap{background:0 0;flex-direction:column;gap:12px;height:100%;padding:0;display:flex;overflow:hidden}.rtot-header{background:var(--bg-card);-webkit-backdrop-filter:blur(28px)saturate(1.6);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative;overflow:hidden}.rtot-header:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-glow), var(--primary), var(--primary-glow), transparent);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.rtot-title{letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary);font-size:13px;font-weight:800}.rtot-unit{color:var(--primary);background:var(--primary-soft);border:1px solid var(--primary-glow);border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.rtot-period{color:var(--text-muted);opacity:.8;margin-top:1px;font-size:10px}.rtot-date{color:var(--text-primary);white-space:nowrap;font-size:16px;font-weight:800}.rtot-kpi-row{flex-wrap:nowrap;flex-shrink:0;gap:12px;display:flex}.rtot-kpi{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);flex:1;min-width:0;padding:12px 16px;box-shadow:0 1px 4px #0000001a}.rtot-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.rtot-kpi-value{color:var(--text);margin-top:2px;font-size:22px;font-weight:800;line-height:1.1}.rtot-judge-badge{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.rtot-judge-text{font-size:20px;font-weight:800}.rtot-legend{background:#7c3aed14;border:1px solid #7c3aed40;border-radius:6px;min-width:0;padding:5px 10px;font-size:10px}.rtot-leg-row{color:var(--text);align-items:center;gap:4px;margin-bottom:1px;display:flex}.rtot-panels{flex-wrap:nowrap;flex-shrink:0;gap:12px;height:auto;display:flex}.rtot-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.rtot-panel-title{background:var(--bg-input);color:var(--text-primary);letter-spacing:.02em;border-bottom:1px solid var(--border-light);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.rtot-legend-inline{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;font-size:9.5px;font-weight:400;display:flex}.rtot-swatch{border-radius:2px;width:8px;height:8px;display:inline-block}.rtot-dash-line{border-top:2px dashed #e2231a;width:16px;display:inline-block}.rtot-member-panel{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-card);flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.rtot-member-panel .rtot-panel-title{flex-shrink:0}.rtot-member-scroll{flex-direction:column;flex:1;padding:4px 6px 2px;display:flex;overflow:hidden}.rtot-rank-section{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);flex-shrink:0;margin:0;overflow:hidden;box-shadow:0 1px 4px #00000014}.rtot-rank-header{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.rtot-rank-tabs{gap:4px;display:flex}.rtot-rank-tab{border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:4px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.rtot-rank-tab.active{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-primary);color:#fff!important}.rtot-rank-tab:hover:not(.active){background:var(--bg-card-hover);color:var(--text-primary)}.rtot-rank-content{padding:0 4px 6px}.rtot-rank-content .card{box-shadow:none!important;border:none!important;height:auto!important;min-height:180px!important;padding:.5rem!important}.rtot-rank-content .table-wrapper{flex-grow:0!important;max-height:none!important;overflow-y:visible!important}.rtot-rank-content .card-header{margin-bottom:.4rem!important}.bulk-upload-zone{border:2px dashed var(--border);border-radius:var(--r);text-align:center;cursor:pointer;transition:all var(--t);background:var(--bg);padding:3rem 2rem}.bulk-upload-zone:hover,.bulk-upload-zone.drag-over{border-color:var(--primary);background:var(--bg-elevated)}.bulk-upload-zone .upload-icon{margin-bottom:.75rem;font-size:3rem}.bulk-upload-zone h3{margin-bottom:.5rem;font-size:1.1rem}.bulk-upload-zone p{color:var(--text-muted);font-size:.85rem}.bulk-preview-table{max-height:360px;overflow-y:auto}.bulk-result-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;font-size:.82rem;display:flex}.bulk-result-item .status-ok{color:var(--green);font-weight:600}.bulk-result-item .status-err{color:var(--red);font-weight:600}@media (width<=768px){.sidebar,.sidebar-overlay,.hamburger-btn{display:none!important}.main-content{width:100%!important;margin-left:0!important;overflow-x:hidden!important}.topbar{width:100%!important;padding:0 1rem!important;left:0!important}#mainContent{min-height:100vh}.app-layout{padding-bottom:env(safe-area-inset-bottom,0)}.notif-dropdown{z-index:99999!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:75vh!important;margin:0 auto!important;position:fixed!important;top:58px!important;left:10px!important;right:10px!important;box-shadow:0 24px 60px #000000d9,0 0 0 1px #fff3!important}.sidebar .nav-item{position:relative!important}.sidebar .nav-item:hover:after{content:attr(data-label);color:#e2e8f0;white-space:nowrap;pointer-events:none;z-index:999;background:#1e1b4bf7;border:1px solid #7c3aed4d;border-radius:6px;padding:.3rem .65rem;font-size:.78rem;font-weight:500;position:absolute;top:50%;left:68px;transform:translateY(-50%);box-shadow:0 4px 12px #0006}.form-row{flex-direction:column!important;gap:.75rem!important}.form-group{width:100%!important}.modal{border-radius:1rem 1rem 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;overflow-y:auto!important}#modalOverlay{align-items:flex-end!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.625rem!important}.stat-card{padding:.875rem 1rem!important}.stat-card .stat-value{font-size:1.5rem!important}.stat-card .stat-icon{width:36px!important;height:36px!important;margin-bottom:.5rem!important;font-size:1rem!important}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.category-grid{grid-template-columns:repeat(2,1fr)!important}.topbar-title{font-size:.9rem!important}.page-title{font-size:1.1rem!important}.content-inner{padding:.85rem .75rem!important}.modal .btn-primary,.modal .btn-danger{width:100%!important;margin-top:.25rem!important}.modal .modal-footer{flex-direction:column!important}h1{font-size:1.4rem!important}.section-header{flex-wrap:wrap!important;align-items:flex-start!important;gap:.5rem!important}.section-header>div{flex:auto!important;min-width:0!important}.section-header>.flex{flex-shrink:0!important}.filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.filter-bar .form-group{width:100%!important;min-width:0!important}.filter-bar select.form-control,.filter-bar input.form-control{width:100%!important}.grid-2{grid-template-columns:1fr!important;gap:.75rem!important}.highlight-card .flex{flex-direction:column!important;align-items:flex-start!important}.highlight-card .btn{width:100%!important;margin-top:.5rem!important}.approval-actions{flex-wrap:wrap!important;gap:.5rem!important}.approval-elapsed{margin-left:0!important}.approval-card-header{flex-wrap:wrap!important}.tab-bar{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important}.member-tracker-grid{grid-template-columns:1fr!important}.ot-tracker-circle,.ot-tracker-circle svg{width:140px!important;height:140px!important}.member-calendar-grid{gap:2px!important}.member-cal-cell{min-height:28px!important;font-size:.7rem!important}.member-timeline-item{gap:.5rem!important}.mt-date{min-width:48px!important;font-size:.7rem!important}.achievement-grid{grid-template-columns:repeat(2,1fr)!important}.approval-meta{gap:.5rem!important}.content-inner[style*=max-width]{max-width:100%!important}}.member-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.member-welcome-text h1{margin:0}.member-welcome-text p{margin:.2rem 0 0}.tracker-circle-wrap{justify-content:center;align-items:center;width:140px;height:140px;margin:1rem auto 0;display:flex;position:relative}.tracker-svg{width:140px;height:140px;position:absolute;top:0;left:0}.tracker-circle-label{text-align:center;z-index:1;position:relative}.tracker-pct{letter-spacing:-1px;font-size:1.7rem;font-weight:800;line-height:1}.tracker-sub{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.tracker-bars{flex-direction:column;gap:.55rem;display:flex}.tracker-bar-row{grid-template-columns:7rem 1fr 3.5rem;align-items:center;gap:.5rem;display:grid}.tracker-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.tracker-bar-track{background:#ffffff12;border-radius:4px;height:7px;overflow:hidden}.tracker-bar-fill{border-radius:4px;width:0;height:100%}.tracker-bar-val{color:var(--text-muted);text-align:right;font-size:.72rem}.tracker-note{color:var(--text-muted);background:#f59e0b14;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.76rem;display:flex}.mini-cal{width:100%}.mini-cal-head{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.mini-cal-dh{text-align:center;padding:2px 0;font-size:.68rem;font-weight:600;color:#fff!important}.mini-cal-body{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mini-cal-cell{text-align:center;cursor:pointer;border-radius:6px;padding:5px 2px 3px;font-size:.75rem;transition:background .15s;position:relative;color:#fff!important}.mini-cal-cell:hover:not(.empty){background:var(--bg-card-hover);box-shadow:0 2px 6px #0000001a;color:#fff!important}.mini-cal-cell.empty{opacity:0;pointer-events:none}.mini-cal-cell.today{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary-glow);font-weight:700;color:#fff!important}.mini-cal-cell.has-ot{color:#fff!important}.mini-cal-dot{border-radius:50%;width:5px;height:5px;margin:2px auto 0;display:block}.cal-legend{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.cal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ot-timeline{flex-direction:column;gap:0;max-height:380px;display:flex;overflow-y:auto}.ot-tl-item{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:.75rem;padding:.7rem 0;display:flex;position:relative}.ot-tl-item:last-child{border-bottom:none}.ot-tl-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.ot-tl-body{flex:1;min-width:0}.ot-tl-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ot-tl-date{color:var(--text-primary);font-size:.8rem;font-weight:600}.ot-live-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:background .3s,color .3s}.ot-tl-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:0;margin-top:.2rem;font-size:.75rem;display:flex}.ot-tl-reason{margin-top:.2rem;font-size:.72rem;line-height:1.4}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0}50%{transform:scale(1.12);box-shadow:0 0 0 4px #0000}to{transform:scale(1)}}.badge-pulse{animation:.5s badgePulse}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem;padding:.25rem 0;display:grid}.ach-item{cursor:default;text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.ach-icon{filter:drop-shadow(0 2px 8px #7c3aed80);font-size:2rem;line-height:1}.ach-name{color:var(--text-muted);max-width:70px;font-size:.68rem;line-height:1.2}.stat-chip{color:#c4b5fd;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}@media (width<=600px){.member-welcome{flex-direction:column;align-items:flex-start}.tracker-bar-row{grid-template-columns:5.5rem 1fr 2.8rem}.ot-timeline{max-height:260px}}@media (width<=480px){.grid-2{grid-template-columns:1fr!important}}.rm-table-wrap{flex-direction:column;display:flex}.rm-user-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;transition:background .15s;display:flex}.rm-user-row:last-child{border-bottom:none}.rm-user-row:hover{background:var(--bg-hover,#ffffff0a)}.rm-user-left{align-items:center;gap:.75rem;min-width:0;display:flex}.rm-user-right{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.rm-current-role{color:var(--role-color);background:color-mix(in srgb, var(--role-color) 15%, transparent);border:1px solid color-mix(in srgb, var(--role-color) 30%, transparent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;min-width:90px;padding:.25rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.rm-pills-wrap{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.rm-pill{cursor:pointer;border:1px solid var(--pill-color);color:var(--pill-color);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.2rem;padding:.2rem .55rem;font-size:.72rem;font-weight:500;transition:background .15s,color .15s,transform .1s;display:inline-flex}.rm-pill:hover:not(:disabled){background:var(--pill-color);color:#fff;transform:scale(1.05)}.rm-pill:disabled{opacity:.3;cursor:not-allowed}@supports not (color:color-mix(in srgb, red 15%, transparent)){.rm-current-role{border-color:var(--role-color);background:#00000026}}@media (width<=640px){.rm-user-row{flex-direction:column;align-items:flex-start;gap:.6rem}.rm-user-right{justify-content:flex-start;width:100%}}.reports-page-wrap{max-width:800px}.reports-action-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;padding-top:1rem;display:flex}.reports-btns{flex-shrink:0;gap:.75rem;display:flex}@media (width<=600px){.reports-page-wrap{max-width:100%}.reports-action-footer{flex-direction:column;align-items:stretch}.reports-action-footer p{text-align:center}.reports-btns{flex-direction:column;gap:.6rem;width:100%}.reports-btns .btn{justify-content:center!important;width:100%!important}}.cl-prog-list{flex-direction:column;gap:.85rem;margin-top:.25rem;display:flex}.cl-prog-row{align-items:flex-start;gap:.75rem;display:flex}.cl-prog-avatar{letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.78rem;font-weight:700;display:flex}.cl-prog-info{flex:1;min-width:0}.cl-prog-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.cl-prog-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:.875rem;font-weight:600;overflow:hidden}.cl-prog-hrs{white-space:nowrap;font-size:.8rem;font-weight:700}.cl-prog-badge-pending{color:#f59e0b;white-space:nowrap;background:#f59e0b26;border-radius:99px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.cl-prog-track{background:#ffffff12;border-radius:99px;height:8px;margin-bottom:.3rem;position:relative;overflow:visible}.cl-prog-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.cl-prog-limit{background:#ffffff4d;border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px;transform:translate(-50%)}.cl-prog-foot{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.cl-prog-pct{color:var(--text-muted);font-weight:600}@media (width<=480px){.cl-prog-avatar{width:32px;height:32px;font-size:.7rem}.cl-prog-name{max-width:48%;font-size:.8rem}.cl-prog-header{gap:.3rem}}@media (width>=600px){.topbar-user-name{display:block!important}}@media (width<=768px){.topbar-back-btn{display:none!important}}.card.clickable-card{transition:all .22s cubic-bezier(.16,1,.3,1)}.card.clickable-card:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}#dashboardPeriodInput::placeholder,#topbarPeriodInput::placeholder{opacity:1;color:var(--text-muted)!important}#dashboardPeriodInput,#topbarPeriodInput{color:var(--text-primary)!important}.flatpickr-calendar{background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important}.flatpickr-calendar:before,.flatpickr-calendar:after,.flatpickr-calendar.arrowTop:before{border-bottom-color:var(--border)!important}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--bg-surface)!important}.flatpickr-day{color:var(--text-primary)!important}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--text-muted)!important}.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.flatpickr-day.inRange{background:var(--primary-soft)!important;color:var(--text-primary)!important;box-shadow:none!important}.flatpickr-months .flatpickr-month{background:var(--bg-surface)!important;color:#fff!important}.flatpickr-current-month{color:#fff!important}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff!important}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff!important}.flatpickr-current-month input.cur-year{color:#fff!important}.flatpickr-monthDropdown-months,.flatpickr-monthDropdown-month{color:#fff!important;background-color:#0c0c18!important}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:#fff!important;fill:#fff!important}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:var(--primary)!important}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{fill:currentColor!important}span.flatpickr-weekday{background:var(--bg-surface)!important;color:#fff!important}.flatpickr-weekday{color:#fff!important}[data-theme=light],[data-theme=sugity]{background-image:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.login-page{--green-500:#10b981;--green-400:#34d399;--green-300:#6ee7b7;--green-200:#a7f3d0;--green-100:#ecfdf5;--green-soft:#10b9810f;--orange-500:#f59e0b;--orange-400:#fbbf24;--violet-500:#7c3aed;--violet-400:#a78bfa;--bg-dark:#050509;--bg-card:#0c0c18d1;--bg-card-hover:#ffffff0f;--bg-input:#ffffff0d;--border:#ffffff1f;--border-focus:#7c3aed;--text-primary:#fff;--text-secondary:#fff;--text-muted:#fff;--red:#ef4444;background:var(--bg-dark);height:100dvh;padding:env(safe-area-inset-top) max(1.25rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1.25rem, env(safe-area-inset-left));color:#fff;justify-content:center;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.mesh-bg{z-index:0;background:radial-gradient(80% 60% at 10% 20%,#7c3aed1f 0%,#0000 60%),radial-gradient(70% 50% at 90% 75%,#4f46e51a 0%,#0000 55%),radial-gradient(50% 40% at 50% 10%,#06b6d40f 0%,#0000 50%),radial-gradient(60% 45% at 25% 85%,#7c3aed14 0%,#0000 50%);animation:16s ease-in-out infinite alternate meshShift;position:fixed;inset:0}@keyframes meshShift{0%{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.03)rotate(.3deg)}to{opacity:.8;transform:scale(1.01)rotate(-.2deg)}}.grid-overlay{z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 70%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 70%)}.orb{z-index:0;filter:blur(75px);opacity:.25;border-radius:50%;animation:22s ease-in-out infinite alternate orbFloat;position:fixed}.orb-1{background:radial-gradient(circle,#7c3aed26,#0000 70%);width:320px;height:320px;animation-duration:20s;top:-100px;left:-80px}.orb-2{background:radial-gradient(circle,#06b6d41a,#0000 70%);width:280px;height:280px;animation-duration:24s;animation-delay:-6s;bottom:-80px;right:-60px}.orb-3{background:radial-gradient(circle,#4f46e51a,#0000 70%);width:200px;height:200px;animation-duration:17s;animation-delay:-9s;top:25%;right:10%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.1)}66%{transform:translate(-20px,35px)scale(.93)}to{transform:translate(15px,-15px)scale(1.07)}}.login-card{z-index:1;background:var(--bg-card);-webkit-backdrop-filter:blur(28px)saturate(1.6);color:#fff;border:1px solid #ffffff1f;border-radius:1.5rem;flex-direction:column;width:min(440px,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:2.25rem 2rem 1.75rem;animation:.8s cubic-bezier(.16,1,.3,1) both cardEntry;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 64px -12px #0009,0 0 80px -20px #7c3aed1f}@keyframes cardEntry{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed26,#a78bfa4d,#7c3aed26,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.login-logo{text-align:center;margin-bottom:1.75rem}.logo-icon-wrap{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 1.25rem;animation:4s ease-in-out infinite logoPulse;display:flex;position:relative;box-shadow:0 10px 30px #7c3aed40,inset 0 0 0 1px #fff3}@keyframes logoPulse{0%,to{box-shadow:0 10px 30px #7c3aed40,inset 0 0 0 1px #fff3}50%{box-shadow:0 10px 35px #7c3aed59,0 0 20px #7c3aed33,inset 0 0 0 1px #fff3}}.logo-icon-wrap img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);width:46px;height:46px}.login-logo h1{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;letter-spacing:-.75px;-webkit-background-clip:text;background-clip:text;margin:0 0 .35rem;font-size:1.75rem;font-weight:900}.login-logo .subtitle{color:#fff;opacity:.8;letter-spacing:.3px;font-size:.8rem}.login-logo .brand-tag{color:#a78bfa;letter-spacing:1.8px;text-transform:uppercase;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:99px;margin-top:.6rem;padding:.22rem .75rem;font-size:.68rem;font-weight:700;display:inline-block}.form-group{margin-bottom:1rem}.form-label{color:#fff;margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:block}.form-label span{color:#a78bfa}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{z-index:2;opacity:.6;pointer-events:none;font-size:1rem;transition:opacity .2s;position:absolute;left:1rem}.input-wrap:focus-within .input-icon{opacity:.95}.form-control-lg{background:var(--bg-input);border:1px solid var(--border);color:#fff;border-radius:.85rem;outline:none;width:100%;padding:.8rem 1rem .8rem 2.8rem;font-family:inherit;font-size:.9rem;transition:all .25s}.form-control-lg::placeholder{color:#fff6;font-weight:400}.form-control-lg:focus{border-color:var(--border-focus);background:#ffffff14;box-shadow:0 0 0 3px #7c3aed26,0 0 16px -4px #7c3aed33}.input-wrap .password-toggle{z-index:2;cursor:pointer;color:#fff9;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;right:.95rem}.input-wrap .password-toggle:hover{color:#fff}.form-control-lg.no-icon{padding-left:1rem}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:.85rem;width:100%;margin-top:.8rem;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 6px 20px #7c3aed40,inset 0 0 0 1px #fff3}.btn-login:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .25s;position:absolute;inset:0}.btn-login:hover{filter:brightness(1.05);transform:scale(1.01)translateY(-2px);box-shadow:0 10px 28px #7c3aed59,inset 0 0 0 1px #ffffff4d}.btn-login:hover:before{opacity:1}.btn-login:active{transform:scale(.98)translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-login.btn-signup{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 6px 20px #7c3aed33,inset 0 0 0 1px #fff3}.btn-login.btn-signup:hover{box-shadow:0 10px 28px #7c3aed4d,inset 0 0 0 1px #ffffff4d}.login-links{justify-content:space-between;align-items:center;margin-top:1rem;font-size:.8rem;display:flex}.login-links a,.btn-link{color:#a78bfa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.login-links a:hover,.btn-link:hover{color:#c4b5fd;text-decoration:underline}.btn-signup-outline{color:#a78bfa;cursor:pointer;background:#7c3aed05;border:1px solid #7c3aed26;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.85rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.btn-signup-outline:hover{color:#c4b5fd;background:#7c3aed0f;border-color:#7c3aed4d;transform:scale(1.01)translateY(-1.5px);box-shadow:0 4px 12px #7c3aed0d}.btn-signup-outline:active{transform:scale(.99)translateY(0)}.form-pane{width:100%;animation:.35s cubic-bezier(.16,1,.3,1) both paneIn}.form-pane.hidden{display:none}@keyframes paneIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.role-select-group{grid-template-columns:repeat(5,1fr);gap:.45rem;margin-top:.45rem;display:grid}.role-opt{display:none}.role-label{border:1px solid var(--border);cursor:pointer;color:#fff;text-align:center;background:#ffffff0d;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .25rem;font-size:.72rem;font-weight:600;line-height:1.3;transition:all .2s;display:flex}.role-label .role-emoji{margin-bottom:.1rem;font-size:1.35rem}.role-opt:checked+.role-label{color:#fff;background:#7c3aed14;border-color:#a78bfa;box-shadow:0 0 0 1px #7c3aed26,0 6px 12px #7c3aed0f}.role-label:hover{background:var(--bg-card-hover);border-color:#ffffff26}.form-hint-sm{color:#fff;opacity:.8;margin-top:.35rem;font-size:.7rem}.error-banner{color:var(--red);background:#ef444414;border:1px solid #ef444433;border-radius:.85rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.82rem;animation:.4s shake;display:none!important}.error-banner.show{display:flex!important}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.fp-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.fp-overlay.show{display:flex}.fp-modal{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);background:#0c0c18f2;border-radius:1.25rem;width:calc(100% - 2rem);max-width:400px;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;box-shadow:0 24px 80px #00000080}.fp-modal h3{color:#fff;letter-spacing:-.25px;margin:0 0 .4rem;font-size:1.15rem;font-weight:800}.fp-modal p{color:#fff;opacity:.8;margin:0 0 1.25rem;font-size:.85rem;line-height:1.5}.fp-actions{gap:.5rem;margin-top:1.25rem;display:flex}.btn-cancel{border:1px solid var(--border);color:#fff;cursor:pointer;background:0 0;border-radius:.75rem;flex:1;padding:.75rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s}.btn-cancel:hover{color:#fff;background:#ffffff0f}.btn-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:.75rem;flex:1;padding:.75rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s}.btn-send:hover{box-shadow:0 6px 20px #7c3aed4d}.form-divider{color:#fff;opacity:.7;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.75rem;margin:1.25rem 0 1rem;font-size:.72rem;font-weight:600;display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--border);flex:1;height:1px}@media (height<=700px){.login-card{padding:1.5rem 1.75rem 1.25rem}.login-logo{margin-bottom:.85rem}.logo-icon-wrap{border-radius:18px;width:60px;height:60px;margin-bottom:.75rem}.logo-icon-wrap img{width:36px;height:36px}.login-logo h1{font-size:1.45rem}.login-logo .subtitle,.login-logo .brand-tag{display:none}.form-group{margin-bottom:.65rem}}@media (height<=580px){.login-card{border-radius:1.25rem;padding:1.25rem 1.5rem 1rem}.logo-icon-wrap{border-radius:14px;width:48px;height:48px;margin-bottom:.5rem}.logo-icon-wrap img{width:30px;height:30px}.login-logo h1{margin-bottom:0;font-size:1.25rem}.login-logo{margin-bottom:.5rem}}@media (width<=380px){.login-card{padding:1.75rem 1.25rem 1.25rem}.role-select-group{gap:.35rem}.role-label{padding:.65rem .15rem;font-size:.68rem}}.login-card::-webkit-scrollbar{width:4px}.login-card::-webkit-scrollbar-track{background:0 0}.login-card::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}:root{--lp-font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lp-font-mono:"JetBrains Mono", "SF Mono", Consolas, Menlo, Monaco, monospace;--ind-bg:#070709;--ind-surface:#0e0e12;--ind-surface-hover:#14141a;--ind-border:#ffffff14;--ind-border-light:#ffffff24;--ind-border-active:#f50;--ind-orange:#f50;--ind-orange-glow:#ff550047;--ind-orange-dim:#ff55001f;--ind-text-title:#fff;--ind-text-body:#9e9ea8;--ind-text-muted:#62626e;--ind-nav-bg:#070709e0;--sugity-green:#056b38;--sugity-green-light:#0ea359;--sugity-green-glow:#056b3859;--sugity-green-dim:#056b381f;--sugity-orange:#e67324;--sugity-orange-glow:#e673244d;--lp-nav-h:clamp(48px, 6.5vh, 64px);--lp-container-w:min(1360px, 94vw);--lp-ease:cubic-bezier(.16, 1, .3, 1);--lp-transition:.65s var(--lp-ease)}.theme-dark{--lp-accent:var(--ind-orange);--lp-accent-glow:var(--ind-orange-glow);--lp-accent-dim:var(--ind-orange-dim);--lp-accent-text:#fff;--lp-badge-bg:#ff55001f;--lp-badge-border:#ff55004d;--lp-badge-color:#f73;--ind-text-title:#fff;--ind-text-body:#a4a4b2;--ind-text-muted:#62626e}.theme-sugity{--lp-accent:#f83;--lp-accent-glow:#f836;--lp-accent-dim:var(--sugity-green-dim);--lp-accent-text:#fff;--lp-badge-bg:#056b3859;--lp-badge-border:#0ea35999;--lp-badge-color:#52fca7;--ind-text-title:#fff;--ind-text-body:#d5ebd8;--ind-text-muted:#92ba9f;--ind-border:#0ea35947;--ind-border-light:#0ea35973;--ind-surface:#071f14;--ind-surface-hover:#0c2e1f}.lp-root{background-color:var(--ind-bg);width:100vw;height:100dvh;color:var(--ind-text-body);font-family:var(--lp-font-display);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}.lp-root .lp-hero-headline,.lp-root .lp-section-title,.lp-root .lp-bento-title,.lp-root .lp-hierarchy-title,.lp-root .lp-workflow-action,.lp-root .lp-calc-field-top span:first-child,.lp-root .lp-calc-res-amount,.lp-root .lp-cta-banner-title,.lp-root .lp-metric-big{color:#fff!important}.lp-root .lp-hero-headline .highlight,.lp-root .lp-metric-big span{color:var(--lp-accent)!important}.lp-root .lp-hero-subtext,.lp-root .lp-section-desc,.lp-root .lp-bento-desc,.lp-root .lp-hierarchy-desc,.lp-root .lp-workflow-desc,.lp-root .lp-calc-row,.lp-root .lp-cta-banner-desc{color:var(--ind-text-body)!important}.lp-bg-canvas{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#ff550014,#0000 70%),radial-gradient(circle at 100% 100%,#ffffff05,#0000 40%),linear-gradient(#070709 0%,#0a0a0e 100%);position:absolute;inset:0}.theme-sugity .lp-bg-canvas{background:radial-gradient(80% 50% at 50% -20%,#056b3826,#0000 70%),radial-gradient(circle at 100% 100%,#e673240f,#0000 40%),linear-gradient(#040f09 0%,#06170e 100%)}.lp-bg-grid{pointer-events:none;z-index:0;opacity:.7;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.lp-progress-bar-wrap{z-index:1000;background:#ffffff0d;width:100%;height:2px;position:fixed;top:0;left:0}.lp-progress-bar-fill{background:linear-gradient(90deg, var(--lp-accent), #f84);height:100%;transition:width .4s}.theme-sugity .lp-progress-bar-fill{background:linear-gradient(90deg, var(--sugity-green), var(--sugity-orange))}.lp-slide-viewport{z-index:1;width:100%;height:100dvh;position:relative;overflow:hidden}.lp-slide-track{width:100%;height:100%;transition:transform var(--lp-transition);will-change:transform}.lp-slide{box-sizing:border-box;width:100%;height:100dvh;padding-top:var(--lp-nav-h);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lp-slide-content{width:var(--lp-container-w);max-height:calc(100dvh - var(--lp-nav-h) - clamp(20px, 3vh, 40px));z-index:2;box-sizing:border-box;flex-direction:column;justify-content:center;display:flex;position:relative}.lp-nav{height:var(--lp-nav-h);background:var(--ind-nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ind-border);z-index:900;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.lp-nav-container{width:var(--lp-container-w);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.lp-brand{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.lp-brand-logo-img{object-fit:contain;width:auto;height:clamp(28px,4vh,36px)}.lp-brand-text{flex-direction:column;display:flex}.lp-brand-title{letter-spacing:.04em;color:#fff;align-items:center;gap:4px;font-size:clamp(.95rem,1.3vh,1.15rem);font-weight:900;display:flex}.lp-brand-title span{color:var(--lp-accent)}.lp-brand-tagline{font-family:var(--lp-font-mono);letter-spacing:.12em;color:var(--ind-text-muted);text-transform:uppercase;font-size:.58rem}.lp-nav-links{align-items:center;gap:clamp(12px,1.8vw,24px);display:flex}.lp-nav-link{color:var(--ind-text-body);font-family:var(--lp-font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:clamp(.72rem,.95vh,.82rem);transition:color .2s;position:relative}.lp-nav-link:hover,.lp-nav-link.active{color:#fff}.lp-nav-link.active:after{content:"";background:var(--lp-accent);height:2px;position:absolute;bottom:-4px;left:0;right:0}.lp-nav-controls{align-items:center;gap:10px;display:flex}.lp-btn-pill-toggle{border:1px solid var(--ind-border);color:#fff;font-family:var(--lp-font-mono);cursor:pointer;background:#ffffff0d;border-radius:4px;align-items:center;padding:3px 8px;font-size:.72rem;transition:all .2s;display:flex}.lp-btn-pill-toggle:hover{border-color:var(--ind-border-light);background:#ffffff17}.lp-btn-nav-login{border:1px solid var(--ind-border-light);color:#fff;font-family:var(--lp-font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:2px;padding:8px 14px;font-size:.75rem;transition:all .2s}.lp-btn-nav-login:hover{background:#ffffff14;border-color:#fff}.lp-btn-nav-demo{background:var(--lp-accent);border:1px solid var(--lp-accent);color:#fff;font-family:var(--lp-font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:0 0 16px var(--lp-accent-glow);border-radius:2px;padding:8px 16px;font-size:.75rem;font-weight:700;transition:all .2s}.lp-btn-nav-demo:hover{filter:brightness(1.1);transform:translateY(-1px)}.lp-dock{z-index:850;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ind-border);background:#0e0e12bf;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;display:flex;position:fixed;top:50%;right:clamp(12px,2vw,24px);transform:translateY(-50%)}.lp-dock-btn{color:var(--ind-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.65rem;transition:color .2s}.lp-dock-btn:hover{color:#fff}.lp-dock-dots{flex-direction:column;gap:8px;padding:4px 0;display:flex}.lp-dock-dot-wrap{justify-content:center;align-items:center;display:flex;position:relative}.lp-dock-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.lp-dock-dot.active{background:var(--lp-accent);height:18px;box-shadow:0 0 8px var(--lp-accent-glow);border-radius:4px}.lp-dock-tooltip{white-space:nowrap;border:1px solid var(--ind-border-light);color:#fff;font-family:var(--lp-font-mono);pointer-events:none;opacity:0;background:#121216;border-radius:3px;padding:3px 8px;font-size:.68rem;transition:all .2s;position:absolute;right:22px;transform:translate(4px)}.lp-dock-dot-wrap:hover .lp-dock-tooltip{opacity:1;transform:translate(0)}.lp-dock-counter{font-family:var(--lp-font-mono);letter-spacing:.05em;color:var(--ind-text-muted);margin-top:4px;font-size:.58rem}.lp-hero-slide{text-align:left;position:relative}.lp-hero-meta-row{border-bottom:1px solid var(--ind-border);justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(12px,2vh,24px);padding-bottom:12px;display:flex}.lp-hero-meta-label{font-family:var(--lp-font-mono);letter-spacing:.14em;color:var(--ind-text-muted);text-transform:uppercase;font-size:clamp(.68rem,1vh,.8rem)}.lp-hero-meta-right{font-family:var(--lp-font-mono);letter-spacing:.14em;color:var(--lp-accent);text-transform:uppercase;align-items:center;gap:8px;font-size:clamp(.68rem,1vh,.8rem);display:flex}.lp-hero-headline{letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin:0 0 clamp(16px,2.5vh,28px);font-size:clamp(2.4rem,6.5vh,5.2rem);font-weight:900;line-height:.95}.lp-hero-headline .highlight{color:var(--lp-accent);text-shadow:0 0 30px var(--lp-accent-glow)}.lp-hero-subtext{color:var(--ind-text-body);max-width:680px;margin:0 0 clamp(20px,3vh,36px);font-size:clamp(.95rem,1.6vh,1.25rem);line-height:1.5}.lp-hero-actions{align-items:center;gap:16px;margin-bottom:clamp(20px,3.5vh,40px);display:flex}.lp-btn-industrial-primary{background:var(--lp-accent);color:#fff;font-family:var(--lp-font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--lp-accent);cursor:pointer;transition:all .25s var(--lp-ease);box-shadow:0 4px 24px var(--lp-accent-glow);border-radius:2px;align-items:center;gap:10px;padding:clamp(12px,1.8vh,18px) clamp(20px,2.2vw,32px);font-size:clamp(.8rem,1.1vh,.92rem);font-weight:800;display:inline-flex}.lp-btn-industrial-primary:hover{filter:brightness(1.15);box-shadow:0 8px 32px var(--lp-accent-glow);transform:translateY(-2px)}.lp-btn-industrial-secondary{color:#fff;font-family:var(--lp-font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ind-border-light);cursor:pointer;transition:all .25s var(--lp-ease);background:#0e0e1299;border-radius:2px;align-items:center;gap:10px;padding:clamp(12px,1.8vh,18px) clamp(20px,2.2vw,32px);font-size:clamp(.8rem,1.1vh,.92rem);font-weight:700;display:inline-flex}.lp-btn-industrial-secondary:hover{background:#ffffff14;border-color:#fff;transform:translateY(-2px)}.lp-marquee-container{border-top:1px solid var(--ind-border);border-bottom:1px solid var(--ind-border);background:#0e0e1266;width:100%;padding:12px 0;overflow:hidden}.lp-marquee-track{align-items:center;gap:24px;width:max-content;animation:30s linear infinite lp-marquee;display:flex}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-marquee-item{font-family:var(--lp-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ind-text-muted);align-items:center;gap:20px;font-size:clamp(.75rem,1.1vh,.95rem);font-weight:800;display:flex}.lp-marquee-item .role-active{color:#fff}.lp-marquee-item .spark{color:var(--lp-accent)}.lp-section-header{margin-bottom:clamp(12px,2vh,24px)}.lp-section-tag{font-family:var(--lp-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:6px;font-size:clamp(.7rem,1vh,.85rem);font-weight:700}.lp-section-title{letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 8px;font-size:clamp(1.8rem,4.2vh,3.4rem);font-weight:900;line-height:1}.lp-section-desc{color:var(--ind-text-body);max-width:680px;margin:0;font-size:clamp(.85rem,1.3vh,1.05rem);line-height:1.45}.lp-bento-grid{grid-template-rows:repeat(2,auto);grid-template-columns:1.4fr 1fr 1fr;gap:14px;width:100%;display:grid}.lp-bento-card{background:var(--ind-surface);border:1px solid var(--ind-border);transition:all .3s var(--lp-ease);border-radius:4px;padding:clamp(14px,2vh,22px);position:relative;overflow:hidden}.lp-bento-card:hover{border-color:var(--ind-border-light);transform:translateY(-2px)}.lp-bento-card.tall{flex-direction:column;grid-row:span 2;justify-content:space-between;display:flex}.lp-bento-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lp-bento-icon{color:var(--lp-accent);font-size:1.4rem}.lp-bento-meta{font-family:var(--lp-font-mono);color:var(--ind-text-muted);font-size:.68rem}.lp-bento-title{color:#fff;margin:0 0 6px;font-size:clamp(.95rem,1.4vh,1.15rem);font-weight:800}.lp-bento-desc{color:var(--ind-text-body);margin:0;font-size:clamp(.75rem,1.1vh,.88rem);line-height:1.4}.lp-bento-chart{background:#0000004d;border-radius:4px;align-items:flex-end;gap:8px;height:clamp(60px,9vh,90px);margin:16px 0;padding:8px;display:flex}.lp-bento-bar{background:#ffffff1f;border-radius:2px;flex:1;transition:height .4s}.lp-bento-bar.active{background:var(--lp-accent);box-shadow:0 0 12px var(--lp-accent-glow)}.lp-hierarchy-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.lp-hierarchy-card{background:var(--ind-surface);border:1px solid var(--ind-border);border-radius:4px;padding:clamp(12px,1.8vh,18px);transition:all .3s;position:relative}.lp-hierarchy-card:hover{border-color:var(--lp-accent);background:var(--ind-surface-hover)}.lp-hierarchy-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lp-hierarchy-num{font-family:var(--lp-font-mono);color:var(--lp-accent);font-size:.85rem;font-weight:800}.lp-hierarchy-badge{font-family:var(--lp-font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--lp-badge-bg);border:1px solid var(--lp-badge-border);color:var(--lp-badge-color);border-radius:2px;padding:2px 8px;font-size:.65rem;font-weight:700}.lp-hierarchy-title{color:#fff;margin:0 0 4px;font-size:clamp(.95rem,1.4vh,1.15rem);font-weight:800}.lp-hierarchy-desc{color:var(--ind-text-body);margin:0;font-size:clamp(.72rem,1.05vh,.85rem);line-height:1.4}.lp-workflow-flow{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid;position:relative}.lp-workflow-card{background:var(--ind-surface);border:1px solid var(--ind-border);border-radius:4px;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.4vh,24px);display:flex;position:relative}.lp-workflow-card.active{border-color:var(--lp-accent);box-shadow:0 0 20px var(--lp-accent-glow)}.lp-workflow-step-num{font-family:var(--lp-font-mono);color:var(--lp-accent);margin-bottom:8px;font-size:clamp(1.4rem,2.4vh,2rem);font-weight:900}.lp-workflow-actor{font-family:var(--lp-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ind-text-muted);margin-bottom:4px;font-size:.72rem}.lp-workflow-action{text-transform:uppercase;color:#fff;margin:0 0 8px;font-size:clamp(1.1rem,1.8vh,1.4rem);font-weight:900}.lp-workflow-desc{color:var(--ind-text-body);margin-bottom:16px;font-size:clamp(.75rem,1.15vh,.88rem);line-height:1.45}.lp-workflow-status-pill{font-family:var(--lp-font-mono);border:1px solid var(--ind-border-light);color:#fff;background:#0006;border-radius:2px;align-self:flex-start;padding:4px 10px;font-size:.68rem;display:inline-block}.lp-modules-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;margin-bottom:clamp(16px,2.2vh,24px);display:grid}.lp-module-pill{background:var(--ind-surface);border:1px solid var(--ind-border);font-family:var(--lp-font-mono);color:var(--ind-text-body);text-align:center;border-radius:3px;padding:8px 12px;font-size:clamp(.68rem,1vh,.8rem);transition:all .2s}.lp-module-pill:hover{border-color:var(--lp-accent);color:#fff;background:var(--ind-surface-hover)}.lp-metrics-row{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.lp-metric-box{background:var(--ind-surface);border:1px solid var(--ind-border);text-align:center;border-radius:4px;padding:clamp(12px,1.8vh,18px)}.lp-metric-big{color:#fff;margin-bottom:4px;font-size:clamp(1.8rem,4vh,3.2rem);font-weight:900;line-height:1}.lp-metric-big span{color:var(--lp-accent)}.lp-metric-lbl{font-family:var(--lp-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ind-text-muted);font-size:clamp(.65rem,.95vh,.78rem)}.lp-calc-wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(16px,2.5vw,28px);width:100%;display:grid}.lp-calc-inputs{background:var(--ind-surface);border:1px solid var(--ind-border);border-radius:4px;flex-direction:column;gap:clamp(10px,1.5vh,18px);padding:clamp(16px,2.4vh,24px);display:flex}.lp-calc-field{flex-direction:column;gap:6px;display:flex}.lp-calc-field-top{color:#fff;justify-content:space-between;font-size:clamp(.75rem,1.1vh,.88rem);font-weight:700;display:flex}.lp-calc-field-top span:last-child{font-family:var(--lp-font-mono);color:var(--lp-accent)}.lp-calc-slider{-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:4px}.lp-calc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lp-accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--lp-accent-glow);border-radius:50%}.lp-calc-result{border:1px solid var(--ind-border-light);background:linear-gradient(145deg,#0e0e14,#121218);border-radius:4px;flex-direction:column;gap:12px;padding:clamp(16px,2.6vh,28px);display:flex}.lp-calc-res-label{font-family:var(--lp-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);font-size:.72rem}.lp-calc-res-amount{color:#fff;font-size:clamp(1.8rem,4vh,2.8rem);font-weight:900;line-height:1}.lp-calc-breakdown{border-top:1px solid var(--ind-border);flex-direction:column;gap:6px;padding-top:10px;font-size:.8rem;display:flex}.lp-calc-row{color:var(--ind-text-body);justify-content:space-between;display:flex}.lp-calc-row span:last-child{font-family:var(--lp-font-mono);color:#fff}.lp-footer-slide{flex-direction:column;justify-content:space-between;width:100%;display:flex;position:relative}.lp-cta-banner{border:1px solid var(--ind-border-light);text-align:center;z-index:2;background:linear-gradient(135deg,#ff550014,#0e0e12cc);border-radius:4px;margin-bottom:clamp(16px,2.5vh,28px);padding:clamp(20px,3vh,36px);position:relative}.theme-sugity .lp-cta-banner{background:linear-gradient(135deg,#056b3826,#06170ecc)}.lp-cta-banner-title{text-transform:uppercase;color:#fff;margin:0 0 8px;font-size:clamp(1.6rem,3.5vh,2.6rem);font-weight:900}.lp-cta-banner-desc{color:var(--ind-text-body);max-width:600px;margin:0 auto clamp(14px,2vh,22px);font-size:clamp(.85rem,1.3vh,1.05rem)}.lp-cta-banner-btns{justify-content:center;gap:14px;display:flex}.lp-footer-watermark{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px #ffffff0a;pointer-events:none;z-index:0;font-size:clamp(6rem,18vw,15rem);font-weight:900;line-height:1;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.theme-sugity .lp-footer-watermark{-webkit-text-stroke:1px #056b3817}.lp-footer-bottom{border-top:1px solid var(--ind-border);font-family:var(--lp-font-mono);color:var(--ind-text-muted);z-index:2;justify-content:space-between;align-items:center;width:100%;padding-top:14px;font-size:.72rem;display:flex;position:relative}.lp-footer-links{gap:18px;display:flex}.lp-footer-link{color:var(--ind-text-muted);cursor:pointer;text-decoration:none}.lp-footer-link:hover{color:#fff}@media (width<=1024px){.lp-bento-grid{grid-template-columns:1fr 1fr}.lp-bento-card.tall{grid-row:span 1}.lp-hierarchy-grid{grid-template-columns:1fr 1fr}.lp-modules-grid{grid-template-columns:repeat(3,1fr)}.lp-calc-wrap{grid-template-columns:1fr}}@media (width<=768px){.lp-nav-links,.lp-dock,.lp-brand-tagline{display:none}.lp-nav-container{gap:8px}.lp-btn-nav-login{display:none}.lp-btn-pill-toggle{padding:3px 6px;font-size:.68rem}.lp-btn-nav-demo{padding:6px 10px;font-size:.68rem}.lp-bento-grid,.lp-hierarchy-grid,.lp-workflow-flow{grid-template-columns:1fr}.lp-metrics-row,.lp-modules-grid{grid-template-columns:1fr 1fr}.lp-hero-meta-row{flex-direction:column;align-items:flex-start;gap:4px}.lp-hero-headline{margin-bottom:12px;font-size:clamp(2rem,5.5vh,3.4rem)}.lp-hero-subtext{margin-bottom:16px;font-size:.88rem}.lp-hero-actions{flex-direction:column;gap:10px;width:100%;margin-bottom:16px}.lp-btn-industrial-primary,.lp-btn-industrial-secondary{justify-content:center;width:100%;padding:12px 16px}}@media (height<=720px){.lp-slide-content{max-height:calc(100dvh - var(--lp-nav-h) - 10px)}.lp-hero-headline{font-size:clamp(1.8rem,5vh,3.2rem)}.lp-bento-chart{height:40px;margin:8px 0}.lp-cta-banner{margin-bottom:10px;padding:14px}}@media (height<=500px) and (orientation:landscape){:root{--lp-nav-h:40px}.lp-hero-headline{font-size:1.6rem}.lp-hero-subtext{display:none}}