@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:opsz,wght@9..40,200;9..40,300;9..40,400;9..40,500;9..40,600&family=DM+Mono:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap%27";.lp{position:relative;width:100vw;height:100dvh;overflow:hidden;font-family:Inter,sans-serif;background:linear-gradient(170deg,#a8d8f0,#c9e9fb 18%,#ddf2fe 38%,#eef8ff 55%,#daedf8 75%,#b8d8ee);background-size:cover;background-position:center}.lp-bg-radial{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#ffffff38,#ffffff1a,#fff6)}.lp-bg-grid{position:absolute;inset:0;pointer-events:none;z-index:2;background:transparent}.lp-bg-vignette{position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 55%,rgba(160,200,230,.18) 100%)}.lp:after{content:"";position:absolute;inset-inline:0;bottom:0;height:96px;background:linear-gradient(to top,rgba(255,255,255,.35),transparent);pointer-events:none;z-index:5}.lp-orb{position:absolute;border-radius:50%;pointer-events:none}.lp-orb-1{width:420px;height:420px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(1,176,239,.09) 0%,transparent 70%);z-index:2}.lp-orb-2{width:380px;height:380px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(1,138,188,.08) 0%,transparent 70%);z-index:2}.lp-container{z-index:10;width:100%;height:100%;max-width:1152px;margin:0 40px 0 auto;padding:40px 32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;overflow-y:auto}.lp-right{display:flex;justify-content:center;padding-right:30px;align-items:center}.lp-card{width:100%;max-width:420px;border-radius:16px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 22px 60px #00000029;overflow:hidden;opacity:0;transform:translateY(28px) scale(.98);transition:opacity .45s ease,transform .45s ease}.lp-card.in{opacity:1;transform:translateY(0) scale(1)}.lp-card-shimmer{height:4px;width:100%;background:linear-gradient(to right,#bae6fd,#0284c7,#bae6fd);flex-shrink:0}.lp-card-top{padding:28px 32px 0}.lp-form{padding:0 32px 8px}.lp-footer{padding:0 32px 24px}.lp-card-top:after{content:"";display:block;height:1px;width:100%;margin:14px 0 12px;background:linear-gradient(to right,transparent,rgba(156,163,175,.55),transparent)}.lp-card-h{display:none}.lp-card-sub{font-size:1.05rem;font-weight:800;text-align:center;letter-spacing:.08em;color:#111827;margin-bottom:0}.lp-form{margin-top:24px;display:flex;flex-direction:column;gap:20px}.lp-field{display:flex;flex-direction:column}.lp-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.lp-label-link{font-size:.8rem;font-weight:500;color:#01b0ef;cursor:pointer;transition:text-decoration .15s}.lp-label-link:hover{text-decoration:underline}.lp-input-wrap{position:relative;display:flex;align-items:center}.lp-input-icon{position:absolute;left:14px;display:flex;align-items:center;color:#9ca3af;transition:color .2s;pointer-events:none;z-index:1}.lp-input-icon.active{color:#01b0ef}.lp-input{width:100%;padding:10px 16px 10px 40px;border-radius:12px;border:1px solid #d1d5db;background:#fffc;font-size:.9rem;font-family:Inter,sans-serif;color:#111827;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.lp-input::placeholder{color:#9ca3af;font-size:.875rem}.lp-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e92e}.lp-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.lp-input-right{position:absolute;right:14px;font-size:.78rem;font-weight:600;color:#01b0ef;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.lp-input-right:hover{opacity:.75}.lp-error{font-size:.82rem;color:#dc2626;background:#fee2e299;border:1px solid rgba(252,165,165,.5);border-radius:8px;padding:8px 12px;margin-top:-6px}.lp-submit{width:100%;padding:10px 0;background-color:#01b0ef;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 12px 30px #01b0ef47;transition:background-color .2s ease,transform .1s ease;margin-top:4px}.lp-submit:hover:not(:disabled){background-color:#018abc}.lp-submit:active:not(:disabled){transform:scale(.99)}.lp-submit:disabled{opacity:.6;cursor:not-allowed}.lp-footer{padding-top:16px;text-align:center}.lp-register{font-size:.85rem;color:#6b7280}.lp-reg-link{color:#01b0ef;cursor:pointer;font-weight:600}.lp-reg-link:hover{text-decoration:underline}.lp-brand{display:flex;align-items:center;gap:10px;cursor:pointer;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;position:relative;right:160px;bottom:250px;width:250px}.lp-brand.in{opacity:1;transform:translateY(0)}.lp-brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#01b0ef,#0284c7);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #01b0ef4d}.lp-brand-name{font-size:1rem;font-weight:700;color:#0c4a6e;letter-spacing:.01em;margin-right:15px}.lp-center{display:flex;flex-direction:column;gap:16px}.lp-tagline{font-size:2.6rem;font-weight:800;line-height:1.18;color:#0c4a6e;letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:opacity .5s ease .15s,transform .5s ease .15s}.lp-tagline.in{opacity:1;transform:translateY(0)}@media(max-width:1024px){.lp-container{grid-template-columns:1fr;justify-items:center;align-content:center;padding:32px 16px;gap:24px}.lp-right{justify-content:center;order:2}.lp-card{max-width:460px}.lp-tagline{font-size:1.9rem}}@media(max-width:600px){.lp-container{padding:24px 12px}.lp-card{max-width:100%;border-radius:14px}.lp-card-top,.lp-form,.lp-footer{padding-left:20px;padding-right:20px}.lp-tagline{font-size:1.5rem}}@media(max-width:1100px)and (orientation:landscape)and (hover:none)and (pointer:coarse){.lp-container{grid-template-columns:1fr 1fr;align-items:center;padding:24px 32px}.lp-right{order:1;justify-content:flex-end}.lp-card{max-width:380px}}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--bg: #f4f7ff;--surface: #ffffff;--surface2: #f4f7ff;--border: rgba(59,110,246,.1);--border-hi: rgba(59,110,246,.28);--text: #0d1b4b;--muted: #6b7280;--soft: #9ca3af;--divider: #e5e9f2;--green: #22c55e;--red: #ef4444;--blue: #3b6ef6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(13,27,75,.06), 0 1px 2px rgba(13,27,75,.04);--shadow-md: 0 4px 12px rgba(13,27,75,.08), 0 2px 4px rgba(13,27,75,.04);--shadow-lg: 0 12px 32px rgba(13,27,75,.12), 0 4px 8px rgba(13,27,75,.06)}body,html{background:#f4f7ff!important;color:#0d1b4b!important;-webkit-font-smoothing:antialiased}.db-root{font-family:DM Sans,sans-serif;display:flex;height:100vh;background:var(--bg);color:var(--text);overflow:hidden}.db-sidebar{width:232px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);box-shadow:2px 0 16px #3b6ef60d;display:flex;flex-direction:column;position:relative;z-index:10}.db-sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.db-brand-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;box-shadow:0 4px 12px #3b6ef64d;flex-shrink:0}.db-brand-name{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.3px}.db-nav-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);padding:20px 20px 8px;font-weight:600}.db-menu{list-style:none;padding:0 10px;flex:1}.db-menu li{padding:9px 12px;margin-bottom:2px;cursor:pointer;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:9px;transition:all .15s ease;border:1px solid transparent;letter-spacing:-.1px}.db-menu li:hover{background:var(--blue-50);color:var(--navy)}.db-menu li.active{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-600);font-weight:600}.db-menu-icon{font-size:14px;width:18px;text-align:center}.db-sidebar-footer{padding:12px 10px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.db-user-info{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--blue-50)}.db-user-avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.db-user-name{font-size:12px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-user-role{font-size:10px;color:var(--muted);margin-top:1px;font-family:DM Mono,monospace}.db-logout-btn{width:100%;padding:9px 14px;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);background:transparent;color:#ef4444;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .18s}.db-logout-btn:hover{background:#ef44440f;border-color:#ef444466}.db-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.db-topbar{background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:0 28px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.db-topbar-left h2{font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.4px;line-height:1.2}.db-topbar-sub{font-size:10px;color:var(--soft);letter-spacing:.04em;margin-top:2px;font-family:DM Mono,monospace}.db-topbar-center{display:flex;align-items:center;gap:8px;padding:0 20px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.db-topbar-freq-label{font-size:10px;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.1em}.db-topbar-right{display:flex;gap:9px;align-items:center}.db-btn{padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.1px;transition:all .18s;border:1px solid transparent;white-space:nowrap}.db-btn-ghost{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-600)}.db-btn-ghost:hover{background:var(--blue-100);border-color:var(--blue-400)}.db-btn-solid{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);border-color:var(--blue-600);color:#fff;box-shadow:0 2px 8px #3b6ef640}.db-btn-solid:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b6ef659}.db-btn-solid:active{transform:translateY(0)}.active-org{background:var(--blue-500)!important;color:#fff!important;border-color:var(--blue-500)!important}.db-scroll{flex:1;overflow-y:auto;padding:24px 28px 40px;scrollbar-width:thin;scrollbar-color:rgba(59,110,246,.15) transparent}.db-scroll::-webkit-scrollbar{width:4px}.db-scroll::-webkit-scrollbar-track{background:transparent}.db-scroll::-webkit-scrollbar-thumb{background:#3b6ef633;border-radius:4px}.db-section-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:10px}.db-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.db-drag-hint{font-size:9px;color:var(--soft);font-weight:400;letter-spacing:.08em}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.db-stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px 14px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm);cursor:grab}.db-stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue-400),var(--blue-200),transparent)}.db-stat-card:hover{border-color:var(--border-hi);transform:translateY(-2px);box-shadow:var(--shadow-md)}.db-stat-card--kpi{border-color:#5b8bf533;background:linear-gradient(160deg,#5b8bf50a,#fff 60%)}.db-stat-card--kpi:after{background:linear-gradient(90deg,#5B8BF5,rgba(91,139,245,.2),transparent)}.db-stat-dragging{opacity:.5;transform:scale(.97)}.db-stat-drag-over{border-color:var(--blue-400)!important;box-shadow:0 0 0 2px #3b6ef633!important}.db-stat-icon-wrap{width:32px;height:32px;background:var(--blue-50);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.db-stat-icon{font-size:15px}.db-stat-feature{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-600);margin-bottom:2px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-stat-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:8px;font-weight:500}.db-stat-value{font-family:DM Mono,monospace;font-size:22px;font-weight:400;color:var(--navy);line-height:1;margin-bottom:6px;letter-spacing:-.5px}.db-stat-delta{font-size:10px;color:var(--muted);font-family:DM Mono,monospace;background:var(--blue-50);border:1px solid var(--blue-100);display:inline-block;padding:2px 7px;border-radius:20px;letter-spacing:.3px}.db-stat-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.db-stat-drill-btn{font-size:10px;font-family:DM Mono,monospace;font-weight:700;color:var(--blue-600);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:20px;padding:2px 10px;cursor:pointer;transition:background .15s,border-color .15s}.db-stat-drill-btn:hover{background:#e5ecff;border-color:#b8d1ff}.db-dept-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm);cursor:grab;display:flex;flex-direction:column}.db-dept-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue-300, #93b4fa),var(--blue-100),transparent)}.db-dept-card:hover{border-color:var(--border-hi);transform:translateY(-2px);box-shadow:var(--shadow-md)}.db-dept-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding-right:28px}.db-dept-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #3b6ef640}.db-dept-name{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.2px;line-height:1.2}.db-dept-kra-count{font-size:10px;color:var(--blue-600);font-family:DM Mono,monospace;margin-top:2px;font-weight:500}.db-dept-desc{font-size:11px;color:var(--muted);line-height:1.55;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-dept-delete{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#ef444412;border:1px solid rgba(239,68,68,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:10px;cursor:pointer;transition:all .18s}.db-dept-delete:hover{background:#ef444424;border-color:#ef444466}.db-dept-financials-btn{width:100%;padding:9px 0;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);border:none;border-radius:var(--radius-sm);color:#fff;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3b6ef633;margin-top:12px}.db-dept-financials-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b6ef64d}.kpi-rotator-wrap{display:flex;justify-content:center;margin:8px 0 4px}.kpi-rotator-card{width:100%;height:32px;border-radius:var(--radius-sm);background:var(--blue-50);border:1px solid var(--blue-100);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;gap:8px;transition:all .4s ease;overflow:hidden}.kpi-rotator-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-600);background:var(--blue-100);padding:2px 6px;border-radius:4px;flex-shrink:0}.kpi-rotator-name{font-size:11px;font-weight:500;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-rotator-empty{font-size:11px;color:var(--soft);font-style:italic}.period-org-container{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 20px;box-shadow:var(--shadow-sm)}.period-select{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-select-title{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.period-select-controls{display:flex;gap:8px;flex-wrap:wrap}.period-dropdown{background:var(--blue-50);color:var(--navy);border:1px solid var(--blue-200);border-radius:var(--radius-sm);padding:6px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;outline:none;transition:border-color .18s}.period-dropdown:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #3b6ef614}.org-container{display:flex;align-items:center;gap:10px}.org-buttons{display:flex;gap:8px;flex-wrap:wrap}.db-activity{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 0;margin-bottom:28px;box-shadow:var(--shadow-sm);overflow:hidden}.db-activity-list{list-style:none}.db-activity-item{padding:11px 20px;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);transition:background .15s,color .15s;line-height:1.5}.db-activity-item:last-child{border-bottom:none}.db-activity-item:hover{background:var(--blue-50);color:var(--navy)}.db-activity-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue-400);flex-shrink:0;opacity:.6}.db-activity-empty{padding:20px;text-align:center;font-size:12px;color:var(--soft);font-style:italic}.db-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0d1b4b33;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.db-modal{background:#fff;border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:28px;width:400px;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.db-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,var(--blue-500),var(--blue-300),transparent)}.db-modal-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.db-modal-head-icon{font-size:28px;line-height:1;margin-top:2px}.db-modal h3{font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.3px;line-height:1.2}.db-modal-head-sub{font-size:12px;color:var(--muted);margin-top:3px}.db-field-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:6px;display:block;font-weight:700}.db-modal input,.db-modal textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--navy);margin-bottom:14px;transition:border-color .18s,box-shadow .18s;outline:none;resize:none}.db-modal input:focus,.db-modal textarea:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #3b6ef614;background:#fff}.db-modal input::placeholder,.db-modal textarea::placeholder{color:var(--soft)}.db-modal-actions{display:flex;gap:8px;margin-top:4px}.db-modal-cancel{flex:1;padding:10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s}.db-modal-cancel:hover{border-color:var(--border-hi);color:var(--navy);background:var(--blue-50)}.db-modal-submit{flex:2;padding:10px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);border:none;border-radius:var(--radius-sm);color:#fff;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #3b6ef640;transition:all .18s}.db-modal-submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b6ef659}.db-modal-delete{flex:1;padding:10px;background:linear-gradient(135deg,#e05252,#c0392b);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:DM Sans,sans-serif}.db-modal-delete:hover{opacity:.88}.db-confirm-modal{max-width:380px;text-align:center}.db-confirm-icon{font-size:38px;margin-bottom:10px}.db-confirm-msg{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px}.db-confirm-sub{font-size:11px;color:var(--soft)}.db-live{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);letter-spacing:.08em;font-family:DM Mono,monospace;background:#22c55e12;border:1px solid rgba(34,197,94,.2);padding:4px 10px;border-radius:20px}.db-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.db-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--radius-md);margin:20px 0;border:2px dashed var(--border)}.db-empty-icon{font-size:40px;margin-bottom:14px}.db-empty-state h3{font-size:18px;color:var(--navy);margin:0 0 8px;font-weight:700}.db-empty-state p{font-size:12px;color:var(--muted)}.db-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.db-insight-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);animation:fadeInUp .4s ease-out both}.db-insight-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;transition:opacity .2s}.db-insight-card:hover{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:var(--shadow-lg)}.db-insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.db-insight-icon{font-size:26px;opacity:.85}.db-insight-trend{background:var(--blue-50);border:1px solid var(--blue-100);padding:3px 9px;border-radius:12px;font-size:10px;font-weight:700;color:var(--blue-600);font-family:DM Mono,monospace}.db-insight-title{font-size:9px;font-weight:700;color:var(--soft);margin-bottom:6px;text-transform:uppercase;letter-spacing:.14em}.db-insight-value{font-family:DM Mono,monospace;font-size:24px;font-weight:400;letter-spacing:-.5px;margin-bottom:6px;color:var(--navy)}.db-insight-footer{font-size:10px;color:var(--muted);font-weight:500}.db-insight-purple{border-left:3px solid var(--blue-500)}.db-insight-pink{border-left:3px solid #ef4444}.db-insight-blue{border-left:3px solid var(--blue-400)}.db-insight-green{border-left:3px solid var(--green)}.db-insight-card:nth-child(1){animation-delay:.05s}.db-insight-card:nth-child(2){animation-delay:.1s}.db-insight-card:nth-child(3){animation-delay:.15s}.db-insight-card:nth-child(4){animation-delay:.2s}.db-chart-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-bottom:18px;position:relative;overflow:hidden;transition:all .25s ease;box-shadow:var(--shadow-sm);animation:fadeInUp .4s ease-out both}.db-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue-400),var(--blue-200),transparent)}.db-chart-card:hover{border-color:var(--border-hi);box-shadow:var(--shadow-md)}.db-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.db-chart-title{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 3px;letter-spacing:-.3px}.db-chart-subtitle{font-size:11px;color:var(--muted);margin:0;font-family:DM Mono,monospace;letter-spacing:.04em}.db-chart-badge{background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);padding:5px 12px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.06em;font-family:DM Mono,monospace;white-space:nowrap}.db-chart-badge-success{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#16a34a}.db-chart-legend-custom{display:flex;gap:14px;align-items:center}.db-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--muted)}.db-legend-dot{width:8px;height:8px;border-radius:50%}.db-chart-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.db-section-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.db-kpi-hide-btn{position:absolute;top:8px;right:8px;background:transparent;border:1px solid transparent;color:var(--soft);font-size:10px;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;z-index:2}.db-kpi-hide-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#e05252}.db-hidden-kpis-wrapper{position:relative}.db-hidden-kpis-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#5b8bf514;border:1px solid rgba(91,139,245,.2);border-radius:20px;color:#5b8bf5;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.db-hidden-kpis-btn:hover{background:#5b8bf526;border-color:#5b8bf566}.db-hidden-kpis-badge{background:#5b8bf5;color:#fff;border-radius:10px;font-size:9px;padding:1px 6px;font-weight:700}.db-hidden-kpis-chevron{font-size:8px;opacity:.7}.db-hidden-kpis-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:260px;background:#fff;border:1px solid var(--border-hi);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.db-hidden-kpis-header{padding:9px 14px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);background:var(--surface2);border-bottom:1px solid var(--border)}.db-hidden-kpi-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;background:none;border:none;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s;text-align:left}.db-hidden-kpi-row:last-child{border-bottom:none}.db-hidden-kpi-row:hover{background:var(--blue-50)}.db-hidden-kpi-icon{font-size:14px}.db-hidden-kpi-name{flex:1;font-size:13px;font-weight:500;color:var(--navy)}.db-hidden-kpi-val{font-size:12px;color:var(--muted);font-weight:600;font-family:DM Mono,monospace}.db-hidden-kpi-restore{font-size:11px;color:#3dba7e;font-weight:700;margin-left:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.recharts-tooltip-wrapper{outline:none}.recharts-legend-wrapper{padding-top:16px!important}.recharts-legend-item{font-size:11px!important;font-family:DM Sans,sans-serif!important}@media(max-width:1200px){.db-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.db-stats{grid-template-columns:repeat(2,1fr)}.db-chart-row{grid-template-columns:1fr}}@media(max-width:768px){.db-sidebar{display:none}.db-stats{grid-template-columns:repeat(2,1fr)}.db-topbar{padding:0 16px}.db-scroll{padding:16px}.db-topbar-center{display:none}}@media(max-width:480px){.db-stats,.db-insights-grid{grid-template-columns:1fr}}:root{--blue-900: #0a1535;--blue-800: #0d1b4b;--blue-700: #1a2f72;--blue-600: #2355e0;--blue-500: #3b6ef6;--blue-400: #6591fa;--blue-200: #bdd0ff;--blue-100: #dde9ff;--blue-50: #eef3ff;--white: #ffffff;--gray-50: #f7f9ff;--gray-200: #e5e9f2;--gray-400: #9ca3af;--gray-600: #6b7280;--shadow-sm: 0 2px 8px rgba(13,27,75,.07);--shadow-md: 0 8px 28px rgba(13,27,75,.12);--shadow-lg: 0 20px 60px rgba(13,27,75,.16);--shadow-blue: 0 4px 20px rgba(59,110,246,.35);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}.deo-container{min-height:100vh;padding:40px 48px 60px;background:var(--gray-50);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,110,246,.1) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 90% 80%,rgba(35,85,224,.06) 0%,transparent 60%);position:relative;font-family:Outfit,sans-serif;color:var(--blue-900)}.deo-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(59,110,246,.08) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.deo-container>*{position:relative;z-index:1}.deo-container .deo-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:52px}.deo-container .deo-header-left{display:flex;flex-direction:column;gap:6px}.deo-container .deo-header h1{font-family:Sora,sans-serif;font-size:38px;font-weight:800;color:var(--blue-800);letter-spacing:-.5px;line-height:1.1}.deo-container .deo-header h1 span{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deo-container .deo-header p{font-size:15px;font-weight:400;color:var(--gray-600);letter-spacing:.01em}.deo-container .deo-brand{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--gray-200);border-radius:999px;padding:8px 18px 8px 8px;box-shadow:var(--shadow-sm);width:fit-content}.deo-container .deo-brand-mark{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:var(--white);font-family:Sora,sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;box-shadow:var(--shadow-blue)}.deo-container .deo-brand-name{font-size:13px;font-weight:600;color:var(--blue-800);white-space:nowrap}.deo-container .deo-section-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-500);margin-bottom:16px;display:flex;align-items:center;gap:8px}.deo-container .deo-section-label:after{content:"";flex:1;height:1px;background:var(--gray-200);max-width:120px}.deo-container .deo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.deo-container .deo-card{background:var(--white);border-radius:var(--radius-lg);padding:28px 28px 24px;box-shadow:var(--shadow-sm);border:1.5px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .18s ease;animation:deoCardIn .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--card-index, 0) * 60ms)}@keyframes deoCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.deo-container .deo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--blue-400));transform:scaleX(0);transform-origin:left;transition:transform .28s ease;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.deo-container .deo-card:after{content:"";position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(59,110,246,.09) 0%,transparent 70%);transition:opacity .3s ease;opacity:0;border-radius:50%}.deo-container .deo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}.deo-container .deo-card:hover:before{transform:scaleX(1)}.deo-container .deo-card:hover:after{opacity:1}.deo-container .deo-card:active{transform:translateY(-1px)}.deo-container .deo-card-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:20px;transition:background .2s ease}.deo-container .deo-card:hover .deo-card-icon{background:var(--blue-100)}.deo-container .deo-card h2{font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:var(--blue-800);margin-bottom:8px;line-height:1.3}.deo-container .deo-card p{font-size:13.5px;color:var(--gray-600);line-height:1.6;font-weight:400}.deo-container .deo-card-arrow{position:absolute;bottom:22px;right:24px;width:28px;height:28px;border-radius:50%;background:var(--blue-50);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--blue-500);transform:translate(-4px);opacity:0;transition:transform .2s ease,opacity .2s ease}.deo-container .deo-card:hover .deo-card-arrow{transform:translate(0);opacity:1}.deo-container .deo-button-container{display:flex;justify-content:center;margin-top:52px}.deo-container .deo-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;width:auto;border:1.5px solid #fecaca;border-radius:999px;background:#fff5f5;color:#dc2626;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;letter-spacing:.01em;white-space:nowrap;transition:background .18s ease,box-shadow .18s ease,transform .15s ease}.deo-container .deo-btn:hover{background:#fee2e2;box-shadow:0 4px 16px #dc262626;transform:translateY(-1px)}.deo-container .deo-btn:active{transform:translateY(0)}.deo-assign-overlay{position:fixed;inset:0;background:#0a153573;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:deoOverlayIn .2s ease}@keyframes deoOverlayIn{0%{opacity:0}to{opacity:1}}.deo-assign-modal{background:var(--white);border-radius:var(--radius-xl);padding:36px 36px 32px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1.5px solid var(--gray-200);animation:deoModalIn .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.deo-assign-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-500),var(--blue-400),var(--blue-200))}@keyframes deoModalIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.deo-assign-modal h3{font-family:Sora,sans-serif;font-size:20px;font-weight:800;color:var(--blue-800);margin-bottom:4px;letter-spacing:-.3px}.deo-assign-modal>p{font-size:13.5px;color:var(--gray-600);margin-bottom:28px;font-weight:400}.deo-assign-modal .deo-form-group{margin-bottom:18px}.deo-assign-modal .deo-form-label{display:block;font-size:12.5px;font-weight:600;color:var(--blue-800);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.deo-assign-modal .deo-form-group input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);font-family:Outfit,sans-serif;font-size:14px;color:var(--blue-900);background:var(--gray-50);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.deo-assign-modal .deo-form-group input:focus{border-color:var(--blue-500);background:var(--white);box-shadow:0 0 0 3px #3b6ef61f}.deo-assign-modal .deo-form-group input::placeholder{color:var(--gray-400)}.deo-assign-modal .deo-modal-actions{display:flex;gap:12px;margin-top:28px;justify-content:flex-end}.deo-assign-modal .deo-modal-cancel{padding:11px 22px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:transparent;cursor:pointer;color:var(--gray-600);font-family:Outfit,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,color .15s ease}.deo-assign-modal .deo-modal-cancel:hover{background:var(--gray-50);border-color:#c8cfe0;color:var(--blue-800)}.deo-assign-modal .deo-modal-confirm{padding:11px 26px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:var(--white);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.01em;box-shadow:var(--shadow-blue);transition:opacity .18s ease,transform .15s ease,box-shadow .18s ease}.deo-assign-modal .deo-modal-confirm:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 24px #3b6ef673}.deo-assign-modal .deo-modal-confirm:active{transform:translateY(0);opacity:1}.deo-container .deo-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--gray-400);gap:12px}.deo-container .deo-empty-state-icon{font-size:40px;opacity:.4}.deo-container .deo-empty-state p{font-size:14px;font-weight:500}@media(max-width:768px){.deo-container{padding:24px 20px 48px}.deo-container .deo-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}.deo-container .deo-header h1{font-size:28px}.deo-container .deo-grid{grid-template-columns:1fr}.deo-assign-modal{padding:28px 24px 24px}.deo-assign-modal .deo-modal-actions{flex-direction:column}.deo-assign-modal .deo-modal-cancel,.deo-assign-modal .deo-modal-confirm{width:100%;text-align:center}}html{scroll-behavior:smooth}body{background:#fff;overflow-x:hidden}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--bg: #ffffff;--surface: #ffffff;--surface2: #f4f7ff;--border: rgba(59,110,246,.09);--border-hi: rgba(59,110,246,.22);--text: #0d1b4b;--muted: #6b7280;--soft: #9ca3af;--divider: #e5e9f2;--green: #22c55e;--red: #ef4444;--blue: #3b6ef6;--nav-bg: rgba(255,255,255,.88);--nav-border: rgba(59,110,246,.08);--dash-frame-bg: #ffffff;--dash-bar-bg: rgba(244,247,255,.95);--fbadge-bg: rgba(255,255,255,.98);--screen-glow: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(59,110,246,.08), transparent 70%);--bg-radial: radial-gradient(ellipse 80% 60% at 72% 18%, rgba(59,110,246,.06) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 8% 85%, rgba(102,149,248,.04) 0%, transparent 50%);--bg-grid-line: rgba(59,110,246,.038);--shadow-card: 0 0 0 1px rgba(59,110,246,.07), 0 8px 24px rgba(13,27,75,.07), 0 32px 64px rgba(13,27,75,.06);--shadow-btn: 0 4px 14px rgba(59,110,246,.3);--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}.met-val{transition:opacity .35s ease,transform .35s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(6px)}.page{font-family:var(--font-body);background:#fff;min-height:100vh;position:relative;overflow-x:hidden;color:var(--text)}.bg-radial{position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--bg-radial)}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#c8d3ee 1px,transparent 1px);background-size:26px 26px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}.bg-vignette{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 110% 110% at 50% 50%,transparent 50%,rgba(220,231,253,.18) 100%)}.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,5vw,72px);height:64px;border-bottom:1px solid var(--nav-border);background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;transform:translateY(-8px);transition:opacity .8s ease .2s,transform .8s ease .2s;box-shadow:0 1px 0 var(--nav-border),0 2px 12px #3b6ef60d}.nav.in{opacity:1;transform:translateY(0)}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--navy);cursor:pointer}.brand-mark{width:30px;height:30px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:0 4px 10px #3b6ef647}.nav-links{display:flex;gap:28px;align-items:center}.nav-link{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;cursor:pointer;background:none;border:none;font-family:var(--font-display);transition:color .2s}.nav-link:hover{color:var(--navy)}.nav-actions{display:flex;gap:10px;align-items:center}.theme-toggle{width:34px;height:34px;border-radius:var(--radius-sm, 8px);border:1.5px solid var(--border-hi);background:var(--blue-50);color:var(--blue-500);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s ease;flex-shrink:0}.theme-toggle:hover{background:var(--blue-100);border-color:var(--blue-400);transform:rotate(15deg) scale(1.08)}.nbtn{padding:7px 18px;border-radius:8px;cursor:pointer;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all .2s}.nbtn-ghost{background:transparent;border:1.5px solid var(--border-hi);color:var(--blue-500)}.nbtn-ghost:hover{background:var(--blue-50);border-color:var(--blue-400)}.nbtn-solid{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);border:none;color:#fff;box-shadow:var(--shadow-btn)}.nbtn-solid:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b6ef661}.hero{position:relative;z-index:10;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:64px}.hero-left{padding:clamp(32px,7vw,96px) clamp(16px,5vw,72px);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px)}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px;opacity:0;transform:translate(-20px);transition:opacity .7s ease,transform .7s ease}.eyebrow.in{opacity:1;transform:translate(0)}.eyebrow-pill{padding:5px 13px;border-radius:999px;background:var(--blue-50);border:1px solid var(--blue-100);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--blue-600);text-transform:uppercase}.live-row{display:flex;align-items:center;gap:6px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #22c55e33;animation:lp 2s ease-in-out infinite}@keyframes lp{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.live-lbl{font-size:10px;color:var(--muted);letter-spacing:.08em;font-family:var(--font-mono)}.headline{font-family:var(--font-display);font-size:clamp(38px,5.2vw,76px);font-weight:800;line-height:1.08;letter-spacing:-2px;color:var(--navy);opacity:0;transform:translateY(32px);transition:opacity .9s ease .05s,transform .9s ease .05s;margin-bottom:20px}.headline.in{opacity:1;transform:translateY(0)}.headline-gold{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 50%,var(--blue-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.body-text{font-size:clamp(13px,1.15vw,15px);font-weight:400;line-height:1.75;color:var(--muted);max-width:420px;opacity:0;transform:translateY(22px);transition:opacity .8s ease .18s,transform .8s ease .18s;margin-bottom:40px}.body-text.in{opacity:1;transform:translateY(0)}.metrics{display:flex;gap:0;border:1px solid var(--divider);border-radius:14px;overflow:hidden;margin-bottom:40px;opacity:0;transform:translateY(18px);transition:opacity .8s ease .28s,transform .8s ease .28s;box-shadow:0 2px 8px #0d1b4b0d,inset 0 1px #ffffffe6}.metrics.in{opacity:1;transform:translateY(0)}.met{flex:1;padding:16px 18px;border-right:1px solid var(--divider);background:#fff;position:relative}.met:last-child{border-right:none}.met:hover{background:var(--blue-50)}.met-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue-500),transparent);opacity:.6}.met-lbl{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:5px;font-family:var(--font-mono)}.met-val{font-family:var(--font-display);font-size:clamp(18px,2.2vw,26px);font-weight:800;color:var(--navy);line-height:1;margin-bottom:4px;letter-spacing:-.5px}.met-delta{font-size:10px;color:var(--green);font-weight:600;font-family:var(--font-mono)}.ctas{display:flex;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(16px);transition:opacity .8s ease .38s,transform .8s ease .38s}.ctas.in{opacity:1;transform:translateY(0)}.cta-p{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border:none;border-radius:8px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;box-shadow:var(--shadow-btn)}.cta-p:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%)}.cta-p:active{transform:translateY(0)}.cta-s{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all .22s ease;background:var(--blue-50);border:1.5px solid var(--blue-200);color:var(--blue-600);box-shadow:0 1px 3px #3b6ef614}.cta-s:hover{background:var(--blue-100);border-color:var(--blue-400);color:var(--blue-700);transform:translateY(-2px);box-shadow:0 4px 14px #3b6ef624}.hero-right{position:relative;height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,48px) clamp(20px,3vw,48px) clamp(80px,12vw,170px) 0;overflow:hidden}.dash-scene{position:relative;width:100%;max-width:540px;opacity:0;transition:opacity 1s ease .7s;will-change:transform}.dash-scene.in{opacity:1}.screen-glow{position:absolute;inset:-30px;border-radius:28px;z-index:-1;background:var(--screen-glow);pointer-events:none}.fbadge{position:absolute;background:#fff;border:1px solid var(--border-hi);border-radius:12px;padding:10px 14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;z-index:10;box-shadow:var(--shadow-card)}.fbadge-a{top:-14px;left:-18px;animation:fy 4s ease-in-out infinite}.fbadge-b{bottom:110px;right:-14px;animation:fy 4s ease-in-out infinite 2s}@keyframes fy{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fb-lbl{font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px;font-family:var(--font-mono)}.fb-val{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--blue-500);line-height:1;letter-spacing:-.5px}.fb-sub{font-size:9px;color:var(--green);margin-top:2px;font-family:var(--font-mono)}.dash-frame{background:#fff;border:1px solid var(--divider);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}.dbar{display:flex;align-items:center;padding:10px 14px;gap:8px;border-bottom:1px solid var(--divider);background:var(--surface2)}.ddots{display:flex;gap:5px}.dd{width:9px;height:9px;border-radius:50%}.dd-r{background:#ff5f57}.dd-y{background:#febc2e}.dd-g{background:#28c840}.durl{flex:1;margin:0 10px;background:#fff;border:1px solid var(--divider);border-radius:5px;padding:3px 10px;display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;color:var(--muted)}.dlock{color:var(--green)}.dbody{padding:14px;background:#fff}.dtopbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dwelcome{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.3px}.ddate{font-size:10px;color:var(--muted);margin-top:1px;font-family:var(--font-mono)}.davatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;font-weight:700;border:1.5px solid var(--blue-200);color:#fff;box-shadow:0 2px 8px #3b6ef640}.dash-frame,.dash-frame .dbody,.dash-frame .kpi,.dash-frame .chart-box,.dash-frame .act{background-color:#fff!important;color:var(--navy)!important}.dash-frame .kpi{background-color:#f4f7ff!important}.dash-frame .kpi:hover{background-color:var(--blue-50)!important}.dash-frame .chart-box{background-color:#eef2ff!important}.dash-frame .kv{color:#0d1b4b!important}.dash-frame .kl{color:#9ca3af!important}.dash-frame .chart-ttl{color:#0d1b4b!important}.dash-frame .dbar{background-color:#f4f7ff!important}.dash-frame .dwelcome{color:#0d1b4b!important}.dash-frame .ddate{color:#6b7280!important}.dash-frame .attl{color:#0d1b4b!important}.dash-frame .asub{color:#6b7280!important}.dash-frame .ks{color:#9ca3af!important}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.kpi{background:#fff!important;border:1px solid var(--divider);border-radius:8px;padding:9px 11px;position:relative;overflow:hidden}.kpi:hover{background:var(--blue-50)!important;border-color:var(--blue-200)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-g:before{background:linear-gradient(90deg,var(--blue-500),transparent)}.kpi-gr:before{background:linear-gradient(90deg,var(--green),transparent)}.kpi-b:before{background:linear-gradient(90deg,#6695f8,transparent)}.kv{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--navy)!important;line-height:1;margin-bottom:2px;letter-spacing:-.5px}.kl{font-size:8px;color:var(--soft)!important;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.kd{display:flex;align-items:center;gap:3px;margin-top:4px}.kbadge{font-size:8px;font-weight:600;padding:1px 5px;border-radius:4px;font-family:var(--font-mono)}.kb-u{background:#22c55e1f;color:#16a34a}.kb-d{background:#ef44441a;color:var(--red)}.ks{font-size:8px;color:var(--soft);font-family:var(--font-mono)}.chart-box{background:#f4f7ff!important;border:1px solid var(--divider);border-radius:8px;padding:11px;margin-bottom:9px}.chart-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.chart-ttl{font-size:10px;font-weight:700;color:var(--navy);letter-spacing:.02em;font-family:var(--font-display)}.periods{display:flex;gap:3px}.pbtn{font-size:8px;padding:2px 7px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-family:var(--font-mono);background:transparent;transition:all .18s}.pa{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-600);font-weight:600}.pi{background:transparent;color:var(--soft);border-color:transparent}.barsrow{display:flex;align-items:flex-end;gap:2.5px;height:50px}.bbar{flex:1;border-radius:2px 2px 0 0;transform:scaleY(0);transform-origin:bottom;animation:barUp .5s ease forwards}@keyframes barUp{to{transform:scaleY(1)}}.acts{display:flex;flex-direction:column;gap:5px}.act{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#fff;border:1px solid var(--divider);border-radius:7px}.act:hover{background:var(--blue-50);border-color:var(--blue-200)}.aico{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.aico-g{background:var(--blue-50)}.aico-gr{background:#22c55e1a}.attl{font-size:9px;font-weight:600;color:var(--navy);font-family:var(--font-display)}.asub{font-size:8px;color:var(--muted);margin-top:1px}.atime{font-size:8px;color:var(--soft);font-family:var(--font-mono);margin-left:auto}.scene:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#ffffffd9,#ffffff8c 40%,#fffc 75%,#fff);pointer-events:none}.scene:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#eff4ff99,#dce7fd4d,#ffffff1a);pointer-events:none}.city-svg.in{opacity:.55}.car-track{position:absolute;bottom:22%;width:100%;z-index:2}.car-anim{position:absolute;bottom:0;opacity:0;filter:brightness(1.06) contrast(.94) sepia(.06);animation:driveIn 2.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes driveIn{0%{left:-28%;opacity:0}12%{opacity:1}78%{left:37%}88%{left:35.5%}to{left:36%}}.door-grp{transform-origin:169px 36px;transition:transform .55s cubic-bezier(.34,1.4,.64,1)}.door-grp.open{transform:rotate(-44deg) skewY(-4deg)}.ceo{position:absolute;bottom:22%;left:calc(36% + 170px);opacity:0;z-index:2}.ceo.in{animation:ceoUp .65s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ceoUp{0%{opacity:0;transform:translateY(18px) scale(.87)}to{opacity:1;transform:translateY(0) scale(1)}}.ceo-body{animation:sway 3.5s ease-in-out infinite;transform-origin:bottom center}@keyframes sway{0%,to{transform:rotate(0)}30%{transform:rotate(.4deg)}70%{transform:rotate(-.4deg)}}.arm-r{animation:armR 2.2s ease-in-out infinite alternate;transform-origin:8px 4px}@keyframes armR{0%{transform:rotate(-6deg)}to{transform:rotate(5deg)}}.scroll-i{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:50;pointer-events:none;opacity:0;transition:opacity .8s ease 4.8s}.scroll-i.in{opacity:.35}.smouse{width:20px;height:30px;border:1.5px solid var(--blue-400);border-radius:10px;position:relative}.swheel{position:absolute;top:4px;left:50%;transform:translate(-50%);width:2.5px;height:6px;background:var(--blue-500);border-radius:2px;animation:sw 1.8s ease-in-out infinite}@keyframes sw{0%{top:4px;opacity:1}75%{top:14px;opacity:0}76%{top:4px;opacity:0}to{top:4px;opacity:1}}.slbl{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--soft);font-family:var(--font-mono)}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-left{min-height:auto;padding-bottom:20px}.hero-right{height:55vw;min-height:280px;max-height:400px;padding:0 16px 16px}.nav-links,.fbadge-b{display:none}.fbadge-a{left:-6px}}@media(max-width:640px){.hero-right{display:none}.hero-left{padding:28px 20px 160px}.metrics{flex-direction:column}.met{border-right:none!important;border-bottom:1px solid var(--divider)}.met:last-child{border-bottom:none}.ctas{flex-direction:column}.cta-p,.cta-s{justify-content:center;width:100%}.nbtn-ghost{display:none}.kpis{grid-template-columns:1fr 1fr}.acts{display:none}.scene{height:clamp(130px,28vh,220px)}}@media(max-width:380px){.kpis{grid-template-columns:1fr}.headline{font-size:36px}}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--ink: #111827;--slate: #374151;--muted: #6b7280;--soft: #9ca3af;--divider: #e5e9f2;--surface: #ffffff;--white: #ffffff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 0 0 1px rgba(59,110,246,.07), 0 8px 24px rgba(13,27,75,.07), 0 32px 64px rgba(13,27,75,.06);--shadow-btn: 0 4px 14px rgba(59,110,246,.35);--shadow-inp: 0 0 0 3px rgba(59,110,246,.12);--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}.op{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;font-family:var(--font-body);background:#fff;color:var(--ink);position:relative;overflow:hidden;padding:48px 64px;gap:120px;border:1px solid black}.op-bg-radial,.op-bg-vignette,.op-left-glow,.op-orb,.op-orb-1,.op-orb-2{display:none}.op-bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#c8d3ee 1px,transparent 1px);background-size:26px 26px;opacity:.5;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}.op-left,.op-right{position:relative;z-index:2}.op-left{width:100%;max-width:480px;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:0;position:relative}.op-brand{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:48px;width:fit-content;opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease}.op-brand.in{opacity:1;transform:translateY(0)}.op-brand-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;font-weight:700;font-size:14px;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 12px #3b6ef64d;flex-shrink:0}.op-brand-name{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.2px;color:var(--navy)}.op-center{display:flex;flex-direction:column;gap:20px}.op-tagline{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1.5px;color:var(--navy);opacity:0;transform:translateY(20px);transition:opacity .7s ease .1s,transform .7s ease .1s}.op-tagline.in{opacity:1;transform:translateY(0)}.op-tagline-em{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.op-desc{font-size:16px;line-height:1.7;color:var(--muted);font-weight:400;max-width:420px;opacity:0;transform:translateY(16px);transition:opacity .7s ease .25s,transform .7s ease .25s}.op-desc.in{opacity:1;transform:translateY(0)}.op-setup-steps{display:flex;flex-direction:column;gap:0;border:1px solid var(--divider);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0d1b4b0a;margin-top:8px;opacity:0;transform:translateY(14px);transition:opacity .7s ease .38s,transform .7s ease .38s}.op-setup-steps.in{opacity:1;transform:translateY(0)}.op-setup-step{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--divider);position:relative}.op-setup-step:last-child{border-bottom:none}.op-setup-step.done:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#22c55e}.op-setup-step.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue-500)}.op-setup-ico{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;font-family:var(--font-display)}.op-setup-ico-done{background:#f0fdf4;color:#22c55e}.op-setup-ico-active{background:var(--blue-50);color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.op-setup-ico-idle{background:#f3f4f6;color:var(--soft)}.op-setup-lbl{font-size:13px;font-weight:600;color:var(--navy);font-family:var(--font-display);letter-spacing:-.1px}.op-setup-sub{font-size:11px;color:var(--soft);margin-top:2px}.op-setup-badge{margin-left:auto;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;font-family:var(--font-display);letter-spacing:.2px}.op-setup-badge-done{background:#f0fdf4;color:#22c55e;border:1px solid #bbf7d0}.op-setup-badge-active{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100)}.op-setup-badge-idle{background:#f3f4f6;color:var(--soft);border:1px solid var(--divider)}.op-preview{margin-top:20px;opacity:0;transform:translateY(14px);transition:opacity .7s ease .5s,transform .7s ease .5s}.op-preview.in{opacity:1;transform:translateY(0)}.op-preview-inner{background:#fff;border:1px solid var(--divider);border-radius:var(--radius-md);padding:18px 20px;box-shadow:0 2px 12px #0d1b4b0d;position:relative;overflow:hidden}.op-preview-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--blue-400),var(--blue-600))}.op-preview-ttl{font-size:10px;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-family:var(--font-display)}.op-preview-kpis{display:flex;gap:10px}.op-preview-kpi{flex:1;background:#f8faff;border:1px solid var(--blue-100);border-radius:var(--radius-sm);padding:11px 13px;display:flex;flex-direction:column;gap:4px}.op-preview-kv{font-size:18px;font-weight:700;color:var(--navy);font-family:var(--font-display);letter-spacing:-.5px;line-height:1}.op-preview-kl{font-size:10px;font-weight:500;color:var(--soft);text-transform:uppercase;letter-spacing:.5px}.op-preview-soon{margin-top:12px}.op-preview-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:999px;font-size:11px;font-weight:600;color:var(--blue-600);font-family:var(--font-display);letter-spacing:.2px}.op-soon-dot{width:7px;height:7px;background:var(--blue-500);border-radius:50%;box-shadow:0 0 0 2px var(--blue-100);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px var(--blue-100)}50%{box-shadow:0 0 0 4px var(--blue-200)}}.op-right{width:460px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}.op-card{width:100%;background:#fff;border-radius:var(--radius-xl);padding:40px 36px 36px;box-shadow:var(--shadow-card);border:1px solid rgba(59,110,246,.09);opacity:0;transform:translateY(28px) scale(.98);transition:opacity .9s cubic-bezier(.16,1,.3,1) .2s,transform .9s cubic-bezier(.16,1,.3,1) .2s;position:relative;overflow:visible}.op-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500) 0%,var(--blue-400) 50%,var(--blue-600) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.op-card.in{opacity:1;transform:translateY(0) scale(1)}.op-card-eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.op-card-pill{background:var(--blue-50);color:var(--blue-600);font-size:10.5px;padding:5px 11px;border-radius:999px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border:1px solid var(--blue-100);font-family:var(--font-display)}.op-card-step{font-size:12px;color:var(--soft);font-weight:500;font-family:var(--font-mono);letter-spacing:.2px}.op-card-h{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.8px;line-height:1.2;margin-bottom:8px}.op-card-h strong{font-weight:800;color:var(--blue-500)}.op-card-sub{font-size:15px;color:var(--muted);line-height:1.55;margin-bottom:28px}.op-form{display:flex;flex-direction:column;gap:18px}.op-field{display:flex;flex-direction:column;gap:7px}.op-field-row{display:grid;grid-template-columns:1fr;gap:18px}.op-label{font-size:12px;color:var(--slate);font-weight:600;display:flex;justify-content:space-between;align-items:center;letter-spacing:.1px}.op-input-wrap{position:relative}.op-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--soft);display:flex;align-items:center;transition:color .2s;pointer-events:none}.op-input-icon.active{color:var(--blue-500)}.op-input{width:100%;padding:11px 14px 11px 38px;border-radius:var(--radius-sm);border:1.5px solid var(--divider);background:#fff;font-size:13.5px;color:var(--ink);font-family:var(--font-body);transition:border-color .2s,background .2s,box-shadow .2s}.op-input::placeholder{color:#c4c9d8}.op-input:focus{border-color:var(--blue-400);background:#fff;box-shadow:var(--shadow-inp)}.op-input.err{border-color:#fca5a5;background:#fff5f5}.op-dropdown{position:relative}.op-dropdown-btn{width:100%;padding:11px 38px;border-radius:var(--radius-sm);border:1.5px solid var(--divider);background:#fff;font-family:var(--font-body);font-size:13.5px;color:var(--ink);text-align:left;transition:border-color .2s,box-shadow .2s}.op-dropdown-btn.placeholder{color:#c4c9d8}.op-dropdown-btn.open,.op-dropdown-btn:focus{border-color:var(--blue-400);box-shadow:var(--shadow-inp);outline:none}.op-dropdown-btn.err{border-color:#fca5a5;background:#fff5f5}.op-dropdown-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--soft);pointer-events:none;display:flex;align-items:center;transition:transform .2s}.op-dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.op-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--blue-100);border-radius:var(--radius-md);overflow-y:auto;max-height:220px;box-shadow:0 12px 28px #0d1b4b1f;z-index:200;animation:opDrop .16s ease;scrollbar-width:thin;scrollbar-color:var(--blue-200) transparent}@keyframes opDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.op-dropdown-item{padding:11px 16px;font-size:13.5px;font-family:var(--font-body);cursor:pointer;color:var(--slate);border-bottom:1px solid var(--divider);transition:background .15s,color .15s}.op-dropdown-item:last-child{border-bottom:none}.op-dropdown-item:hover{background:var(--blue-50);color:var(--blue-600)}.op-dropdown-item.selected{background:var(--blue-50);color:var(--blue-600);font-weight:600}.op-error{font-size:12.5px;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:9px 13px;font-weight:500;display:flex;align-items:center;gap:7px}.op-submit{margin-top:6px;padding:13px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;font-weight:700;font-size:14px;font-family:var(--font-display);letter-spacing:.2px;box-shadow:var(--shadow-btn);transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.op-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%)}.op-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b6ef673;filter:brightness(1.04)}.op-submit:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-btn)}.op-submit:disabled{opacity:.7;cursor:not-allowed}.op-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.op-footer{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.op-secure{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--soft);font-family:var(--font-mono);letter-spacing:.2px}.op-secure-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #dcfce7;flex-shrink:0}.op-skip{font-size:12px;color:var(--muted);cursor:pointer;font-weight:500;transition:color .2s}.op-skip:hover{color:var(--slate)}@media(max-width:960px){.op{flex-direction:column;gap:36px;padding:40px 24px;align-items:center}.op-left{width:100%;max-width:520px;align-items:center;text-align:center}.op-brand{margin-bottom:28px}.op-desc{text-align:center;max-width:440px}.op-tagline{font-size:34px}.op-setup-steps .op-setup-step{text-align:left}.op-right{width:100%;max-width:520px;align-items:stretch}.op-card{max-width:100%}}@media(max-width:600px){.op{padding:32px 16px}.op-tagline{font-size:28px;letter-spacing:-1px}.op-desc{font-size:15px}.op-setup-steps,.op-preview{display:none}.op-card{padding:32px 22px 28px;border-radius:var(--radius-lg)}.op-card-h{font-size:22px}.op-card-sub{font-size:14px;margin-bottom:22px}.op-field-row{grid-template-columns:1fr}}@media(max-width:400px){.op-card{padding:26px 18px 24px}.op-brand-name{font-size:17px}}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--ink: #111827;--slate: #374151;--muted: #6b7280;--soft: #9ca3af;--divider: #e5e9f2;--surface: #ffffff;--white: #ffffff;--green: #22c55e;--red: #ef4444;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 0 0 1px rgba(59,110,246,.07), 0 8px 24px rgba(13,27,75,.07), 0 32px 64px rgba(13,27,75,.06);--shadow-btn: 0 4px 14px rgba(59,110,246,.35);--shadow-inp: 0 0 0 3px rgba(59,110,246,.12);--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}input{font-family:inherit;outline:none}.rp{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;font-family:var(--font-body);background:#fff;color:var(--ink);position:relative;overflow:hidden;padding:48px 64px;gap:120px}.rp-bg-radial,.rp-bg-vignette,.rp-left-glow,.rp-orb,.rp-orb-1,.rp-orb-2,.rp-scene{display:none}.rp-bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#c8d3ee 1px,transparent 1px);background-size:26px 26px;opacity:.5;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}.rp-left{width:100%;max-width:440px;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:0;position:relative;z-index:2}.rp-brand{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:48px;width:fit-content;opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease;position:absolute;margin-top:-250px;margin-left:-140px}.rp-brand.in{opacity:1;transform:translateY(0)}.rp-brand-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;font-weight:700;font-size:14px;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 12px #3b6ef64d;flex-shrink:0}.rp-brand-name{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.2px;color:var(--navy)}.rp-center{display:flex;flex-direction:column;gap:20px}.rp-tagline{font-family:var(--font-display);font-size:38px;font-weight:800;line-height:1.15;letter-spacing:-1.5px;color:var(--navy);opacity:0;transform:translateY(20px);transition:opacity .7s ease .1s,transform .7s ease .1s;margin-left:-140px;margin-top:-175px;position:relative}.rp-tagline.in{opacity:1;transform:translateY(0)}.rp-tagline-em{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rp-desc{font-size:16px;line-height:1.7;color:var(--muted);font-weight:400;max-width:400px;opacity:0;transform:translateY(16px);transition:opacity .7s ease .25s,transform .7s ease .25s;margin-left:-140px}.rp-desc.in{opacity:1;transform:translateY(0)}.rp-benefits{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .7s ease .38s,transform .7s ease .38s}.rp-benefits.in{opacity:1;transform:translateY(0)}.rp-benefit{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--divider);border-radius:var(--radius-md);box-shadow:0 2px 8px #0d1b4b0a}.rp-benefit-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.rp-benefit-ico-g{background:#f0fdf4;border:1px solid #bbf7d0}.rp-benefit-ico-b{background:var(--blue-50);border:1px solid var(--blue-100)}.rp-benefit-ico-gr{background:#f0fdf4;border:1px solid #bbf7d0}.rp-benefit-ttl{font-size:13px;font-weight:700;color:var(--navy);font-family:var(--font-display);letter-spacing:-.1px;margin-bottom:3px}.rp-benefit-sub{font-size:11.5px;color:var(--soft);line-height:1.55}.rp-proof{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 18px;background:#fff;border:1px solid var(--divider);border-radius:var(--radius-md);box-shadow:0 2px 8px #0d1b4b0a;opacity:0;transform:translateY(14px);transition:opacity .7s ease .5s,transform .7s ease .5s}.rp-proof.in{opacity:1;transform:translateY(0)}.rp-proof-avs{display:flex;align-items:center}.rp-proof-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:var(--font-display);color:#fff;border:2px solid #ffffff;margin-left:-8px;flex-shrink:0}.rp-proof-avs .rp-proof-av:first-child{margin-left:0}.rp-proof-txt{font-size:12px;color:var(--muted);line-height:1.5}.rp-proof-num{font-weight:700;color:var(--navy);font-family:var(--font-display)}.rp-right{width:460px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:2}.rp-card{width:100%;background:#fff;border-radius:var(--radius-xl);padding:36px 36px 32px;box-shadow:var(--shadow-card);border:1px solid rgba(59,110,246,.09);opacity:0;transform:translateY(28px) scale(.98);transition:opacity .9s cubic-bezier(.16,1,.3,1) .2s,transform .9s cubic-bezier(.16,1,.3,1) .2s;position:relative;overflow:hidden}.rp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500) 0%,var(--blue-400) 50%,var(--blue-600) 100%)}.rp-card.in{opacity:1;transform:translateY(0) scale(1)}.rp-progress{display:flex;align-items:center;gap:0;margin-bottom:28px}.rp-step{display:flex;align-items:center;gap:8px;cursor:pointer}.rp-step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--font-display);flex-shrink:0}.rp-step-num-active{background:var(--blue-500);color:#fff;box-shadow:0 0 0 3px var(--blue-100)}.rp-step-num-done{background:#f0fdf4;color:var(--green);border:1.5px solid #bbf7d0}.rp-step-num-idle{background:#f3f4f6;color:var(--soft);border:1.5px solid var(--divider)}.rp-step-lbl{font-size:12px;font-weight:600;font-family:var(--font-display)}.rp-step-lbl-active{color:var(--blue-600)}.rp-step-lbl-done{color:var(--green)}.rp-step-lbl-idle{color:var(--soft)}.rp-step-line{flex:1;height:1.5px;background:var(--divider);margin:0 10px}.rp-step-line-done{background:linear-gradient(90deg,var(--green),#bbf7d0)}.rp-card-eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rp-card-pill{background:var(--blue-50);color:var(--blue-600);font-size:10.5px;padding:5px 11px;border-radius:999px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border:1px solid var(--blue-100);font-family:var(--font-display)}.rp-step-badge{font-size:12px;color:var(--soft);font-weight:500;font-family:var(--font-mono);letter-spacing:.2px}.rp-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;font-family:var(--font-display);color:var(--muted);background:none;border:none;padding:0;margin-bottom:18px;cursor:pointer;transition:color .2s}.rp-back:hover{color:var(--navy)}.rp-card-h{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.8px;line-height:1.2;margin-bottom:8px}.rp-card-h strong{font-weight:800;color:var(--blue-500)}.rp-card-sub{font-size:15px;color:var(--muted);line-height:1.55;margin-bottom:24px}.rp-form{display:flex;flex-direction:column;gap:18px}.rp-field{display:flex;flex-direction:column;gap:7px}.rp-label{font-size:12px;color:var(--slate);font-weight:600;display:flex;justify-content:space-between;align-items:center;letter-spacing:.1px}.rp-input-wrap{position:relative}.rp-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--soft);display:flex;align-items:center;transition:color .2s;pointer-events:none}.rp-input-icon.active{color:var(--blue-500)}.rp-input{width:100%;padding:11px 14px 11px 38px;border-radius:var(--radius-sm);border:1.5px solid var(--divider);background:#fff;font-size:13.5px;color:var(--ink);font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.rp-input::placeholder{color:#c4c9d8}.rp-input:focus{border-color:var(--blue-400);box-shadow:var(--shadow-inp)}.rp-input.err{border-color:#fca5a5;background:#fff5f5}.rp-input-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--soft);cursor:pointer;display:flex;align-items:center;transition:color .2s}.rp-input-right:hover{color:var(--slate)}.rp-strength-row{display:flex;align-items:center;gap:10px;margin-top:6px}.rp-strength-bars{display:flex;gap:4px;flex:1}.rp-str{flex:1;height:3px;border-radius:999px;background:var(--divider);transition:background .3s}.rp-str.lit{background:var(--green)}.rp-str-lbl{font-size:10.5px;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.rp-agree{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px 14px;border:1.5px solid var(--divider);border-radius:var(--radius-sm);background:#fafbff;transition:border-color .2s,background .2s}.rp-agree:hover{border-color:var(--blue-200);background:var(--blue-50)}.rp-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--divider);background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:border-color .2s,background .2s}.rp-checkbox.checked{background:var(--blue-50);border-color:var(--blue-400)}.rp-agree-txt{font-size:12px;color:var(--muted);line-height:1.6}.rp-link{color:var(--blue-500);font-weight:600;cursor:pointer}.rp-link:hover{text-decoration:underline}.rp-error{font-size:12.5px;color:var(--red);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:9px 13px;font-weight:500;display:flex;align-items:center;gap:7px}.rp-submit{margin-top:6px;padding:13px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;font-weight:700;font-size:14px;font-family:var(--font-display);letter-spacing:.2px;box-shadow:var(--shadow-btn);transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.rp-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%)}.rp-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b6ef673;filter:brightness(1.04)}.rp-submit:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-btn)}.rp-submit:disabled{opacity:.7;cursor:not-allowed}.rp-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.rp-footer{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.rp-login{font-size:13px;color:var(--muted)}.rp-login-link{color:var(--blue-500);font-weight:700;font-family:var(--font-display);cursor:pointer;transition:color .2s}.rp-login-link:hover{color:var(--blue-700);text-decoration:underline}.rp-secure{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--soft);font-family:var(--font-mono);letter-spacing:.2px}.rp-secure-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 2px #dcfce7;flex-shrink:0}@media(max-width:960px){.rp{flex-direction:column;gap:36px;padding:40px 24px;align-items:center}.rp-left{width:100%;max-width:520px;align-items:center;text-align:center}.rp-brand{margin-bottom:28px}.rp-desc{text-align:center;max-width:440px}.rp-benefit{text-align:left}.rp-right{width:100%;max-width:520px;align-items:stretch}.rp-card{max-width:100%}}@media(max-width:600px){.rp{padding:32px 16px}.rp-tagline{font-size:28px;letter-spacing:-1px}.rp-desc{font-size:15px}.rp-benefits,.rp-proof{display:none}.rp-card{padding:32px 22px 28px;border-radius:var(--radius-lg)}.rp-card-h{font-size:22px}.rp-card-sub{font-size:14px;margin-bottom:18px}}@media(max-width:400px){.rp-card{padding:26px 18px 22px}.rp-brand-name{font-size:17px}}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-300: #93b4fb;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--bg: #f7f9ff;--surface: #ffffff;--surface2: #f0f4ff;--surface3: #e8effe;--border: rgba(59,110,246,.1);--border-hi: rgba(59,110,246,.22);--text: #0d1b4b;--muted: #5a6a8a;--soft: #9ca3af;--divider: #e4eaf6;--green: #16a34a;--green-light: #dcfce7;--red: #dc2626;--red-light: #fee2e2;--amber: #d97706;--amber-light: #fef3c7;--shadow-xs: 0 1px 3px rgba(13,27,75,.06);--shadow-sm: 0 2px 8px rgba(13,27,75,.08), 0 0 0 1px rgba(59,110,246,.06);--shadow-md: 0 4px 16px rgba(13,27,75,.1), 0 0 0 1px rgba(59,110,246,.07);--shadow-lg: 0 8px 32px rgba(13,27,75,.12), 0 0 0 1px rgba(59,110,246,.08);--shadow-btn: 0 4px 14px rgba(59,110,246,.3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 72px;--topbar-h: 68px}.fn-root{display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body)}.fn-sidebar-strip{width:var(--sidebar-w);min-height:100vh;background:var(--surface);border-right:1px solid var(--divider);display:flex;flex-direction:column;align-items:center;padding:18px 0 24px;gap:6px;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:100;box-shadow:var(--shadow-xs)}.fn-back-btn{background:none;border:1.5px solid var(--border-hi);color:var(--blue-500);width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-bottom:10px}.fn-back-btn:hover{background:var(--blue-50);border-color:var(--blue-400);transform:translate(-1px)}.fn-strip-brand{margin-bottom:12px}.fn-brand-mark{width:38px;height:38px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:500;font-size:14px;color:#fff;box-shadow:0 4px 12px #3b6ef652}.fn-strip-divider{width:32px;height:1px;background:var(--divider);margin:4px 0}.fn-strip-tabs{display:flex;flex-direction:column;gap:4px}.fn-strip-tab{width:42px;height:42px;background:none;border:1.5px solid transparent;border-radius:var(--radius-md);color:var(--soft);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.fn-strip-tab:hover{background:var(--blue-50);color:var(--blue-500);border-color:var(--border)}.fn-strip-tab.active{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-600)}.fn-strip-tab.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--blue-500);border-radius:0 3px 3px 0}.fn-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.fn-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:var(--topbar-h);background:#ffffffeb;border-bottom:1px solid var(--divider);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;gap:16px;flex-wrap:wrap;box-shadow:var(--shadow-xs)}.fn-topbar-left{display:flex;flex-direction:column;gap:2px}.fn-breadcrumb{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--soft);letter-spacing:.04em}.fn-breadcrumb-parent{cursor:pointer;color:var(--blue-500);transition:opacity .2s;font-weight:500}.fn-breadcrumb-parent:hover{opacity:.65}.fn-breadcrumb-sep{color:var(--divider)}.fn-breadcrumb-current{color:var(--muted)}.fn-page-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.4px;line-height:1.2}.fn-page-sub{display:none}.fn-topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.fn-live-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;background:var(--green-light);padding:5px 10px;border-radius:999px;border:1px solid rgba(22,163,74,.2)}.fn-live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:fn-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes fn-pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.fn-tab-pills{display:flex;background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-md);padding:3px;gap:2px}.fn-tab-pill{padding:6px 14px;border-radius:var(--radius-sm);border:none;background:none;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .18s ease;white-space:nowrap;letter-spacing:.01em}.fn-tab-pill:hover{color:var(--blue-500);background:var(--blue-50)}.fn-tab-pill.active{background:var(--surface);color:var(--blue-600);font-weight:600;box-shadow:var(--shadow-xs)}.fn-scroll{flex:1;overflow-y:auto;padding:28px 32px 56px;scroll-padding-top:16px}.fn-scroll::-webkit-scrollbar{width:4px}.fn-scroll::-webkit-scrollbar-track{background:transparent}.fn-scroll::-webkit-scrollbar-thumb{background:var(--blue-200);border-radius:4px}.fn-scroll::-webkit-scrollbar-thumb:hover{background:var(--blue-300)}.fn-section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-500);margin-bottom:14px;margin-top:4px;display:flex;align-items:center;gap:10px}.fn-section-label:after{content:"";flex:1;height:1px;background:var(--divider)}.fn-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;justify-content:"flex-start",}.fn-kpi-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:22px 20px 18px;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:var(--shadow-sm)}.fn-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.fn-kpi-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,110,246,.02) 0%,transparent 60%);pointer-events:none}.fn-kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)}.fn-kpi-green:before{background:linear-gradient(90deg,var(--green) 0%,rgba(22,163,74,0) 100%)}.fn-kpi-gold:before{background:linear-gradient(90deg,var(--blue-500) 0%,rgba(59,110,246,0) 100%)}.fn-kpi-blue:before{background:linear-gradient(90deg,var(--blue-400) 0%,rgba(102,149,248,0) 100%)}.fn-kpi-red:before{background:linear-gradient(90deg,var(--red) 0%,rgba(220,38,38,0) 100%)}.fn-kpi-purple:before{background:linear-gradient(90deg,#7c3aed,#7c3aed00)}.fn-kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.fn-kpi-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);border-radius:var(--radius-sm);flex-shrink:0}.fn-kpi-trend{font-family:var(--font-mono);font-size:12px;font-weight:500;padding:3px 8px;border-radius:999px}.fn-trend-up{color:var(--green);background:var(--green-light)}.fn-trend-down{color:var(--red);background:var(--red-light)}.fn-kpi-label{font-family:var(--font-mono);font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-weight:500}.fn-kpi-value{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.8px;line-height:1;margin-bottom:6px}.fn-kpi-sub{font-family:var(--font-mono);font-size:10px;color:var(--soft)}.kra-delete{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#ff4d4f;font-size:16px;margin-left:8px;transition:transform .1s ease}.kra-delete:hover{transform:scale(1.2)}.fn-budget-track{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.fn-budget-track-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-bottom:14px;gap:8px;flex-wrap:wrap}.fn-budget-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--navy)}.fn-budget-bar{height:10px;background:var(--surface2);border-radius:99px;overflow:hidden;margin-bottom:8px;border:1px solid var(--divider)}.fn-budget-fill{height:100%;border-radius:99px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.fn-budget-ok{background:linear-gradient(90deg,#22c55e,var(--green))}.fn-budget-warn{background:linear-gradient(90deg,var(--blue-400),var(--blue-600))}.fn-budget-danger{background:linear-gradient(90deg,#f87171,var(--red))}.fn-budget-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--soft);letter-spacing:.04em}.fn-budget-midmark{text-align:center;flex:1}.fn-chart-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-xl);padding:26px 28px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.fn-chart-card:hover{box-shadow:var(--shadow-md)}.fn-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap;gap:12px}.fn-chart-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy);margin:0 0 4px;letter-spacing:-.2px}.fn-chart-sub{font-family:var(--font-mono);font-size:10px;color:var(--soft);margin:0}.fn-chart-legend{display:flex;gap:16px;font-family:var(--font-mono);font-size:10px;color:var(--muted);align-items:center;flex-wrap:wrap}.fn-chart-legend span{display:flex;align-items:center;gap:6px}.fn-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.fn-table-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-sm)}.fn-table-header{padding:18px 24px;border-bottom:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface)}.fn-table-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.2px}.fn-table-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fn-table-count{font-family:var(--font-mono);font-size:11px;color:var(--soft)}.fn-table-total{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--green)}.fn-total-exp{color:var(--blue-500)}.fn-table-wrap{overflow-x:auto}.fn-table-wrap::-webkit-scrollbar{height:3px}.fn-table-wrap::-webkit-scrollbar-thumb{background:var(--blue-200);border-radius:2px}.fn-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.fn-table thead tr{background:var(--surface2);border-bottom:1px solid var(--divider)}.fn-table th{padding:12px 20px;text-align:left;font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--soft);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.fn-table tbody tr{border-bottom:1px solid var(--divider);transition:background .15s ease}.fn-table tbody tr:last-child{border-bottom:none}.fn-table tbody tr:hover{background:var(--blue-50)}.fn-table td{padding:14px 20px;color:var(--muted);vertical-align:middle;font-family:var(--font-body);font-size:13px}.fn-td-num{font-family:var(--font-mono);font-size:11px;color:var(--soft);width:48px}.fn-td-title{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:500;max-width:300px;font-family:var(--font-body)}.fn-td-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.fn-dot-green{background:var(--green)}.fn-dot-gold{background:var(--blue-500)}.fn-dot-blue{background:var(--blue-400)}.fn-dot-red{background:var(--red)}.fn-td-date{font-family:var(--font-mono);font-size:11px;color:var(--soft);white-space:nowrap}.fn-td-amount{font-family:var(--font-mono);font-size:13px;font-weight:500;white-space:nowrap;letter-spacing:-.3px}.fn-amount-green{color:var(--green)}.fn-amount-gold{color:var(--blue-500)}.fn-amount-red{color:var(--red)}.fn-empty-row{text-align:center;color:var(--soft);padding:52px 20px!important;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.fn-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em;white-space:nowrap}.fn-badge-green{background:var(--green-light);color:var(--green);border:1px solid rgba(22,163,74,.25)}.fn-badge-gold{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-200)}.fn-badge-red{background:var(--red-light);color:var(--red);border:1px solid rgba(220,38,38,.25)}.fn-badge-amber{background:var(--amber-light);color:var(--amber);border:1px solid rgba(217,119,6,.25)}.fn-periods{display:flex;gap:4px}.fn-pbtn{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .18s ease;background:none;color:var(--soft);letter-spacing:.04em}.fn-pbtn:hover{background:var(--blue-50);color:var(--blue-500)}.fn-pbtn.active{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-600)}.fn-summary-row{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.fn-summary-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-xs);flex:1;min-width:140px}.fn-summary-chip-icon{font-size:18px}.fn-summary-chip-val{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.4px;line-height:1}.fn-summary-chip-lbl{font-family:var(--font-mono);font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.fn-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);gap:16px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.fn-spinner{width:36px;height:36px;border:2.5px solid var(--blue-100);border-top-color:var(--blue-500);border-radius:50%;animation:fn-spin .75s linear infinite}@keyframes fn-spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.fn-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media(max-width:1100px){.fn-kpi-grid{grid-template-columns:repeat(2,1fr)}.fn-scroll{padding:24px 24px 48px}.fn-topbar{padding:0 24px}}@media(max-width:900px){:root{--sidebar-w: 0px}.fn-sidebar-strip{display:none}.fn-topbar{height:auto;padding:14px 20px;flex-wrap:wrap;gap:10px}.fn-page-title{font-size:18px}.fn-tab-pills{order:3;width:100%;justify-content:stretch}.fn-tab-pill{flex:1;text-align:center}.fn-scroll{padding:20px 20px 48px}.fn-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fn-kpi-value{font-size:22px}.fn-chart-card{padding:20px}}@media(max-width:640px){.fn-topbar{padding:12px 16px}.fn-topbar-right{gap:8px}.fn-live-badge,.fn-tab-pills{display:none}.fn-scroll{padding:16px 16px 56px}.fn-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.fn-kpi-card{padding:16px 14px}.fn-kpi-value{font-size:20px}.fn-kpi-icon{width:34px;height:34px;font-size:16px}.fn-chart-card{padding:16px;border-radius:var(--radius-lg)}.fn-chart-header{margin-bottom:14px}.fn-chart-legend{gap:10px;font-size:9px}.fn-budget-track{padding:16px 18px}.fn-table th,.fn-table td{padding:10px 14px}.fn-table-header{padding:14px 16px}.fn-summary-row{gap:8px}.fn-summary-chip{padding:10px 12px;min-width:120px}.fn-summary-chip-val{font-size:16px}}@media(max-width:400px){.fn-page-title{font-size:16px}.fn-kpi-grid{grid-template-columns:1fr}.fn-kpi-value{font-size:24px}.fn-summary-row{flex-direction:column}.fn-empty-chart{padding:36px 20px}}.kra-card{background:#fff;border-radius:12px;padding:20px 18px;box-shadow:0 8px 20px #0d2a701a;font-family:DM Sans,sans-serif;display:flex;flex-direction:column;gap:8px;width:50px;min-width:280px;color:#202b56;position:relative}.kra-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease}.kra-card:hover{transform:translateY(-4px)}.kra-title{font-size:16px;font-weight:600;color:#2c3e50}.kra-category{font-size:13px;color:#6b7385;margin-top:4px}.kra-subtext{font-size:12px;color:#6b7385;margin-top:4px}.kra-value-row{display:flex;align-items:center;gap:8px}.kra-value{font-size:28px;font-weight:700;display:flex;align-items:center}.kra-actions button{background:none;border:none;cursor:pointer;font-size:16px}.kra-value input{width:60px;padding:4px 6px;border:1px solid #ccc;border-radius:6px;font-size:14px;text-align:center;outline:none;transition:border .2s ease,box-shadow .2s ease}.kra-value input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.kra-actions{display:flex;align-items:center;gap:6px}.kra-actions button{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px;transition:transform .15s ease,opacity .15s ease}.kra-actions button:hover{transform:scale(1.1);opacity:.8}.kra-card button{margin-top:6px;padding:5px 10px;font-size:12px;border-radius:6px;cursor:pointer;border:none}.db-dept-KPI-btn{margin-top:12px;width:75%;background-color:#6c63ff;color:#fff;font-weight:500;padding:8px;border-radius:8px;border:none;transition:background .2s ease;border:20px solid black}.db-dept-KPI-btn:hover{background-color:#574fd6}.kra-actions{opacity:.7}.kra-card:hover .kra-actions{opacity:1}.kra-icon{font-size:20px;margin-bottom:6px}.kra-icon{font-size:20px;position:absolute;top:16px;left:16px}.kra-title{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding-left:5px;color:#1f48db}.kra-category{font-size:9px;font-weight:600;padding-left:5px;color:#6a7aa9;text-transform:uppercase;letter-spacing:.06em}.kra-value{font-weight:700;font-size:26px;color:#0d296c;padding-left:5px}.kra-subtext{font-size:10px;font-weight:600;color:#1f5c1f;padding-left:5px;text-transform:lowercase;letter-spacing:.02em}.kra-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid;gap:20px;width:100%;margin-bottom:28px;position:absolute;align-items:start}.kra-card{background:#fff;border-radius:12px;padding:20px 18px;box-shadow:0 8px 20px #0d2a701a;font-family:DM Sans,sans-serif;display:flex;flex-direction:column;gap:8px;color:#202b56;position:relative}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-300: #93b4fb;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--bg: #f7f9ff;--surface: #ffffff;--surface2: #f0f4ff;--surface3: #e8effe;--border: rgba(59,110,246,.1);--border-hi: rgba(59,110,246,.22);--text: #0d1b4b;--muted: #5a6a8a;--soft: #9ca3af;--divider: #e4eaf6;--green: #16a34a;--green-light: #dcfce7;--red: #dc2626;--red-light: #fee2e2;--amber: #d97706;--amber-light: #fef3c7;--shadow-xs: 0 1px 3px rgba(13,27,75,.06);--shadow-sm: 0 2px 8px rgba(13,27,75,.08), 0 0 0 1px rgba(59,110,246,.06);--shadow-md: 0 4px 16px rgba(13,27,75,.1), 0 0 0 1px rgba(59,110,246,.07);--shadow-lg: 0 8px 32px rgba(13,27,75,.12), 0 0 0 1px rgba(59,110,246,.08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 72px;--topbar-h: 68px}.kp-root{display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body)}.kp-sidebar-strip{width:var(--sidebar-w);min-height:100vh;background:var(--surface);border-right:1px solid var(--divider);display:flex;flex-direction:column;align-items:center;padding:18px 0 24px;gap:6px;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:100;box-shadow:var(--shadow-xs)}.kp-back-btn-strip{background:none;border:1.5px solid var(--border-hi);color:var(--blue-500);width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-bottom:10px}.kp-back-btn-strip:hover{background:var(--blue-50);border-color:var(--blue-400);transform:translate(-1px)}.kp-brand-mark{width:38px;height:38px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:500;font-size:14px;color:#fff;box-shadow:0 4px 12px #3b6ef652}.kp-strip-icon{font-size:20px;margin-top:8px;color:var(--blue-400)}.kp-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.kp-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:var(--topbar-h);background:#ffffffeb;border-bottom:1px solid var(--divider);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;gap:16px;flex-wrap:wrap;box-shadow:var(--shadow-xs)}.kp-topbar-left{display:flex;flex-direction:column;gap:2px}.kp-topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.kp-breadcrumb{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--soft);letter-spacing:.04em;margin-bottom:2px}.kp-bc-link{cursor:pointer;color:var(--blue-500);font-weight:500;transition:opacity .2s}.kp-bc-link:hover{opacity:.65}.kp-bc-sep{color:var(--divider)}.kp-bc-current{color:var(--muted)}.kp-page-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.4px;line-height:1.2;margin-bottom:4px}.kp-kra-subtitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kp-kra-label{font-family:var(--font-mono);font-size:9px;font-weight:500;background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.kp-kra-name{font-family:var(--font-body);font-size:15.5px;color:var(--muted);font-weight:500}.kp-kra-weightage{font-family:var(--font-mono);font-size:10.5px;color:var(--blue-500);background:var(--blue-50);border:1px solid var(--border-hi);padding:2px 9px;border-radius:999px}.kp-live-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;background:var(--green-light);padding:5px 10px;border-radius:999px;border:1px solid rgba(22,163,74,.2)}.kp-live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:kp-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes kp-pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.kp-count-badge{font-family:var(--font-mono);font-size:11px;background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);padding:5px 14px;border-radius:999px;font-weight:500}.kp-scroll{flex:1;overflow-y:auto;padding:28px 32px 56px}.kp-scroll::-webkit-scrollbar{width:4px}.kp-scroll::-webkit-scrollbar-track{background:transparent}.kp-scroll::-webkit-scrollbar-thumb{background:var(--blue-200);border-radius:4px}.kp-scroll::-webkit-scrollbar-thumb:hover{background:var(--blue-300)}.kp-section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-500);margin-bottom:14px;margin-top:4px;display:flex;align-items:center;gap:10px}.kp-section-label:after{content:"";flex:1;height:1px;background:var(--divider)}.kp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.kp-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:22px 20px 18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:var(--shadow-sm);animation:kp-fadeIn .35s ease both}@keyframes kp-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500) 0%,rgba(59,110,246,0) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kp-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,110,246,.02) 0%,transparent 60%);pointer-events:none}.kp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)}.kp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kp-card-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);border-radius:var(--radius-sm);flex-shrink:0}.kp-card-weightage{font-family:var(--font-mono);font-size:10px;font-weight:500;background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);padding:3px 10px;border-radius:999px;margin-top:-40px}.kp-color-circle{position:absolute;top:10px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;z-index:2}.kp-card-weightage{position:absolute;top:77px;right:75%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;font-weight:500;background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);padding:3px 10px;border-radius:999px}.kp-card-kra{font-family:var(--font-mono);font-size:11.5px;color:var(--blue-500);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.kp-card-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy);line-height:1.3;letter-spacing:-.2px}.kp-card-desc{font-family:var(--font-body);font-size:12px;color:var(--muted);line-height:1.5}.kp-card-divider{height:1px;background:var(--divider);margin:4px 0}.kp-card-target-row{display:flex;align-items:baseline;gap:8px}.kp-card-target-label{font-family:var(--font-mono);font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.kp-card-target-val{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--navy);letter-spacing:-.8px;line-height:1}.kp-card-type{display:inline-flex;align-items:center;gap:4px;background:var(--blue-50);border:1px solid var(--blue-200);border-radius:999px;padding:3px 10px;font-family:var(--font-mono);font-size:10px;color:var(--blue-600);width:fit-content;font-weight:500}.kp-card-fields{background:var(--surface2);border:1px solid var(--divider);border-radius:var(--radius-md);padding:10px 12px;margin-top:4px}.kp-fields-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--soft);text-transform:uppercase;margin-bottom:8px;font-weight:500}.kp-fields-list{display:flex;flex-direction:column;gap:6px}.kp-field-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kp-field-name{font-family:var(--font-mono);font-size:11px;color:var(--muted);flex:1}.kp-field-type{font-family:var(--font-mono);font-size:9px;background:var(--surface3);border:1px solid var(--border-hi);color:var(--blue-600);padding:1px 6px;border-radius:4px}.kp-field-req{font-family:var(--font-mono);font-size:9px;color:var(--red);background:var(--red-light);border:1px solid rgba(220,38,38,.2);padding:1px 6px;border-radius:4px}.kp-card-formula{display:flex;align-items:center;gap:8px;margin-top:2px}.kp-formula-label{font-family:var(--font-mono);font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.1em}.kp-formula-key{font-family:var(--font-mono);font-size:10px;color:var(--green);background:var(--green-light);border:1px solid rgba(22,163,74,.2);padding:2px 8px;border-radius:4px}.kp-color-circle{width:14px;height:14px;border-radius:50%;margin:8px auto 0}.kp-average,.kp-target{font-size:14px}.kp-average-target-row{display:flex;justify-content:space-between;margin-top:12px;font-weight:500}.kp-average-target-row .kp-average span,.kp-average-target-row .kp-target span{font-weight:700}.kp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);gap:16px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.kp-spinner{width:36px;height:36px;border:2.5px solid var(--blue-100);border-top-color:var(--blue-500);border-radius:50%;animation:kp-spin .75s linear infinite}.kp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;text-align:center}.kp-empty-icon{font-size:48px;opacity:.5}.kp-empty h3{font-family:var(--font-display);font-size:18px;color:var(--navy)}.kp-empty p{font-family:var(--font-body);font-size:13px;color:var(--muted)}.kp-back-btn{margin-top:8px;background:var(--blue-50);border:1.5px solid var(--border-hi);color:var(--blue-500);padding:8px 22px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.kp-back-btn:hover{background:var(--blue-100);border-color:var(--blue-400)}@media(max-width:1100px){.kp-grid{grid-template-columns:repeat(2,1fr)}.kp-scroll{padding:24px 24px 48px}.kp-topbar{padding:0 24px}}@media(max-width:900px){:root{--sidebar-w: 0px}.kp-sidebar-strip{display:none}.kp-topbar{height:auto;padding:14px 20px;flex-wrap:wrap;gap:10px}.kp-page-title{font-size:18px}.kp-scroll{padding:20px 20px 48px}.kp-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:640px){.kp-topbar{padding:12px 16px}.kp-live-badge{display:none}.kp-scroll{padding:16px 16px 56px}.kp-grid{grid-template-columns:1fr}.kp-card{padding:18px 16px}.kp-card-target-val{font-size:24px}}@media(max-width:400px){.kp-page-title{font-size:16px}.kp-card-target-val{font-size:20px}}.kp-add-kpi-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#4f7ef8,#6c47ff);color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;letter-spacing:.3px;transition:opacity .18s,transform .15s,box-shadow .18s;box-shadow:0 2px 10px #6c47ff4d;white-space:nowrap}.kp-add-kpi-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #6c47ff66}.kp-add-kpi-btn:active{transform:translateY(0)}.kp-add-kpi-plus{font-size:17px;line-height:1;font-weight:400}.kp-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.kp-modal-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:kp-fade-in .18s ease}@keyframes kp-fade-in{0%{opacity:0}to{opacity:1}}.kp-modal{background:#1a1d27;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:620px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080,0 0 0 1px #4f7ef81f;animation:kp-slide-up .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes kp-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.kp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.kp-modal-title-row{display:flex;align-items:center;gap:10px}.kp-modal-icon{font-size:20px}.kp-modal-title{margin:0;font-size:17px;font-weight:700;color:#e8eaf6;letter-spacing:-.2px}.kp-modal-close{background:#ffffff0f;border:none;border-radius:6px;color:#9199b3;width:30px;height:30px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.kp-modal-close:hover{background:#e052522e;color:#e05252}.kp-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;flex:1}.kp-modal-error{background:#e052521f;border:1px solid rgba(224,82,82,.3);border-radius:8px;color:#e07070;padding:10px 14px;font-size:13px}.kp-modal-row{display:flex;gap:12px;flex-wrap:wrap}.kp-modal-field{display:flex;flex-direction:column;gap:6px;min-width:120px}.kp-modal-field--grow{flex:1}.kp-modal-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#7a84a3}.kp-req{color:#e05252;margin-left:2px}.kp-modal-input,.kp-modal-select,.kp-modal-textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#dde0f0;font-size:13.5px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;width:100%;box-sizing:border-box}.kp-modal-input:focus,.kp-modal-select:focus,.kp-modal-textarea:focus{border-color:#4f7ef899;box-shadow:0 0 0 3px #4f7ef81f}.kp-modal-input::placeholder,.kp-modal-textarea::placeholder{color:#4a5070}.kp-modal-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a84a3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.kp-modal-select option{background:#1a1d27}.kp-modal-textarea{resize:vertical;min-height:60px}.kp-modal-section{display:flex;flex-direction:column;gap:10px}.kp-modal-section-header{display:flex;align-items:center;justify-content:space-between}.kp-modal-section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#7a84a3}.kp-add-field-btn{background:#4f7ef81f;border:1px solid rgba(79,126,248,.25);border-radius:6px;color:#7aabf8;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;transition:background .15s,border-color .15s}.kp-add-field-btn:hover{background:#4f7ef833;border-color:#4f7ef866}.kp-fields-list{display:flex;flex-direction:column;gap:8px}.kp-field-row{display:flex;align-items:center;gap:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 10px;animation:kp-fade-in .15s ease}.kp-field-index{width:20px;min-width:20px;height:20px;background:#4f7ef826;border-radius:50%;color:#7aabf8;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.kp-field-name{flex:1;min-width:0}.kp-field-type{width:110px;min-width:110px}.kp-field-required-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#7a84a3;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.kp-field-checkbox{accent-color:#4f7ef8;cursor:pointer;width:14px;height:14px}.kp-remove-field-btn{background:#e052521a;border:none;border-radius:5px;color:#e07070;width:26px;height:26px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.kp-remove-field-btn:hover{background:#e0525238}.kp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.kp-modal-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9199b3;font-size:13.5px;font-weight:500;padding:9px 20px;cursor:pointer;transition:background .15s;font-family:inherit}.kp-modal-cancel:hover:not(:disabled){background:#ffffff17}.kp-modal-submit{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#4f7ef8,#6c47ff);border:none;border-radius:8px;color:#fff;font-size:13.5px;font-weight:700;padding:9px 22px;cursor:pointer;transition:opacity .15s,transform .12s;box-shadow:0 2px 12px #6c47ff59;font-family:inherit}.kp-modal-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.kp-modal-submit:disabled,.kp-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.kp-btn-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:kp-spin .6s linear infinite}@keyframes kp-spin{to{transform:rotate(360deg)}}.kp-formula-section{background:#ffffff0d;border-radius:10px;border:1px dashed rgba(255,255,255,.15);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.kp-formula-chip-group{display:flex;flex-direction:column;gap:6px}.kp-formula-chip-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8a92a6}.kp-formula-chips{display:flex;flex-wrap:wrap;gap:6px}.kp-formula-chip{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;font-family:var(--font-mono, monospace);background-color:transparent;outline:none}button.kp-formula-chip{border:none;background-color:transparent}.kp-formula-chip:active{transform:scale(.95)}.kp-formula-chip:hover{opacity:.85}.kp-formula-chip--field{background-color:#e6f1fb;color:#0c447c;border:1px solid #85b7eb}.kp-formula-chip--op{background-color:#eeedfe;color:#3c3489;border:1px solid #afa9ec}.kp-formula-chip--fn{background-color:#e1f5ee;color:#085041;border:1px solid #5dcaa5}.kp-formula-textarea{font-family:var(--font-mono, monospace)!important;font-size:13px!important;background:#ffffff12!important;color:#e6e9f2!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:6px;padding:8px}.kp-formula-hint{font-size:11px;color:#9aa0b2;margin-top:4px}.kp-formula-input-wrap{display:flex;flex-direction:column}.about-page{min-height:100vh;background:#fff;color:#0d1b4b;font-family:Outfit,sans-serif}.about-hero{max-width:1280px;margin:0 auto;padding:140px 40px 120px;position:relative;z-index:2}.about-header{text-align:center;margin-bottom:120px;opacity:0;transform:translateY(30px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.about-header.in{opacity:1;transform:translateY(0)}.about-title{font-family:Sora,sans-serif;font-size:72px;font-weight:800;line-height:1.08;color:#0d1b4b;margin-bottom:28px;letter-spacing:-2px}.about-subtitle{font-family:Outfit,sans-serif;font-size:20px;font-weight:400;line-height:1.75;color:#6b7280;max-width:720px;margin:0 auto}.eyebrow-pill{display:inline-block;padding:5px 16px;border-radius:999px;background:#eff4ff;border:1px solid #c1d3fc;font-family:Sora,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;color:#2355e0;text-transform:uppercase}.headline-gold{background:linear-gradient(135deg,#3b6ef6,#6695f8,#2355e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mission-section,.features-section,.why-section,.vision-section{margin-bottom:140px;opacity:0;transform:translateY(40px);transition:all 1.4s cubic-bezier(.16,1,.3,1)}.mission-section.in,.features-section.in,.why-section.in,.vision-section.in{opacity:1;transform:translateY(0)}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3b6ef6}.slabel-line{width:32px;height:1px;background:#3b6ef6;opacity:.5}.section-heading{font-family:Sora,sans-serif;font-size:52px;font-weight:800;line-height:1.08;color:#0d1b4b;letter-spacing:-1.5px}.body-text{font-family:Outfit,sans-serif;font-size:15px;font-weight:400;line-height:1.75;color:#6b7280}.mission-content{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.mission-visual{display:flex;flex-direction:column;gap:20px}.stat-card{background:#eff4ff;border:1px solid #c1d3fc;border-radius:16px;padding:28px;text-align:center;opacity:0;animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 2px 12px #3b6ef614;transition:all .3s ease}.stat-card:hover{background:#dce7fd;border-color:#6695f8;transform:translateY(-2px);box-shadow:0 8px 24px #3b6ef624}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.stat-icon{font-size:36px;margin-bottom:12px}.stat-value{font-family:Sora,sans-serif;font-size:28px;font-weight:800;color:#3b6ef6;margin-bottom:6px;letter-spacing:-.5px}.stat-label{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{position:relative;border:1px solid #c1d3fc;border-radius:20px;padding:36px 28px;overflow:hidden;opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;transition:all .4s cubic-bezier(.16,1,.3,1);background:#f8faff}.feature-card:hover{transform:translateY(-4px);border-color:#6695f8;box-shadow:0 12px 32px #3b6ef61f;background:#eff4ff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feat-icon{font-size:42px;margin-bottom:20px}.feat-title{font-family:Sora,sans-serif;font-size:17px;font-weight:700;color:#0d1b4b;margin-bottom:12px;letter-spacing:-.3px}.feat-desc{font-family:Outfit,sans-serif;font-size:14px;font-weight:400;line-height:1.75;color:#6b7280}.feat-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(59,110,246,.03),transparent);pointer-events:none}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.why-right{display:flex;flex-direction:column;gap:28px}.why-card{border-left:2px solid #c1d3fc;padding-left:32px;transition:all .4s cubic-bezier(.16,1,.3,1)}.why-card:hover{border-left-color:#3b6ef6}.why-number{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:#3b6ef6;margin-bottom:12px;opacity:.8;letter-spacing:.08em;text-transform:uppercase}.why-title{font-family:Sora,sans-serif;font-size:20px;font-weight:700;color:#0d1b4b;margin-bottom:12px;letter-spacing:-.3px}.why-text{font-family:Outfit,sans-serif;font-size:15px;font-weight:400;line-height:1.75;color:#6b7280}.vision-section{position:relative;text-align:center;padding:80px 60px;border-radius:24px;border:1px solid #c1d3fc;background:linear-gradient(135deg,#eff4ff,#f8faff);overflow:hidden;box-shadow:0 4px 24px #3b6ef614}.vision-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(59,110,246,.1),transparent 70%);pointer-events:none;transition:transform .3s ease-out}.vision-content{position:relative;z-index:1}.vision-ctas{display:flex;gap:16px;justify-content:center;align-items:center}.cta-p{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border:none;border-radius:8px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;background:linear-gradient(135deg,#3b6ef6,#2355e0);color:#fff;box-shadow:0 4px 14px #3b6ef64d}.cta-p:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b6ef661}.nav-link-active{color:#3b6ef6!important}.scene{position:fixed;bottom:0;left:0;right:0;height:clamp(160px,35vh,320px);z-index:3;pointer-events:none;background:#fff}.scene:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#ffffffd9,#ffffff8c 40%,#ffffffd9 75%,#fff);pointer-events:none}.scene:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#eff4ff80,#dce7fd40,#ffffff0d);pointer-events:none}.city-svg{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease .4s;filter:invert(1) sepia(.3) hue-rotate(190deg) saturate(.5) brightness(1.6) contrast(.55)}.city-svg.in{opacity:.5}.ground-line{position:absolute;bottom:0;left:0;right:0;height:22%;background:linear-gradient(180deg,transparent,rgba(59,110,246,.04))}.about-footer{background:#f4f7ff;border-top:1px solid #dce7fd;padding:48px 40px;opacity:0;transition:opacity 1s ease;position:relative;z-index:10}.about-footer.in{opacity:1}.footer-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:12px;font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:#0d1b4b;letter-spacing:-.2px}.footer-text{font-family:Outfit,sans-serif;font-size:14px;font-weight:400;color:#9ca3af}@media(max-width:968px){.about-title{font-size:52px}.mission-content,.why-grid{grid-template-columns:1fr;gap:48px}.features-grid{grid-template-columns:1fr 1fr}.footer-content{flex-direction:column;gap:20px;text-align:center}}@media(max-width:640px){.about-hero{padding:100px 20px 80px}.about-title{font-size:40px;letter-spacing:-1px}.section-heading{font-size:36px}.features-grid{grid-template-columns:1fr}.vision-section{padding:48px 24px}}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--ink: #111827;--slate: #374151;--muted: #6b7280;--soft: #9ca3af;--divider: #e5e9f2;--surface: #ffffff;--white: #ffffff;--green: #22c55e;--green-dim: rgba(34,197,94,.1);--red: #ef4444;--red-dim: rgba(239,68,68,.08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 0 0 1px rgba(59,110,246,.07), 0 8px 24px rgba(13,27,75,.07), 0 32px 64px rgba(13,27,75,.06);--shadow-btn: 0 4px 14px rgba(59,110,246,.3);--shadow-inp: 0 0 0 3px rgba(59,110,246,.12);--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}input,select,textarea{font-family:inherit;outline:none}html,body{background:#fff}.hod-page{min-height:100vh;background:#fff;font-family:var(--font-body);color:var(--ink);position:relative;overflow-x:hidden}.hod-page-grid{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#c8d3ee 1px,transparent 1px);background-size:26px 26px;opacity:.45;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}.hod-scroll{position:relative;z-index:1;padding:clamp(32px,5vw,64px) clamp(20px,5vw,60px);max-width:860px;margin:0 auto}.hod-header{margin-bottom:48px;text-align:center;animation:slideDown .55s cubic-bezier(.22,1,.36,1) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.hod-header-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:999px;padding:5px 14px;margin-bottom:18px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--blue-600);letter-spacing:.12em;text-transform:uppercase}.hod-header-badge-dot{width:6px;height:6px;background:var(--blue-500);border-radius:50%;box-shadow:0 0 0 2px var(--blue-100);animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hod-header h1{font-family:var(--font-display);font-size:clamp(28px,4.5vw,44px);font-weight:800;letter-spacing:-1.2px;line-height:1.12;color:var(--navy)}.hod-header h1 em{font-style:normal;background:linear-gradient(135deg,var(--blue-500),var(--blue-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hod-header p{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.6}.hod-rule{height:1px;background:linear-gradient(90deg,transparent,var(--blue-200) 40%,transparent);margin:36px 0}.hod-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .55s cubic-bezier(.22,1,.36,1) .1s both}.hod-actions-centered{justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hod-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;border:none;letter-spacing:.1px;transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.hod-btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .15s}.hod-btn:hover:after{background:#ffffff12}.hod-btn:active{transform:scale(.97)!important}.hod-btn-expense{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;border:1.5px solid rgba(50,50,211,.2);box-shadow:0 2px 8px #0d1b4b0d}.hod-btn-expense:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef44441f;box-shadow:0 8px 28px #3b6ef661}.hod-btn-revenue{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;box-shadow:var(--shadow-btn)}.hod-btn-revenue:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b6ef661}.or{text-align:center;margin-top:50px}.select-upload-center{margin-top:50px;display:flex;justify-content:center;align-items:center;gap:15px}.hod-btn-select{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;border:1.5px solid rgba(50,50,211,.2);box-shadow:0 2px 8px #0d1b4b0d}.hod-btn-select:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef44441f;box-shadow:0 8px 28px #3b6ef661}.hod-btn-upload{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;box-shadow:var(--shadow-btn)}.hod-btn-upload:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b6ef661}.input-type{display:none}.hod-signout-btn{position:fixed;bottom:24px;left:24px;padding:9px 14px;border:1.5px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);background:#ef44440d;color:var(--red);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;z-index:10}.hod-signout-btn:hover{background:#ef44441a;border-color:#ef444466;transform:translateY(-1px)}.hod-overlay{position:fixed;inset:0;background:#0d1b4b59;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayIn .22s ease both}.hod-modal{width:100%;max-width:580px;background:#fff;border:1px solid rgba(59,110,246,.09);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);animation:modalPop .32s cubic-bezier(.34,1.56,.64,1) both;max-height:90vh;overflow-y:auto;position:relative}.hod-modal::-webkit-scrollbar{width:4px}.hod-modal::-webkit-scrollbar-thumb{background:var(--divider);border-radius:4px}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hod-modal-accent{height:3px;position:sticky;top:0;z-index:2}.hod-modal-accent.expense{background:linear-gradient(90deg,var(--blue-500) 0%,var(--red) 60%,var(--blue-600) 100%)}.hod-modal-accent.revenue{background:linear-gradient(90deg,var(--blue-500) 0%,var(--blue-400) 50%,var(--blue-600) 100%)}.hod-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.hod-modal-title{display:flex;align-items:center;gap:12px}.hod-modal-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}.hod-modal-icon.expense{background:var(--red-dim);border:1px solid rgba(239,68,68,.18);color:var(--red)}.hod-modal-icon.revenue{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-500)}.hod-modal-title h2{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--navy)}.hod-modal-close{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface);border:1.5px solid var(--divider);color:var(--soft);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.hod-modal-close:hover{border-color:var(--blue-200);color:var(--navy);transform:rotate(90deg)}.hod-form{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px}.hod-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hod-field{display:flex;flex-direction:column;gap:6px}.hod-label{font-size:11px;font-weight:600;color:var(--slate);letter-spacing:.1px;font-family:var(--font-display)}.hod-input,.hod-select,.hod-textarea{width:100%;background:#fff;border:1.5px solid var(--divider);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-body);font-size:13.5px;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none}.hod-input::placeholder,.hod-textarea::placeholder{color:#c4c9d8}.hod-input:focus,.hod-select:focus,.hod-textarea:focus{border-color:var(--blue-400);background:#fff;box-shadow:var(--shadow-inp)}.hod-input[type=date]{color-scheme:light}.hod-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.hod-textarea{resize:vertical;min-height:80px;line-height:1.55}.hod-submit{margin-top:6px;padding:13px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;border:none;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;overflow:hidden}.hod-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%)}.hod-submit:active{transform:scale(.98)}.hod-submit:disabled{opacity:.6;cursor:not-allowed}.hod-submit.expense{background:linear-gradient(135deg,#ef4444,#c53030);color:#fff;box-shadow:0 4px 14px #ef444447}.hod-submit.expense:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #ef444461;filter:brightness(1.04)}.hod-submit.revenue{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;box-shadow:var(--shadow-btn)}.hod-submit.revenue:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #3b6ef66b;filter:brightness(1.04)}.hod-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.hod-toast{position:fixed;bottom:28px;right:28px;z-index:2000;background:#fff;border:1.5px solid var(--divider);border-radius:var(--radius-md);padding:13px 18px;display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-card);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) both}.hod-toast.success{border-color:#22c55e4d;color:#16a34a}.hod-toast.error{border-color:#ef44444d;color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kra-section{margin-bottom:32px;animation:fadeUp .55s cubic-bezier(.22,1,.36,1) .1s both}.kra-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:14px}.kra-section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--navy)}.kra-section-icon{font-size:20px}.kra-total-weight{font-size:13px;font-weight:600;color:var(--muted);background:var(--blue-50);padding:6px 12px;border-radius:999px;border:1px solid var(--blue-100)}.kra-pending-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ea580c;background:#ea580c14;padding:5px 10px;border-radius:999px;border:1px solid rgba(234,88,12,.2)}.kra-loading,.kra-error,.kra-empty{padding:32px 20px;text-align:center;background:#3b6ef605;border:1.5px dashed var(--divider);border-radius:var(--radius-md);font-size:13.5px;color:var(--muted)}.kra-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.kra-error{background:#ef44440d;border-color:#ef444433;color:var(--red)}.kra-empty{color:var(--soft)}.kra-list{display:flex;flex-direction:column;gap:12px}.kra-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid var(--divider);border-radius:var(--radius-md);padding:16px 18px;transition:all .2s ease;animation:slideIn .3s cubic-bezier(.22,1,.36,1) both}.kra-card:hover{border-color:var(--blue-200);box-shadow:0 2px 8px #3b6ef614}.kra-card--pending{border-color:#ea580c33;background:#ea580c05}.kra-card--pending:hover{border-color:#ea580c;box-shadow:0 2px 8px #ea580c1f}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kra-card-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.kra-card-index{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);border:1.5px solid var(--blue-100);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--blue-600)}.kra-card-index--pending{background:#ea580c14;border-color:#ea580c33;color:#ea580c}.kra-card-info{flex:1;min-width:0}.kra-card-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px;word-break:break-word}.kra-card-desc{font-size:12.5px;color:var(--muted);margin-bottom:4px;line-height:1.4;word-break:break-word}.kra-card-creator{font-size:11px;color:var(--soft);margin-top:4px}.kra-card-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.kra-weightage-badge{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--blue-50);border:1.5px solid var(--blue-100);padding:8px 14px;border-radius:var(--radius-sm)}.kra-weightage-value{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--blue-600)}.kra-weightage-label{font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--blue-500);text-transform:uppercase;letter-spacing:.08em}.kra-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100)}.kra-status-badge--pending{background:#ea580c14;color:#ea580c;border-color:#ea580c33}.kra-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.kra-card-actions{display:flex;gap:9px}.kra-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;border:1.5px solid var(--divider);background:#fff;color:var(--slate);cursor:pointer;transition:all .2s ease;white-space:nowrap}.kra-btn:hover{border-color:var(--blue-300);background:var(--blue-50);color:var(--blue-600)}.kra-btn-view,.kra-btn-add{border-color:var(--blue-200);background:var(--blue-50);color:var(--blue-600)}.kra-btn-approve{border-color:#22c55e4d;background:#22c55e14;color:#16a34a}.kra-btn-approve:hover{border-color:#22c55e;background:#22c55e1f}.kp-modal-approval{max-width:520px}.approval-kra-details{background:var(--blue-50);border:1.5px solid var(--blue-100);padding:16px;border-radius:var(--radius-md);margin-bottom:16px}.approval-kra-details h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px}.approval-kra-details p{font-size:13px;color:var(--muted);margin-bottom:10px;line-height:1.5}.approval-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--slate)}.approval-meta span{display:flex;align-items:center}.kp-modal-reject{background:var(--red-dim);border:1.5px solid rgba(239,68,68,.3);color:var(--red);font-weight:600}.kp-modal-reject:hover:not(:disabled){background:#ef44441f;border-color:var(--red)}.kp-modal-approve{background:#22c55e1a;border:1.5px solid rgba(34,197,94,.3);color:#16a34a;font-weight:600}.kp-modal-approve:hover:not(:disabled){background:#22c55e26;border-color:#22c55e}.kp-modal-backdrop{position:fixed;inset:0;background:#0d1b4b59;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayIn .22s ease both}.kp-modal{width:100%;max-width:520px;background:#fff;border:1px solid rgba(59,110,246,.09);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);animation:modalPop .32s cubic-bezier(.34,1.56,.64,1) both;max-height:90vh;overflow-y:auto;position:relative}.kp-modal::-webkit-scrollbar{width:4px}.kp-modal::-webkit-scrollbar-thumb{background:var(--divider);border-radius:4px}.kp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.kp-modal-title-row{display:flex;align-items:center;gap:14px}.kp-modal-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--blue-50);border:1px solid var(--blue-100)}.kp-modal-title{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--navy)}.kp-modal-subtitle{font-size:12px;color:var(--muted);margin-top:2px}.kp-modal-close{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface);border:1.5px solid var(--divider);color:var(--soft);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.kp-modal-close:hover:not(:disabled){border-color:var(--blue-200);color:var(--navy);transform:rotate(90deg)}.kp-modal-close:disabled{opacity:.6;cursor:not-allowed}.kp-modal-body{padding:24px 28px}.kp-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.kp-modal-label{font-size:11px;font-weight:600;color:var(--slate);letter-spacing:.1px;font-family:var(--font-display)}.kp-req{color:var(--red);font-weight:700}.kp-modal-input,.kp-modal-select,.kp-modal-textarea{width:100%;background:#fff;border:1.5px solid var(--divider);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-body);font-size:13.5px;color:var(--ink);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.kp-modal-input::placeholder,.kp-modal-textarea::placeholder{color:#c4c9d8}.kp-modal-input:focus,.kp-modal-select:focus,.kp-modal-textarea:focus{border-color:var(--blue-400);box-shadow:var(--shadow-inp)}.kp-modal-textarea{resize:vertical;min-height:80px;line-height:1.55}.kp-modal-select{cursor:pointer}.kp-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.kp-modal-field--grow{grid-column:1 / -1}.kp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px;background:#3b6ef605;border-top:1px solid var(--divider)}.kp-modal-cancel,.kp-modal-submit{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;border:1.5px solid var(--divider);background:#fff;color:var(--slate);transition:all .2s ease;white-space:nowrap}.kp-modal-cancel:hover:not(:disabled){border-color:var(--blue-300);background:var(--blue-50);color:var(--blue-600)}.kp-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.kp-modal-submit{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);border:1.5px solid rgba(59,110,246,.3);color:#fff;font-weight:700}.kp-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-btn)}.kp-modal-submit:disabled{opacity:.6;cursor:not-allowed}.kp-modal-error{background:var(--red-dim);border:1.5px solid rgba(239,68,68,.2);color:var(--red);padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;font-weight:500}.kp-loading,.kp-empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:13px}.kp-kpi-list{display:flex;flex-direction:column;gap:12px}.kp-kpi-card{background:var(--blue-50);border:1.5px solid var(--blue-100);padding:14px;border-radius:var(--radius-md)}.kp-kpi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kp-kpi-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--navy)}.kp-kpi-type-badge{display:inline-flex;align-items:center;padding:4px 9px;background:var(--blue-200);color:var(--blue-700);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kp-kpi-desc{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.4}.kp-kpi-meta{display:flex;flex-wrap:wrap;gap:6px}.kp-kpi-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 9px;background:#fff;border:1px solid var(--divider);border-radius:4px;color:var(--slate);font-weight:500}.kp-btn-spinner{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite}@media(max-width:520px){.kp-modal-row{grid-template-columns:1fr}.kp-modal-field--grow{grid-column:1}.kp-modal-body{padding:18px}.kp-modal-header{padding:18px 18px 0}.kp-modal-footer{padding:14px 18px;flex-direction:column}.kp-modal-cancel,.kp-modal-submit{width:100%;justify-content:center}}:root{--blue-50: #eff4ff;--blue-100: #dce7fd;--blue-200: #c1d3fc;--blue-400: #6695f8;--blue-500: #3b6ef6;--blue-600: #2355e0;--blue-700: #1a3fb5;--navy: #0d1b4b;--ink: #111827;--slate: #374151;--muted: #6b7280;--soft: #9ca3af;--divider: #e5e9f2;--surface: #ffffff;--white: #ffffff;--green: #16a34a;--green-bg: #dcfce7;--green-border: #bbf7d0;--red: #ef4444;--red-bg: #fef2f2;--red-border: #fecaca;--blue: #3b6ef6;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 0 0 1px rgba(59,110,246,.07), 0 8px 24px rgba(13,27,75,.07), 0 32px 64px rgba(13,27,75,.06);--shadow-btn: 0 4px 14px rgba(59,110,246,.35);--shadow-inp: 0 0 0 3px rgba(59,110,246,.12);--shadow-sm: 0 2px 8px rgba(13,27,75,.06);--shadow-md: 0 4px 16px rgba(13,27,75,.09);--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;outline:none}.admin-container{min-height:100vh;background:#f7f9ff;font-family:var(--font-body);color:var(--ink);padding:clamp(24px,4vw,48px);position:relative}.admin-container:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#c8d3ee 1px,transparent 1px);background-size:26px 26px;opacity:.45;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}.admin-header{position:relative;z-index:2;margin-bottom:40px;opacity:0;transform:translateY(-10px);animation:fadeInDown .6s ease forwards}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.admin-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px;width:fit-content}.admin-brand-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;font-weight:700;font-size:14px;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 12px #3b6ef64d}.admin-brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.2px;color:var(--navy)}.admin-header h1{font-family:var(--font-display);font-size:clamp(26px,4vw,38px);font-weight:800;color:var(--navy);letter-spacing:-1.2px;line-height:1.15;margin-bottom:8px}.admin-header h1 span{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header p{font-size:15px;font-weight:400;color:var(--muted);line-height:1.6}.admin-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;max-width:1400px}.admin-card{background:var(--white);border:1px solid rgba(59,110,246,.09);border-radius:var(--radius-xl);padding:clamp(28px,3.5vw,40px);box-shadow:var(--shadow-card);opacity:0;transform:translateY(20px);animation:fadeInUp .7s ease forwards;animation-delay:calc(var(--card-index, 0) * .1s);position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500) 0%,var(--blue-400) 50%,var(--blue-600) 100%)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.admin-card h2{font-family:var(--font-display);font-size:clamp(18px,2vw,22px);font-weight:700;color:var(--navy);letter-spacing:-.5px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--divider)}.admin-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{font-size:12px;font-weight:600;color:var(--slate);letter-spacing:.1px;font-family:var(--font-body)}.admin-form input,.admin-form select{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--divider);background:var(--white);font-family:var(--font-body);font-size:13.5px;font-weight:400;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}.admin-form input::placeholder{color:#c4c9d8;font-weight:400}.admin-form input:focus,.admin-form select:focus{border-color:var(--blue-400);background:var(--white);box-shadow:var(--shadow-inp)}.admin-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.admin-form select option{background:var(--white);color:var(--ink)}.admin-btn{width:100%;padding:13px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.2px;color:#fff;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;margin-top:4px}.admin-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.admin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b6ef673;filter:brightness(1.04)}.admin-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-btn)}.admin-btn:disabled{opacity:.65;cursor:not-allowed}.user-table-container{overflow-x:auto;margin-top:8px}.user-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-family:var(--font-body)}.user-table thead th{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);text-align:left;padding:12px 16px;background:#f7f9ff;border-bottom:1px solid var(--divider);white-space:nowrap}.user-table tbody tr{transition:background .15s ease;border-bottom:1px solid var(--divider)}.user-table tbody tr:hover{background:var(--blue-50)}.user-table tbody tr:last-child{border-bottom:none}.user-table tbody td{padding:14px 16px;color:var(--muted);font-weight:400;vertical-align:middle}.role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.role-badge.ADMIN{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-200)}.role-badge.HOD{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.role-badge.CEO{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.status-indicator{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-family:var(--font-body);color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--green);box-shadow:0 0 0 2px var(--green-bg);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px var(--green-bg)}50%{box-shadow:0 0 0 4px var(--green-border)}}.status-dot.inactive{background:var(--soft)}.empty-state{text-align:center;padding:52px 24px;color:var(--soft)}.empty-state-icon{font-size:36px;margin-bottom:12px;opacity:.35}.empty-state p{font-size:14px;font-weight:400;font-family:var(--font-body);color:var(--soft)}.assign-btn{padding:7px 14px;border-radius:var(--radius-sm);background:var(--blue-50);border:1.5px solid var(--blue-200);color:var(--blue-600);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.assign-btn:hover{background:var(--blue-100);border-color:var(--blue-400);color:var(--blue-700);transform:translateY(-1px);box-shadow:0 4px 12px #3b6ef62e}.assign-btn:active{transform:translateY(0);box-shadow:none}.assign-btn:disabled{opacity:.45;cursor:not-allowed}.assign-icon{font-size:12px;opacity:.9}.remove-btn{padding:6px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--red-border);background:var(--red-bg);color:var(--red);font-family:var(--font-display);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.04em}.remove-btn:hover:not(:disabled){background:#fee2e2;border-color:var(--red);transform:translateY(-1px);box-shadow:0 4px 10px #dc262624}.remove-btn:disabled{opacity:.4;cursor:not-allowed}.assign-overlay{position:fixed;inset:0;background:#0d1b4b59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayIn .2s ease both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.assign-modal{background:var(--white);border:1px solid rgba(59,110,246,.09);border-radius:var(--radius-xl);padding:36px 32px;width:100%;max-width:420px;box-shadow:var(--shadow-card);text-align:center;position:relative;overflow:hidden;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1) both}.assign-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500) 0%,var(--blue-400) 50%,var(--blue-600) 100%)}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.assign-modal-icon{font-size:36px;margin-bottom:14px}.assign-modal h3{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.6px;margin-bottom:8px}.assign-modal p{font-size:14px;font-weight:400;color:var(--muted);line-height:1.6;margin-bottom:22px}.assign-select{width:100%;background:var(--white);border:1.5px solid var(--divider);border-radius:var(--radius-sm);padding:11px 44px 11px 14px;font-family:var(--font-body);font-size:13.5px;color:var(--ink);outline:none;margin-bottom:24px;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.assign-select:focus{border-color:var(--blue-400);box-shadow:var(--shadow-inp)}.assign-select option{background:var(--white);color:var(--ink)}.assign-modal-actions{display:flex;gap:10px;justify-content:center}.assign-modal-cancel{padding:11px 24px;border-radius:var(--radius-sm);border:1.5px solid var(--divider);background:transparent;color:var(--muted);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.assign-modal-cancel:hover:not(:disabled){background:var(--blue-50);border-color:var(--blue-200);color:var(--navy)}.assign-modal-confirm{padding:11px 28px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;letter-spacing:.1px}.assign-modal-confirm:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.assign-modal-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b6ef673;filter:brightness(1.04)}.assign-modal-confirm:disabled{opacity:.45;cursor:not-allowed}.admin-toast{position:fixed;bottom:28px;right:28px;z-index:2000;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:600;box-shadow:var(--shadow-card);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) both}.admin-toast.success{background:var(--white);border:1px solid var(--green-border);color:var(--green)}.admin-toast.error{background:var(--white);border:1px solid var(--red-border);color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-container{padding:24px 20px}}@media(max-width:480px){.admin-card{padding:24px 18px;border-radius:var(--radius-lg)}.user-table{font-size:12px}.user-table thead th,.user-table tbody td{padding:11px 10px}.admin-form{gap:14px}.assign-modal{padding:28px 20px;border-radius:var(--radius-lg);margin:0 16px}.admin-toast{bottom:16px;right:16px;left:16px;font-size:12px}}.hrm-root{display:flex;min-height:100vh;background:#f0f4ff;font-family:DM Sans,Inter,sans-serif}.hrm-sidebar-strip{width:56px;background:#fff;border-right:1px solid #e0eaff;display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:20px;flex-shrink:0}.hrm-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2563eb4d}.hrm-strip-icon{font-size:18px;opacity:.5}.hrm-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.hrm-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#fff;border-bottom:1px solid #e8eeff}.hrm-breadcrumb{font-size:12px;color:#94a3b8;margin-bottom:2px;letter-spacing:.04em}.hrm-page-title{font-size:20px;font-weight:700;color:#0f172a;margin:0}.hrm-topbar-right{display:flex;align-items:center;gap:10px}.hrm-live-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#16a34a;padding:4px 10px;border-radius:20px;background:#f0fdf4;border:1px solid #bbf7d0}.hrm-live-dot{width:7px;height:7px;border-radius:50%;background:#16a34a}.hrm-count-badge{font-size:12px;font-weight:600;color:#2563eb;padding:4px 12px;border-radius:20px;background:#eff6ff;border:1px solid #bfdbfe}.hrm-btn-primary{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2563eb40;transition:opacity .15s}.hrm-btn-primary:hover{opacity:.9}.hrm-btn-danger{padding:8px 16px;border-radius:10px;border:1.5px solid #fecaca;background:#fff5f5;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.hrm-btn-danger:hover{background:#fee2e2}.hrm-scroll{flex:1;overflow-y:auto;padding:28px}.hrm-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:16px}.hrm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.hrm-card{background:#fff;border:1px solid #e8eeff;border-radius:14px;padding:18px;box-shadow:0 1px 4px #1e50c80f;transition:box-shadow .18s}.hrm-card:hover{box-shadow:0 4px 16px #1e50c81a}.hrm-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hrm-card-budget{font-size:12px;font-weight:600;color:#64748b}.hrm-card-actions{display:flex;gap:6px}.hrm-card-name{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:4px}.hrm-card-desc{font-size:12px;color:#64748b;line-height:1.5;margin-bottom:12px}.hrm-card-divider{height:1px;background:#e8eeff;margin:12px 0}.hrm-card-kra-btn{width:100%;padding:7px 0;border-radius:8px;border:1.5px solid #ede9fe;background:#1734f2;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.hrm-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;cursor:pointer;flex-shrink:0;padding:0;transition:opacity .15s;border:1.5px solid transparent}.hrm-icon-btn:hover{opacity:.8}.hrm-icon-btn--blue{background:#eff6ff;color:#3b82f6;border-color:#dbeafe}.hrm-icon-btn--green{background:#f0fdf4;color:#16a34a;border-color:#d1fae5}.hrm-icon-btn--purple{background:#f5f3ff;color:#7c3aed;border-color:#ede9fe}.hrm-icon-btn--red{background:#fff5f5;color:#dc2626;border-color:#fecaca}.hrm-empty{text-align:center;padding:64px 0;color:#94a3b8}.hrm-empty-icon{font-size:48px;margin-bottom:16px}.hrm-empty h3{font-size:18px;font-weight:700;color:#475569;margin-bottom:6px}.hrm-empty p{font-size:14px;margin-bottom:20px}.hrm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#64748b;gap:12px;font-size:14px}.hrm-spinner{width:28px;height:28px;border:3px solid #dbeafe;border-top-color:#3b82f6;border-radius:50%;animation:hrm-spin .7s linear infinite}@keyframes hrm-spin{to{transform:rotate(360deg)}}.hrm-backdrop{position:fixed;inset:0;background:#0f1e3c59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.hrm-backdrop--top{z-index:1200}.hrm-modal{background:#fff;border-radius:18px;width:100%;max-width:500px;box-shadow:0 24px 60px #1e50c829;border:1px solid #e0eaff;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.hrm-modal--wide{max-width:780px}.hrm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e8eeff;flex-shrink:0}.hrm-modal-title-row{display:flex;align-items:center;gap:10px}.hrm-modal-icon{font-size:20px}.hrm-modal-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.hrm-modal-close{width:30px;height:30px;border-radius:50%;border:1px solid #e0eaff;background:#f4f7ff;color:#94a3b8;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hrm-modal-close:hover{background:#dde6ff;color:#2563eb}.hrm-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.hrm-modal-body--table{padding:0;max-height:60vh}.hrm-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #e8eeff;flex-shrink:0;gap:10px}.hrm-modal-footer-count{font-size:12px;color:#94a3b8}.hrm-modal-footer-actions{display:flex;gap:8px}.hrm-btn-cancel{padding:9px 20px;border-radius:10px;border:1.5px solid #e0eaff;background:#f8faff;color:#4b6cb7;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.hrm-btn-cancel:hover{background:#e8eeff}.hrm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.hrm-btn-submit{padding:9px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #2563eb40;transition:opacity .15s}.hrm-btn-submit:hover{opacity:.9}.hrm-btn-submit:disabled{opacity:.5;cursor:not-allowed}.hrm-btn-delete-confirm{padding:9px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #dc262640}.hrm-btn-delete-confirm:disabled{background:#fca5a5;cursor:not-allowed}.hrm-field{margin-bottom:16px}.hrm-field-row{display:flex;gap:12px;margin-bottom:16px}.hrm-field-row .hrm-field{flex:1;margin-bottom:0}.hrm-field-row .hrm-field--grow{flex:2}.hrm-label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:6px;letter-spacing:.02em}.hrm-req{color:#ef4444;margin-left:2px}.hrm-input,.hrm-select,.hrm-textarea{width:100%;padding:9px 12px;border-radius:9px;border:1.5px solid #dbeafe;background:#f8faff;color:#0f172a;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.hrm-input:focus,.hrm-select:focus,.hrm-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:#fff}.hrm-textarea{resize:vertical;min-height:72px}.hrm-error{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;color:#dc2626;font-size:13px;margin-bottom:14px}.hrm-section{margin-top:16px;padding-top:16px;border-top:1px solid #e8eeff}.hrm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hrm-section-title{font-size:12px;font-weight:700;color:#475569;letter-spacing:.04em;text-transform:uppercase}.hrm-add-field-btn{font-size:12px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;cursor:pointer;transition:background .15s}.hrm-add-field-btn:hover{background:#dbeafe}.hrm-field-list{display:flex;flex-direction:column;gap:8px}.hrm-field-row-item{display:flex;align-items:center;gap:8px;background:#f8faff;border:1px solid #e8eeff;border-radius:8px;padding:8px 10px}.hrm-field-index{width:22px;height:22px;border-radius:50%;background:#dbeafe;color:#2563eb;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hrm-field-name{flex:2}.hrm-field-type{flex:1}.hrm-field-required{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b;cursor:pointer;white-space:nowrap}.hrm-remove-field-btn{width:24px;height:24px;border-radius:50%;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hrm-formula-section{margin-top:16px;padding-top:16px;border-top:1px solid #e8eeff}.hrm-chip-group{margin-bottom:10px}.hrm-chip-group-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:5px}.hrm-chips{display:flex;flex-wrap:wrap;gap:6px}.hrm-chip{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:opacity .15s}.hrm-chip:hover{opacity:.8}.hrm-chip--field{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.hrm-chip--op{background:#fef9ee;color:#92400e;border-color:#fde68a}.hrm-chip--fn{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.hrm-formula-hint{font-size:11px;color:#94a3b8;margin-top:5px}.hrm-weight-indicator{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:8px;background:#fffbeb;border:1px solid #fde68a;font-size:12px}.hrm-weight-indicator--full{background:#fff5f5;border-color:#fecaca}.hrm-weight-label{color:#92400e}.hrm-weight-value{font-weight:700;color:#b45309}.hrm-weight-sep{color:#d1d5db}.hrm-weight-left{font-weight:700;color:#16a34a}.hrm-weight-left--zero{color:#dc2626}.hrm-table{width:100%;border-collapse:collapse}.hrm-table thead tr{background:#f8faff;border-bottom:2px solid #e8eeff}.hrm-table th{padding:10px 14px;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.hrm-table th.center,.hrm-table th.right{text-align:center}.hrm-table th.left{text-align:left}.hrm-table tbody tr{border-bottom:1px solid #f0f4ff;transition:background .12s}.hrm-table tbody tr:hover{background:#f8faff}.hrm-table tbody tr:last-child{border-bottom:none}.hrm-table td{padding:12px 14px;vertical-align:middle}.hrm-table td.center{text-align:center}.hrm-table td.right{text-align:right}.hrm-row-index{font-size:12px;color:#cbd5e1;font-weight:600;text-align:center}.hrm-row-name{font-size:13px;font-weight:600;color:#0f172a}.hrm-row-desc{font-size:11px;color:#94a3b8;margin-top:2px;line-height:1.4}.hrm-weight-badge{display:inline-block;padding:3px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#b45309;font-size:12px;font-weight:700}.hrm-formula-code{display:inline-block;font-size:11px;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:5px;border:1px solid #bfdbfe;font-family:SFMono-Regular,Consolas,monospace}.hrm-formula-empty{font-size:11px;color:#cbd5e1}.hrm-input-count{font-size:12px;color:#94a3b8}.hrm-row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.hrm-view-kpis-btn{padding:4px 10px;border-radius:6px;border:1.5px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.hrm-view-kpis-btn:hover{background:#dbeafe}.hrm-delete-modal{max-width:400px;text-align:center}.hrm-delete-icon-ring{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#eff4ff,#dbeafe);border:2px solid #bfdbfe;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;font-size:28px}.hrm-delete-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:10px}.hrm-delete-subtitle{font-size:14px;color:#64748b;margin-bottom:8px}.hrm-delete-name-tag{display:inline-block;padding:6px 18px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;font-size:14px;font-weight:600;margin-bottom:14px}.hrm-delete-warning{font-size:12px;color:#94a3b8;margin-bottom:28px}.hrm-delete-actions{display:flex;gap:10px}.hrm-weight-bar-wrap{margin-top:14px}.hrm-weight-bar-track{height:6px;background:#e8eeff;border-radius:99px;overflow:hidden;margin-bottom:6px}.hrm-weight-bar-fill{height:100%;background:#3b82f6;border-radius:99px;transition:width .3s}.hrm-weight-bar-fill--exceeded{background:#ef4444}.hrm-weight-bar-label{font-size:12px;color:#94a3b8}.hrm-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:hrm-spin .7s linear infinite}.weightage-display,.weightage-edit-container{display:flex;align-items:center;justify-content:center;gap:8px}.kra-actions{display:flex;align-items:center;gap:4px}.edit-btn{background:none;border:none;cursor:pointer;padding:2px;font-size:14px}.hrm-weight-input{width:60px;padding:4px;text-align:center}.hrm-weight-badge{display:inline-flex;align-items:center;justify-content:center}