@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--primary-pale:#ecfdf5;--primary-glow:#10b98126;--primary-glow2:#10b9814d;--sb-bg:#0f172a;--sb-hover:#ffffff0a;--sb-active:#10b9811f;--gold:#fbbf24;--amber:#f59e0b;--orange:#f97316;--red:#ef4444;--red-bg:#ef444414;--blue:#3b82f6;--blue-bg:#3b82f614;--purple:#8b5cf6;--cyan:#06b6d4;--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--sb-w:264px;--sb-cw:76px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 8px -2px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 12px 24px -4px #00000014, 0 4px 8px -4px #0000000a;--shadow-xl:0 20px 48px -8px #0000001a;--shadow-glow:0 0 24px #10b98126;--ease:cubic-bezier(.4, 0, .2, 1);--bounce:cubic-bezier(.34, 1.56, .64, 1);--tr:.2s var(--ease);--tr-slow:.35s var(--ease);--text-muted:#64748b;--text-sub:#475569;--border:#e2e8f0;--bg-2:#fff;--bg:#f1f5f9;--t5:#64748b;--green-400:#34d399;--green-500:#10b981}html,body,#root{color:#f8fafc;height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout{background:#0f172a;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sb-w);background:var(--sb-bg);height:100vh;transition:width var(--tr-slow);z-index:200;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.sidebar.collapsed{width:var(--sb-cw)}.sb-brand{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:14px;height:72px;padding:0 22px;display:flex;overflow:hidden}.sb-logo-img{border-radius:var(--radius-md);object-fit:cover;width:38px;height:38px;transition:var(--tr);border:1.5px solid #10b98159;flex-shrink:0;box-shadow:0 0 16px #10b98126}.sb-logo-img:hover{box-shadow:0 0 24px #10b9814d}.sb-brand-text{white-space:nowrap;transition:opacity var(--tr-slow), width var(--tr-slow);font-family:var(--font-heading);overflow:hidden}.sb-brand-text h2{color:#f8fafc;letter-spacing:.3px;font-size:16px;font-weight:700;line-height:1.2}.sb-brand-text span{color:var(--primary-light);text-transform:uppercase;letter-spacing:1.5px;opacity:.7;font-size:10px;font-weight:600}.sidebar.collapsed .sb-brand-text{opacity:0;width:0}.sb-toggle{cursor:pointer;color:#34d399;z-index:300;width:30px;height:30px;transition:all .25s var(--bounce);background:#1e293b;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:21px;right:-15px;box-shadow:0 4px 10px #0006}.sb-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1);box-shadow:0 0 16px #10b98199}.sb-toggle svg{width:16px;height:16px;transition:transform var(--tr-slow)}.sidebar.collapsed .sb-toggle{right:-15px}.sb-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow:hidden auto}.sb-section-label{text-transform:uppercase;letter-spacing:1.5px;color:#475569;white-space:nowrap;transition:opacity var(--tr-slow);padding:14px 14px 8px;font-size:10px;font-weight:700}.sidebar.collapsed .sb-section-label{opacity:0}.sb-item{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sb-item:hover:not(.active){color:#34d399;background:#10b98124;border-left-color:#10b981;transform:translate(4px)}.sb-item:hover:not(.active) .sb-icon,.sb-item:hover:not(.active) .sb-label{color:#34d399}.sb-item.active{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-left:4px solid #34d399;font-weight:600;box-shadow:0 4px 14px #10b98159;color:#fff!important}.sb-item.active .sb-label{font-weight:600;color:#fff!important}.sb-item.active .sb-icon{color:#fff!important}.sb-item.active:hover{background:linear-gradient(90deg,#10b981 0%,#059669 100%);transform:none}.sb-icon{color:#64748b;width:20px;height:20px;transition:all .2s var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-label{transition:opacity var(--tr-slow), width var(--tr-slow);flex:1;overflow:hidden}.sidebar.collapsed .sb-label{opacity:0;width:0}.sidebar.collapsed .sb-item[data-tip]:hover:after{content:attr(data-tip);left:calc(var(--sb-cw) + 8px);color:#f1f5f9;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-lg);pointer-events:none;z-index:999;animation:fadeIn .15s var(--ease);background:#1e293b;border:1px solid #ffffff1f;padding:6px 14px;font-size:12px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.sb-divider{background:#ffffff0f;height:1px;margin:8px 12px}.sb-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:14px 12px}.sb-user{border-radius:var(--radius-md);align-items:center;gap:12px;padding:8px 10px;display:flex;overflow:hidden}.sb-avatar{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 0 0 2px #10b98133}.sb-user-info{overflow:hidden}.sb-user-info p{color:#f1f5f9;white-space:nowrap;font-size:13px;font-weight:600}.sb-user-info span{color:#64748b;white-space:nowrap;font-size:11px}.sidebar.collapsed .sb-user-info{opacity:0;width:0}.sb-logout{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;text-align:left;width:100%;transition:var(--tr);white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex;overflow:hidden}.sb-logout:hover{background:#ef444414;border-color:#ef444426}.sidebar.collapsed .sb-logout span{opacity:0;width:0}.main{background:#f1f5f9;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex}.topbar-breadcrumb{font-family:var(--font-heading);flex:1;align-items:center;gap:8px;display:flex}.topbar-breadcrumb .crumb-home{color:#64748b;font-size:14px;font-weight:500}.topbar-breadcrumb .crumb-sep{color:#cbd5e1;font-size:14px}.topbar-breadcrumb .crumb-active{color:#0f172a;font-size:14px;font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-status{background:var(--primary-pale);color:#059669;border:1px solid #a7f3d0;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.topbar-status-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 8px var(--primary);border-radius:50%;animation:2s infinite blink}.page{width:100%;max-width:100%;animation:pageIn .4s var(--ease);background:#f1f5f9;flex:1;padding:32px;overflow:hidden auto}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-head h1{font-family:var(--font-heading);color:#0f172a;font-size:24px;font-weight:700}.page-head p{color:#64748b;margin-top:2px;font-size:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{border-radius:var(--radius-lg);transition:all .3s var(--ease);box-shadow:var(--shadow-xs);background:#fff;border:1px solid #e2e8f0;flex-direction:column;gap:14px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";height:3px;transition:background .3s var(--ease);background:0 0;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-4px)}.stat-card:hover:before{background:linear-gradient(90deg, var(--primary), var(--primary-light))}.stat-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrap svg{width:22px;height:22px}.si-green{color:#059669;background:#ecfdf5}.si-blue{color:#2563eb;background:#eff6ff}.si-red{color:#dc2626;background:#fef2f2}.si-amber{color:#d97706;background:#fffbeb}.si-teal{color:#0d9488;background:#f0fdfa}.stat-val{color:#0f172a;font-size:28px;font-weight:700;line-height:1;font-family:var(--font-heading)}.stat-label{color:#64748b;font-size:13px;font-weight:500}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease);background:#fff;border:1px solid #e2e8f0;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.card-title{font-family:var(--font-heading);color:#0f172a;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.card-title svg{width:18px;height:18px;color:var(--primary)}.card-sub{color:#64748b;font-size:12px}.card-body{padding:24px}.dash-grid{grid-template-columns:1fr 340px;gap:24px;display:grid}.progress-bar-track{background:#f1f5f9;border-radius:10px;height:6px;margin-top:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:10px;height:100%;transition:width .6s}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 8px var(--primary);border-radius:50%;flex-shrink:0;margin-top:6px}.activity-body p{color:#334155;font-size:13px;line-height:1.4}.activity-body span{color:#94a3b8;font-size:11px}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl-wrap::-webkit-scrollbar{height:4px}.tbl-wrap::-webkit-scrollbar-track{background:0 0}.tbl-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tbl-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tbl-wrap table{min-width:800px}.tbl-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}table{border-collapse:collapse;width:100%}thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:#64748b;white-space:nowrap;padding:14px 20px;font-size:11px;font-weight:700}td{color:#1e293b;vertical-align:middle;transition:var(--tr);border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:13.5px}tbody tr{transition:all .2s var(--ease);background:#fff;position:relative}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.tbl-footer{background:#fafbfc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.search-wrap{align-items:center;display:flex;position:relative}.search-ico{color:#94a3b8;pointer-events:none;display:flex;position:absolute;left:12px}.search-ico svg{width:16px;height:16px}.inp{border-radius:var(--radius-md);color:#0f172a;transition:all .25s var(--ease);background:#fff;border:1px solid #e2e8f0;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.inp.with-icon{padding-left:38px}.inp:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.inp::placeholder{color:#94a3b8}.input-field{border-radius:var(--radius-md);color:#0f172a;transition:all .25s var(--ease);background:#fff;border:1px solid #e2e8f0;padding:10px 14px;font-family:inherit;font-size:14px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.sel,.select-field{border-radius:var(--radius-md);color:#0f172a;cursor:pointer;transition:var(--tr);background:#fff;border:1px solid #e2e8f0;padding:10px 14px;font-family:inherit;font-size:14px}.sel:focus,.select-field:focus{border-color:var(--primary);outline:none}.textarea{border-radius:var(--radius-md);color:#0f172a;resize:vertical;width:100%;min-height:120px;transition:var(--tr);background:#fff;border:1px solid #e2e8f0;padding:12px 14px;font-family:inherit;font-size:14px}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.textarea::placeholder{color:#94a3b8}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all .25s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:#334155;background:#fff;border-color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-ghost{color:#475569;background:0 0;border-color:#e2e8f0}.btn-ghost:hover:not(:disabled){color:#0f172a;background:#f8fafc}.btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:13px}.btn-sm svg{width:14px;height:14px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:30px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge svg{width:12px;height:12px}.b-green{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.b-red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.b-amber{color:#d97706;background:#fffbeb;border-color:#fde68a}.b-blue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.b-gray{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.pagination{align-items:center;gap:6px;display:flex}.pg-btn{border-radius:var(--radius-sm);color:#475569;cursor:pointer;width:34px;height:34px;transition:var(--tr);background:#fff;border:1px solid #e2e8f0;justify-content:center;align-items:center;font-size:13px;display:flex}.pg-btn svg{width:16px;height:16px}.pg-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-pale)}.pg-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-info{color:#64748b;font-size:13px}.avatar{background:linear-gradient(135deg, #475569, var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;font-weight:700;display:flex}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:fadeIn .2s var(--ease);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:slideUp .3s var(--bounce);background:#fff;border:1px solid #e2e8f0;padding:28px}.modal-hd{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-hd h3{font-family:var(--font-heading);color:#0f172a;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.modal-hd h3 svg{width:20px;height:20px;color:var(--primary)}.modal-close{color:#64748b;cursor:pointer;width:30px;height:30px;transition:var(--tr);background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-close svg{width:16px;height:16px}.modal-body{flex-direction:column;gap:16px;display:flex}.modal-ft{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty svg{opacity:.3;color:#94a3b8;width:48px;height:48px}.empty h3{font-family:var(--font-heading);color:#475569;font-size:16px}.empty p{color:#94a3b8;font-size:14px}.spin-wrap{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:380px;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.toast-root{z-index:99999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:28px;right:28px}.toast{border-radius:var(--radius-md);min-width:300px;max-width:420px;box-shadow:var(--shadow-xl);animation:slideInRight .35s var(--bounce);align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast svg{flex-shrink:0;width:18px;height:18px}.toast-ok{color:#059669;background:#fff;border:1px solid #a7f3d0}.toast-ok:before{background:var(--primary)}.toast-err{color:#dc2626;background:#fff;border:1px solid #fecaca}.toast-err:before{background:#ef4444}.toast-inf{color:#2563eb;background:#fff;border:1px solid #bfdbfe}.toast-inf:before{background:#3b82f6}@keyframes orb-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes card-enter{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes badge-shine{0%{background-position:-200%}to{background-position:200%}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #10b98140,0 0 40px #10b9811a}50%{box-shadow:0 0 40px #10b98173,0 0 80px #10b98133}}@keyframes border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes feature-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.login-page{background:#070b14;justify-content:flex-start;align-items:stretch;width:100%;min-height:100vh;padding:0;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#10b9810a 1px,#0000 1px),linear-gradient(90deg,#10b9810a 1px,#0000 1px);background-size:40px 40px;animation:8s linear infinite grid-move;position:absolute;inset:0}.login-glow-orb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb-1{background:#10b98138;width:550px;height:550px;animation:6s ease-in-out infinite orb-pulse;top:-100px;left:-100px}.orb-2{background:#0596692e;width:600px;height:600px;animation:8s ease-in-out 2s infinite orb-pulse;bottom:-150px;right:-100px}.login-card-container{width:100%;min-height:100vh;box-shadow:none;z-index:1;background:0 0;border-radius:0;animation:.7s cubic-bezier(.34,1.26,.64,1) both card-enter;display:flex;position:relative;overflow:hidden}.login-left{z-index:1;background:linear-gradient(145deg,#10b98114 0%,#0f172af2 100%);border-right:1px solid #ffffff14;flex-direction:column;flex:1;justify-content:center;align-items:center;width:50%;min-height:100vh;padding:60px 5%;display:flex;position:relative}.login-left-content{flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex}.login-brand-icon{width:76px;height:76px;animation:icon-float 3.5s ease-in-out infinite, glow-pulse 3.5s ease-in-out infinite, fade-up .6s var(--ease) both;background:#0f172ae6;border:1px solid #10b9814d;border-radius:22px;justify-content:center;align-items:center;margin-bottom:24px;padding:12px;display:flex;overflow:hidden}.login-brand-icon img{object-fit:contain;width:100%;height:100%}.login-left h1{color:#fff;letter-spacing:-.8px;font-size:42px;font-weight:800;font-family:var(--font-heading);animation:fade-up .6s var(--ease) .1s both;text-align:center;margin-bottom:12px;line-height:1.15}.login-left h1 span{color:#10b981;background:linear-gradient(135deg,#10b981,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-badge{color:#34d399;animation:fade-up .6s var(--ease) .2s both, badge-shine 3s linear infinite 1s;background:linear-gradient(90deg,#10b9811f 0%,#10b98138 50%,#10b9811f 100%) 0 0/200%;border:1px solid #10b98133;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-flex}.login-left p{color:#94a3b8;text-align:center;max-width:460px;animation:fade-up .6s var(--ease) .3s both;margin-bottom:32px;font-size:14.5px;line-height:1.6}.login-features{flex-direction:column;gap:12px;width:100%;max-width:500px;display:flex}.login-feature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);text-align:left;transition:all .25s var(--ease);cursor:default;background:#0f172a99;border:1px solid #ffffff0f;border-left:3px solid #0000;align-items:center;gap:16px;padding:14px 18px;display:flex;position:relative;overflow:hidden}.login-feature:first-child{animation:feature-in .5s var(--ease) .4s both}.login-feature:nth-child(2){animation:feature-in .5s var(--ease) .5s both}.login-feature:nth-child(3){animation:feature-in .5s var(--ease) .6s both}.login-feature:nth-child(4){animation:feature-in .5s var(--ease) .7s both}.login-feature:hover{background:#10b9811a;border-color:#10b98140 #10b98140 #10b98140 #10b981;transform:translate(6px)}.login-feature-icon{color:#10b981;border-radius:var(--radius-md);width:42px;height:42px;transition:all .25s var(--ease);background:#10b98124;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-feature:hover .login-feature-icon{background:#10b98140;transform:scale(1.08)}.login-feature-content{flex:1}.login-feature p{color:#f1f5f9;text-align:left;margin:0 0 2px;font-size:14px;font-weight:600}.login-feature span{color:#64748b;font-size:12.5px;line-height:1.4}.login-feature-chevron{color:#10b981;opacity:.4;transition:all .25s var(--ease)}.login-feature:hover .login-feature-chevron{opacity:1;transform:translate(4px)}.login-trusted{color:#94a3b8;animation:fade-up .6s var(--ease) .8s both;background:#0f172ab3;border:1px solid #ffffff0f;border-radius:30px;align-items:center;gap:8px;margin-top:28px;padding:8px 22px;font-size:12.5px;display:inline-flex}.login-trusted span{color:#10b981;font-weight:600}.login-right{z-index:1;background:#0b1120;flex-direction:column;flex:1;justify-content:center;align-items:center;width:50%;min-height:100vh;padding:60px 5%;display:flex;position:relative;overflow-y:auto}.login-form-wrap{flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex}.login-form-badge{color:#34d399;animation:fade-up .5s var(--ease) .2s both;background:#10b9811f;border:none;border-radius:20px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.login-form-wrap h2{color:#f8fafc;font-size:26px;font-weight:700;font-family:var(--font-heading);animation:fade-up .5s var(--ease) .3s both;margin-bottom:6px}.login-form-wrap h2 span{color:#10b981}.login-form-wrap>p{color:#94a3b8;text-align:center;animation:fade-up .5s var(--ease) .4s both;margin-bottom:24px;font-size:13px}@media (width<=900px){.login-card-container{flex-direction:column;min-height:100vh}.login-left{border-bottom:1px solid #ffffff0f;border-right:none;min-height:auto;padding:40px 24px}.login-right{border-left:none;width:100%;min-height:auto;padding:40px 24px}}.login-err{border-radius:var(--radius-md);color:#fca5a5;background:#ef44441f;border:none;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.login-form-group{width:100%;animation:fade-up .5s var(--ease) .5s both;margin-bottom:18px}.login-form-group+.login-form-group{animation-delay:.6s}.login-form-group label{color:#cbd5e1;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap .search-ico{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-input-wrap:focus-within .search-ico{color:#10b981}.login-input{border-radius:var(--radius-md);color:#fff;width:100%;transition:all .2s var(--ease);background:#1e293b;border:none;outline:none;padding:12px 42px 12px 44px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff14}.login-input:focus{background:#0f172a;box-shadow:inset 0 0 0 2px #10b981,0 0 16px #10b98140}.pass-eye{color:#64748b;cursor:pointer;transition:var(--tr);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:14px}.pass-eye:hover{color:#34d399}.login-options{justify-content:space-between;align-items:center;width:100%;margin-bottom:22px;font-size:13px;display:flex}.login-checkbox{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;display:flex}.login-checkbox input{accent-color:#10b981;cursor:pointer;width:16px;height:16px}.login-forgot{color:#34d399;font-weight:500;text-decoration:none}.login-forgot:hover{color:#10b981;text-decoration:underline}.login-submit{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all .25s var(--bounce);animation:fade-up .5s var(--ease) .75s both;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;justify-content:center;align-items:center;gap:8px;margin-bottom:22px;padding:13px;font-size:15px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #10b98166}.login-submit:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;animation:2.5s ease-in-out 1.5s infinite shimmer;position:absolute;top:0;left:-100%}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 10px 28px #10b9818c}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-divider{align-items:center;width:100%;margin-bottom:20px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.login-divider span{color:#64748b;padding:0 12px;font-size:12.5px}.login-google{color:#e2e8f0;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all .2s var(--ease);background:#ffffff0a;border:none;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:11px;font-size:13.5px;font-weight:500;display:flex}.login-google:hover{color:#fff;background:#ffffff14;transform:translateY(-1px)}.login-creds{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all .2s var(--ease);background:#10b98114;border:none;flex-direction:column;align-items:center;gap:10px;padding:12px 14px;display:flex}.login-creds:hover{background:#10b98129;transform:translateY(-1px)}.login-creds-title{color:#34d399;font-size:12px;font-weight:600}.login-creds-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.login-cred-pill{color:#f1f5f9;border-radius:var(--radius-sm);background:#1e293b;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.login-cred-pill svg{color:#10b981}.privacy-hero{text-align:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;margin-bottom:32px;padding:50px 32px}.privacy-hero-icon{background:var(--primary-pale);border-radius:var(--radius-lg);width:68px;height:68px;color:var(--primary);border:1px solid #a7f3d0;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.privacy-hero-icon svg{width:34px;height:34px}.privacy-hero h1{font-family:var(--font-heading);color:#0f172a;margin-bottom:10px;font-size:30px;font-weight:800}.privacy-hero p{color:#64748b;font-size:14px}.privacy-body{max-width:800px;margin:0 auto;padding:0 16px}.privacy-toc{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;margin-bottom:32px;padding:24px}.privacy-toc h3{font-family:var(--font-heading);color:#0f172a;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.privacy-toc h3 svg{width:16px;height:16px;color:var(--primary)}.privacy-toc a{color:var(--primary);transition:var(--tr);padding:6px 0;font-size:14px;text-decoration:none;display:block}.privacy-toc a:hover{color:var(--primary-dark);padding-left:8px}.privacy-sec{margin-bottom:40px}.privacy-sec h2{font-family:var(--font-heading);color:var(--primary-dark);border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;font-size:17px;font-weight:700;display:flex}.privacy-sec h2 svg{width:20px;height:20px}.privacy-sec p,.privacy-sec li{color:#475569;margin-bottom:10px;font-size:14px;line-height:1.8}.privacy-sec ul{margin-bottom:14px;padding-left:24px}.privacy-sec li{margin-bottom:6px}.privacy-hl{border:1px solid #e2e8f0;border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#475569;background:#f8fafc;margin:18px 0;padding:16px 20px;font-size:14px}.answer-panel{border-radius:var(--radius-xl);max-height:calc(100vh - 120px);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.answer-panel-head{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.answer-panel-head h3{font-family:var(--font-heading);color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.answer-panel-head h3 svg{width:18px;height:18px;color:var(--primary)}.answer-panel-body{flex:1;padding:20px;overflow-y:auto}.question-bubble{border-radius:var(--radius-md);color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:18px;padding:14px;font-size:14px;line-height:1.6}.question-bubble-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700}.mob-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.mob-menu-btn{border-radius:var(--radius-md);color:#475569;cursor:pointer;width:40px;height:40px;transition:var(--tr);background:#fff;border:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:none}.mob-menu-btn:hover{background:#f1f5f9}.mob-menu-btn svg{width:20px;height:20px}.sb-close-btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--tr);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:none}.sb-close-btn:hover{background:#fff3}@media (width<=992px){.sb-close-btn{display:flex}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (width<=1200px){.dash-grid{grid-template-columns:1fr}}@media (width<=992px){.sidebar{z-index:200;height:100vh;transition:transform var(--tr-slow);position:fixed;top:0;left:0;transform:translate(-100%);width:var(--sb-w)!important}.sidebar.mob-open{box-shadow:var(--shadow-xl);transform:translate(0)}.mob-overlay{display:block}.mob-menu-btn{display:flex}.main{margin-left:0!important}.sb-toggle{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.login-left{display:none}.login-right{border-left:none;width:100%;padding:48px 24px}}@media (width<=576px){.stat-grid{grid-template-columns:1fr}.page{padding:20px 16px}.topbar{height:56px;padding:0 16px}.tbl-toolbar form{flex-direction:column;align-items:stretch}.tbl-toolbar .search-wrap{max-width:100%!important}.modal{padding:20px}}.responsive-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px;display:grid}.responsive-dash-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.responsive-expert-grid{align-items:start;gap:24px;display:grid}.responsive-expert-grid.selected{grid-template-columns:2fr 1fr}.responsive-expert-grid.unselected{grid-template-columns:1fr}.responsive-page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.stat-cards-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px;display:grid}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}@media (width<=992px){.responsive-dash-grid,.responsive-expert-grid.selected{grid-template-columns:1fr}.responsive-page-head,.page-head{flex-direction:column;align-items:flex-start;gap:12px}.stat-cards-row{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.login-form-wrap{padding:32px 20px}.login-right{padding:24px 16px}.responsive-stats-grid,.stat-cards-row{gap:16px;grid-template-columns:1fr!important}.page{padding:16px!important}.topbar{padding:0 16px!important}.tbl-toolbar{flex-direction:column;align-items:stretch!important;gap:10px!important;padding:12px 16px!important}.tbl-toolbar form{width:100%!important;min-width:100%!important}.tbl-toolbar>div{flex-wrap:wrap}.tbl-toolbar .filter-dropdown,.tbl-toolbar select,.tbl-toolbar button{justify-content:center;width:100%!important}.tbl-footer{text-align:center;flex-direction:column;align-items:center;gap:12px!important}.login-creds-row{flex-direction:column}}