:root{--primary-color:#1d4ed8;--primary-hover:#1e40af;--secondary-color:#16a34a;--bg-color:#f8fafc;--card-bg:#fff;--text-dark:#0f172a;--text-light:#64748b;--border-color:#e2e8f0;--error-color:#ef4444;--success-color:#16a34a;--brand-primary:#1d4ed8;--brand-primary-hover:#1e40af;--brand-primary-light:#eff6ff;--brand-primary-border:#bfdbfe;--brand-primary-text:#1e40af;--brand-success:#16a34a;--brand-success-hover:#15803d;--brand-success-light:#f0fdf4;--brand-success-border:#bbf7d0;--brand-success-text:#166534}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-block{display:block!important}.d-none{display:none!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-start{justify-content:flex-start!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-5{gap:20px!important}@media print{body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important}.sidebar,.navbar,.main-navbar,.no-print,button,.modal-close-btn{display:none!important}.modal-overlay,.modal-overlay-custom{background:0 0!important;padding:0!important;display:block!important;position:static!important}.modal-card,.modal-card-custom{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important}}.access-denied-container{background:#f8fafc;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:32px 20px;display:flex}.access-denied-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:520px;padding:40px 32px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.denied-icon-badge{background:#fef2f2;border:2px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 20px;display:flex}.shield-icon{color:#dc2626}.denied-title{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:800}.denied-subtitle{color:#64748b;margin-bottom:24px;font-size:13.5px;line-height:1.5}.denied-info-box{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:28px;padding:16px 20px;display:flex}.info-row{justify-content:space-between;font-size:12.5px;display:flex}.info-k{color:#64748b;font-weight:500}.info-v{color:#1e293b;font-weight:600}.denied-actions{justify-content:center;display:flex}.btn-return-home{color:#fff;background:#0284c7;border-radius:8px;align-items:center;gap:8px;padding:11px 24px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #0284c733}.btn-return-home:hover{background:#0369a1;transform:translateY(-1px)}.module-upgrade-container{background:#f8fafc;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem 1rem;display:flex}.module-upgrade-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:580px;padding:2.5rem 2rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.module-upgrade-icon-badge{background:#eff6ff;border:2px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 1.25rem;display:flex}.upgrade-lock-icon{color:#2563eb}.upgrade-badge{color:#92400e;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-block}.upgrade-title{color:#0f172a;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.upgrade-subtitle{color:#64748b;margin:0 0 1.75rem;font-size:.95rem;line-height:1.5}.upgrade-info-box{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.upgrade-info-row{justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.875rem;display:flex}.upgrade-info-row:not(:last-child){border-bottom:1px dashed #e2e8f0}.upgrade-k{color:#64748b;font-weight:500}.upgrade-v{color:#1e293b}.upgrade-v.text-primary{color:#2563eb}.upgrade-v.text-warning{color:#d97706}.upgrade-v.text-success{color:#059669}.upgrade-contact-banner{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1.75rem;padding:1rem;display:flex}.sparkle-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.banner-text{color:#166534;flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.banner-text strong{color:#14532d;font-size:.9rem}.upgrade-actions{justify-content:center;display:flex}.btn-return-safe{color:#fff;background:#0f172a;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-return-safe:hover{color:#fff;background:#1e293b}.login-portal-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 45%,#2563eb 80%,#3b82f6 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:16px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative}.applicant-portal-top-corner{z-index:50;position:absolute;top:14px;right:20px}.applicant-top-corner-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d4ed8;background:#fffffff5;border:1px solid #fffc;border-radius:9999px;align-items:center;gap:7px;padding:8px 15px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #0f172a1f,0 1px 2px #0000000d}.applicant-top-corner-btn:hover{color:#1e3a8a;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a33}.applicant-top-corner-btn .corner-icon{color:#1d4ed8}.applicant-top-corner-btn .corner-arrow{font-size:.9rem;font-weight:700;line-height:1}.login-master-card{z-index:10;box-sizing:border-box;background:#fff;border-radius:22px;grid-template-columns:1.05fr 1fr;gap:18px;width:100%;max-width:900px;padding:16px 18px;display:grid;position:relative;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #fff3}.login-form-panel{flex-direction:column;justify-content:center;padding:4px 8px;display:flex}.login-brand-header{flex-direction:column;align-items:flex-start;margin-bottom:12px;display:flex}.brand-logo-wrap{align-items:center;margin-bottom:4px;display:flex}.brand-logo-img{object-fit:contain;max-width:160px;max-height:38px}.brand-logo-badge{align-items:center;display:inline-flex}.logo-text-we{align-items:flex-end;font-size:1.85rem;font-weight:800;line-height:1;display:flex}.logo-w{color:#1e293b;position:relative}.logo-w:before{content:"";z-index:1;background-color:#1d4ed8;width:4px;height:80%;position:absolute;top:10%;left:20%;transform:rotate(20deg)}.logo-e{color:#1e293b;margin-left:-4px;font-family:serif;font-style:italic}.brand-tagline-text{color:#64748b;letter-spacing:.3px;text-transform:uppercase;font-size:.68rem;font-weight:600}.login-intro-heading{margin-bottom:12px}.login-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 4px;font-size:1.55rem;font-weight:800;line-height:1.15}.login-subtitle{color:#64748b;margin:0;font-size:.8rem;line-height:1.35}.login-error-alert{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.8rem;font-weight:500;animation:.25s ease-out fadeInDown;display:flex}.error-icon{color:#dc2626;flex-shrink:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.portal-login-form{flex-direction:column;gap:10px;display:flex}.login-field-group{flex-direction:column;gap:4px;display:flex}.login-field-label{color:#334155;letter-spacing:-.01em;font-size:.8rem;font-weight:600}.login-select-container{width:100%;position:relative}.login-select-control{color:#0f172a;appearance:none;cursor:pointer;box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:15px;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:9px 36px 9px 13px;font-size:.88rem;transition:all .2s ease-in-out}.login-select-control:focus{background-color:#fff;border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed826}.login-input-container{align-items:center;width:100%;display:flex;position:relative}.login-input-control{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:9px 13px;font-size:.88rem;transition:all .2s ease-in-out}.login-input-control::placeholder{color:#94a3b8;font-weight:400}.login-input-control:focus{background-color:#fff;border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed826}.login-field-subtext{color:#64748b;margin-top:1px;font-size:.7rem;line-height:1.3}.password-input-container .password-control{padding-right:40px}.login-password-toggle-action{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.login-password-toggle-action:hover{color:#334155}.portal-signin-primary-btn{color:#fff;letter-spacing:-.01em;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:2px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #1d4ed859}.portal-signin-primary-btn:hover:not(:disabled){background-color:#1e40af;transform:translateY(-1px);box-shadow:0 6px 20px #1d4ed873}.portal-signin-primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1d4ed84d}.portal-signin-primary-btn:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}.portal-signin-primary-btn:disabled{opacity:.7;cursor:not-allowed}.btn-loading-state{align-items:center;gap:10px;display:flex}.login-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-test-accounts-section{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:10px}.quick-fill-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.68rem;font-weight:600;display:block}.quick-fill-pills-row{flex-wrap:wrap;gap:5px;display:flex}.quick-pill{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:600;transition:all .15s ease-in-out}.quick-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.finance-pill{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.finance-pill:hover{background:#dbeafe}.hr-pill{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.hr-pill:hover{background:#dcfce7}.marketing-pill{color:#b45309;background:#fffbeb;border-color:#fde68a}.marketing-pill:hover{background:#fef3c7}.employee-pill{color:#475569;background:#f8fafc;border-color:#e2e8f0}.employee-pill:hover{background:#f1f5f9}.testing-pill{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.testing-pill:hover{background:#f3e8ff}.customer-pill{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}.customer-pill:hover{background:#fce7f3}.admin-pill{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.admin-pill:hover{background:#fee2e2}.login-showcase-panel{height:100%;min-height:400px;display:flex}.showcase-inner-container{box-sizing:border-box;background:#0f172a;border-radius:18px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:400px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.showcase-fluid-canvas{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fluid-mesh-bg{filter:saturate(150%);background-color:#0000;background-image:radial-gradient(circle at 20% 30%,#1d4ed8 0%,#0000 48%),radial-gradient(circle at 80% 20%,#00f0ff 0%,#0000 42%),radial-gradient(circle at 50% 80%,#0284c7 0%,#0000 50%),radial-gradient(circle at 75% 70%,#4338ca 0%,#0000 45%),linear-gradient(135deg,#0b1329 0%,#172554 45%,#1d4ed8 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:150% 150%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:200%;height:200%;animation:14s ease-in-out infinite alternate meshGradientFlow;position:absolute;top:-50%;left:-50%}@keyframes meshGradientFlow{0%{filter:hue-rotate()saturate(150%);transform:translate(0,0)scale(1)}50%{filter:hue-rotate(18deg)saturate(170%);transform:translate(-4%,6%)scale(1.08)}to{filter:hue-rotate(-15deg)saturate(160%);transform:translate(5%,-4%)scale(1.02)}}.fluid-blob{filter:blur(42px);will-change:transform, border-radius, opacity;opacity:.9;border-radius:50%;position:absolute}.fluid-blob-1{background:radial-gradient(circle,#38bdf8 0%,#0284c7 50%,#0284c700 75%);width:300px;height:300px;animation:11s cubic-bezier(.4,0,.2,1) infinite alternate floatBlob1;top:-40px;right:-40px}@keyframes floatBlob1{0%{border-radius:45% 55% 60% 40%/50% 40% 60% 50%;transform:translate(0,0)rotate(0)scale(1)}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(-45px,65px)rotate(90deg)scale(1.22)}to{border-radius:50% 50% 40% 60%/40% 60% 50% 50%;transform:translate(-70px,25px)rotate(180deg)scale(.95)}}.fluid-blob-2{background:radial-gradient(circle,#3b82f6 0%,#1d4ed8 50%,#4338ca 75%,#4338ca00 85%);width:340px;height:340px;animation:13s cubic-bezier(.4,0,.2,1) infinite alternate floatBlob2;bottom:-60px;left:-50px}@keyframes floatBlob2{0%{border-radius:50%;transform:translate(0,0)scale(1)}50%{border-radius:40% 60% 55% 45%/55% 45% 60% 40%;transform:translate(70px,-50px)scale(1.28)rotate(45deg)}to{border-radius:60% 40% 45% 55%/45% 55% 40% 60%;transform:translate(35px,-95px)scale(1.1)rotate(90deg)}}.fluid-blob-3{opacity:.75;background:radial-gradient(circle,#60a5fa 0%,#00f0ff 60%,#00f0ff00 80%);width:240px;height:240px;animation:9s ease-in-out infinite alternate floatBlob3;top:35%;left:30%}@keyframes floatBlob3{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0,0)scale(.9)rotate(0)}50%{border-radius:35% 65% 60% 40%/50% 40% 60% 50%;transform:translate(-45px,-35px)scale(1.35)rotate(120deg)}to{border-radius:50% 50% 35% 65%/60% 40% 50% 50%;transform:translate(45px,45px)scale(1.05)rotate(240deg)}}.fluid-blob-4{opacity:.8;background:radial-gradient(circle,#4f46e5 0%,#1e40af 70%,#1e40af00 85%);width:220px;height:220px;animation:15s ease-in-out infinite alternate floatBlob4;top:20%;right:-30px}@keyframes floatBlob4{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-65px,85px)scale(1.3)}to{transform:translate(-35px,145px)scale(.9)}}.fluid-blob-5{opacity:.7;background:radial-gradient(circle,#06b6d4 0%,#2563eb 65%,#2563eb00 80%);width:200px;height:200px;animation:12s ease-in-out infinite alternate floatBlob5;bottom:20px;right:-20px}@keyframes floatBlob5{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-55px,-45px)scale(1.3)}to{transform:translate(-25px,-85px)scale(.9)}}.fluid-glass-shimmer{pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%,#0000002e 100%);position:absolute;inset:0}.showcase-bottom-section{z-index:5;flex-direction:column;gap:10px;width:100%;display:flex;position:relative}.showcase-pill-badges{flex-wrap:wrap;gap:8px;margin-bottom:2px;display:flex}.glass-pill-badge{-webkit-backdrop-filter:blur(16px)saturate(180%);color:#fff;letter-spacing:.15px;background:#ffffff2e;border:1px solid #ffffff59;border-radius:9999px;align-items:center;padding:5px 14px;font-size:.74rem;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #00000014}.showcase-card-wrapper{width:100%;position:relative}.showcase-quote-card{z-index:3;-webkit-backdrop-filter:blur(28px)saturate(180%);color:#fff;background:#ffffff26;border:1px solid #ffffff47;border-radius:18px;padding:18px 20px 16px;position:relative;overflow:hidden;box-shadow:0 16px 36px -8px #0f172a4d,inset 0 1px 1px #ffffff59}.showcase-quote-body{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #0003;margin:0 0 14px;font-size:.94rem;font-weight:500;line-height:1.48}.showcase-card-footer{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.showcase-author-details{flex-direction:column;gap:2px;display:flex}.author-name{color:#fff;letter-spacing:-.01em;font-size:.84rem;font-weight:700}.author-role{color:#fffc;font-size:.72rem;font-weight:400}.showcase-squircle-nav{flex-shrink:0;gap:8px;display:flex}.squircle-arrow-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #ffffffe6;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026}.squircle-arrow-btn:hover{color:#1d4ed8;background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #00000038}.squircle-arrow-btn:active{transform:translateY(0)}@media (width<=900px){.login-master-card{grid-template-columns:1fr;gap:0;max-width:480px;padding:24px 20px}.login-showcase-panel{display:none}.login-form-panel{padding:8px 4px}}@media (width<=640px){.login-portal-wrapper{padding:16px 12px}.applicant-portal-top-corner{top:12px;right:12px}.applicant-top-corner-btn{padding:7px 12px;font-size:.75rem}.login-master-card{border-radius:20px;padding:20px 16px}.login-title{font-size:1.5rem}}@media (height<=820px){.login-portal-wrapper{padding:10px 16px}.login-master-card{gap:16px;max-width:880px;padding:14px 16px}.login-brand-header{margin-bottom:8px}.brand-logo-img{max-height:34px}.login-intro-heading{margin-bottom:8px}.login-title{margin-bottom:2px;font-size:1.45rem}.login-subtitle{font-size:.76rem}.portal-login-form{gap:8px}.login-field-group{gap:2px}.login-select-control,.login-input-control{padding:7.5px 12px;font-size:.84rem}.portal-signin-primary-btn{padding:8.5px 14px;font-size:.86rem}.quick-test-accounts-section{margin-top:10px;padding-top:8px}.quick-pill{padding:3px 7px;font-size:.68rem}.login-showcase-panel,.showcase-inner-container{min-height:380px}.showcase-inner-container{padding:14px}.showcase-quote-card{padding:14px 16px}.showcase-quote-body{margin-bottom:12px;font-size:.88rem;line-height:1.42}.author-name{font-size:.8rem}.author-role{font-size:.68rem}.squircle-arrow-btn{border-radius:8px;width:30px;height:30px}}.dashboard-nav{background-color:var(--card-bg);z-index:100;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.nav-brand{align-items:center;gap:12px;display:flex}.logo-we{color:var(--secondary-color);letter-spacing:-1px;font-size:1.5rem;font-weight:800;position:relative}.logo-we:after{content:"";background-color:var(--primary-color);width:100%;height:3px;position:absolute;bottom:2px;left:0}.brand-text{color:var(--text-dark);font-size:1.1rem;font-weight:600}.nav-profile{align-items:center;gap:20px;display:flex}.user-info{color:var(--text-light);font-size:.9rem}.user-info strong{color:var(--text-dark)}.logout-btn{border:1px solid var(--border-color);color:var(--text-dark);background-color:#0000;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.logout-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.dashboard-main{padding-top:40px;padding-bottom:40px}.page-header{margin-bottom:30px}.page-header h1{color:var(--text-dark);margin-bottom:8px;font-size:2rem}.page-header p{color:var(--text-light);font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;display:grid}.dashboard-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:25px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #00000005}.dashboard-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px #0000000d}.dashboard-card h3{color:var(--text-dark);margin-bottom:12px;font-size:1.2rem}.dashboard-card p{color:var(--text-light);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.5}.card-footer{color:var(--primary-color);background-color:#2e7d321a;border-radius:4px;align-self:flex-start;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.customer-list-page{max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem}.cust-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #00000008}.cust-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.cust-page-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:700}.total-clients-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.cust-page-subtitle{color:#64748b;margin:0;font-size:.8125rem}.cust-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-toolbar-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-toolbar-outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.cust-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 1px 2px #00000005}.cust-search-wrapper{flex:1;min-width:300px;position:relative}.cust-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.cust-search-wrapper input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.45rem 2rem .45rem 2.25rem;font-size:.8125rem}.cust-search-wrapper input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed81f}.cust-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.cust-filter-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select-with-label{align-items:center;display:flex;position:relative}.select-with-label .control-icon{color:#64748b;pointer-events:none;position:absolute;left:.65rem}.select-with-label select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.45rem .85rem .45rem 2rem;font-size:.8125rem}.select-with-label select:focus{border-color:#1d4ed8;outline:none}.btn-refresh-queue{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:flex}.btn-refresh-queue:hover{color:#0f172a;background:#f1f5f9}.cust-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000008}.cust-data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.cust-data-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-weight:600}.cust-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.cust-data-table tr:hover{background:#f8fafc}.cust-code-link{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:3px;padding:.2rem .5rem;font-family:monospace;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.cust-code-link:hover{color:#1e40af;background:#dbeafe}.company-name-cell{flex-direction:column;gap:2px;display:flex}.company-title-link{color:#0f172a;font-size:.835rem;font-weight:700;text-decoration:none}.company-title-link:hover{color:#1d4ed8;text-decoration:underline}.company-category-tag{color:#64748b;align-items:center;gap:4px;font-size:.725rem;display:flex}.dot-sep{color:#cbd5e1}.contact-info-cell{flex-direction:column;gap:1px;display:flex}.contact-name-strong{color:#1e293b;font-weight:600}.contact-sub-text{color:#64748b;font-size:.725rem}.location-info-cell{color:#475569;align-items:center;gap:4px;font-size:.785rem;display:inline-flex}.loc-icon{color:#94a3b8}.tax-tags-cell{flex-direction:column;gap:3px;display:flex}.tax-pill{border-radius:4px;padding:.1rem .4rem;font-family:monospace;font-size:.7rem;font-weight:600;display:inline-block}.tax-pill.gstin{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.tax-pill.pan{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.tax-pill.unregistered{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1}.row-action-buttons{justify-content:flex-end;align-items:center;gap:5px;display:flex}.btn-tbl-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:3px;padding:.25rem .5rem;font-size:.725rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-tbl-action:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-tbl-action.hub{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-tbl-action.hub:hover{background:#dbeafe}.btn-tbl-action.block:hover{color:#b45309;background:#fffbeb;border-color:#fde68a}.btn-tbl-action.unblock:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.btn-tbl-action.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.cust-pagination-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.page-info-text{color:#64748b;font-size:.785rem}.page-controls{align-items:center;gap:8px;display:flex}.btn-page-nav{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:.35rem .75rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-page-nav:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.table-loading-container,.table-empty-container,.table-error-container{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:3.5rem 1.5rem;display:flex}.table-empty-container h3{color:#0f172a;margin:0;font-size:1.05rem}.form-layout{align-items:flex-start;gap:20px;display:flex}.form-sidebar{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:240px;padding:10px 0;position:sticky;top:80px;box-shadow:0 1px 3px #0000000a}.tab-menu{margin:0;padding:0;list-style:none}.tab-menu li{color:#64748b;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.tab-menu li:hover{color:#0f172a;background-color:#f8fafc}.tab-menu li.active{color:#1d4ed8;background-color:#eff6ff;border-left:3px solid #1d4ed8;font-weight:600}.form-content{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:24px 28px;box-shadow:0 1px 3px #0000000a}.form-section h2{color:#0f172a;border-bottom:1px solid #f1f5f9;margin-bottom:18px;padding-bottom:12px;font-size:1.15rem;font-weight:700}.section-title-with-btn{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:12px;display:flex}.section-title-with-btn h2{border-bottom:none;margin-bottom:3px;padding-bottom:0}.section-subtext{color:#64748b;margin:0;font-size:12.5px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.form-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#334155;letter-spacing:.01em;font-size:12.5px;font-weight:600}.req{color:#dc2626;font-weight:700}.form-group input,.form-group select,.form-group textarea,.form-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:13.5px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;color:#64748b;background-color:#f8fafc;border-color:#e2e8f0}.form-group input.input-error,.form-group select.input-error,.form-group textarea.input-error{background-color:#fffbfa;border-color:#ef4444}.field-error-text{color:#dc2626;margin-top:2px;font-size:11.5px;font-weight:500}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.contacts-cards-list{flex-direction:column;gap:14px;display:flex}.contact-person-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;transition:all .15s;box-shadow:0 1px 3px #00000005}.contact-person-card:hover{border-color:#cbd5e1;box-shadow:0 3px 8px -1px #0000000d}.is-primary-card{background:linear-gradient(#f0fdf4 0%,#fff 100%);border-color:#86efac}.contact-card-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.contact-avatar-badge{color:#1d4ed8;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.is-primary-card .contact-avatar-badge{color:#fff;background:#16a34a}.contact-name-meta{flex:1}.contact-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.contact-fullname{color:#0f172a;font-size:14.5px;font-weight:700}.primary-contact-pill{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.cc-contact-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.contact-job-title{color:#64748b;font-size:12.5px;font-weight:500}.contact-card-actions{align-items:center;gap:6px;display:flex}.action-link-btn{color:#1d4ed8;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:600;transition:all .15s}.action-link-btn:hover{background:#eff6ff;border-color:#93c5fd}.action-icon-sm{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.action-icon-sm:hover{color:#0f172a;background:#f8fafc}.action-icon-sm.text-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.contact-card-grid{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:8px;padding:10px 14px;display:grid}.contact-grid-item{flex-direction:column;gap:2px;display:flex}.contact-item-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.contact-item-val{color:#1e293b;word-break:break-all;font-size:12.5px;font-weight:500}.contact-address-preview{color:#64748b;align-items:center;gap:6px;margin-top:6px;padding-left:2px;font-size:12px;display:flex}.empty-contact-banner{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:36px 20px}.empty-contact-banner h4{color:#0f172a;margin:8px 0 4px;font-size:14.5px;font-weight:700}.empty-contact-banner p{color:#64748b;margin:0 0 14px;font-size:12.5px}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:580px;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-card.modal-lg{width:100%;max-width:680px;max-height:88vh}.contact-row-identity{grid-template-columns:110px 1fr 110px;gap:14px;display:grid}.checkbox-field-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;margin-bottom:4px;padding:10px 14px}.checkbox-label{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#16a34a;cursor:pointer;width:16px;height:16px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.modal-tab-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:4px;padding:0 20px;display:flex}.modal-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.modal-tab-btn:hover{color:#0f172a}.modal-tab-btn.active{color:#1d4ed8;background:#fff;border-bottom-color:#1d4ed8;font-weight:700}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-body-scroll{flex:1;max-height:calc(88vh - 145px);padding:18px 20px;overflow-y:auto}.modal-body-scroll::-webkit-scrollbar{width:6px}.modal-body-scroll::-webkit-scrollbar-track{background:#f8fafc}.modal-body-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-tab-pane{padding:2px 0}.modal-sub-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:14px}.copy-from-btn-sm{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.copy-from-btn-sm:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.publication-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.publication-box h4{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}.modal-footer{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}.mt-2{margin-top:8px}.mt-3{margin-top:12px}@media (width<=900px){.form-layout{flex-direction:column}.form-sidebar{width:100%;position:static}.contact-card-grid{grid-template-columns:1fr 1fr}.form-row-2,.form-row-3{grid-template-columns:1fr}}.auto-gen-badge{color:#1d4ed8;letter-spacing:.02em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.input-group-with-action{align-items:center;display:flex;position:relative}.auto-code-input{letter-spacing:.04em;cursor:default;color:#0f172a!important;background-color:#f8fafc!important;padding-right:44px!important;font-weight:600!important}.btn-refresh-code{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.btn-refresh-code:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.btn-refresh-code:disabled{opacity:.6;cursor:not-allowed}.field-subtext{color:#64748b;margin-top:4px;font-size:11.5px;display:block}.oem-network-container{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.oem-network-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.oem-header-left h3{color:#0f172a;align-items:center;gap:8px;margin:0 0 6px;font-size:1.15rem;font-weight:700;display:flex}.oem-header-left p{color:#64748b;margin:0;font-size:.875rem}.btn-establish-rel{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.btn-establish-rel:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 6px #2563eb40}.oem-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.oem-section-title-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.oem-section-title-bar h4{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.section-count-badge{color:#475569;background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.oem-empty-box{text-align:center;color:#94a3b8;padding:36px 20px}.oem-empty-box p{margin:8px 0 0;font-size:.875rem}.oem-rel-table{border-collapse:collapse;width:100%}.oem-rel-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:700}.oem-rel-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.875rem}.oem-rel-table tr:hover{background:#f8fafc}.rel-company-cell{flex-direction:column;display:flex}.rel-company-name{color:#0f172a;font-weight:600}.rel-company-code{color:#64748b;font-size:.75rem}.rel-status-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.rel-status-badge.active{color:#15803d;background:#dcfce7}.rel-status-badge.proposed,.rel-status-badge.pending_admin_approval{color:#b45309;background:#fef3c7}.rel-status-badge.suspended{color:#b91c1c;background:#fee2e2}.rel-status-badge.terminated{color:#64748b;background:#f1f5f9}.terms-summary-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:2px;padding:4px 8px;font-size:.75rem;display:inline-flex}.terms-spec-highlight{color:#2563eb;font-weight:600}.rel-action-buttons{align-items:center;gap:6px;display:flex}.btn-rel-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-rel-action:hover{background:#f1f5f9;border-color:#94a3b8}.btn-rel-action.primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn-rel-action.primary:hover{background:#1d4ed8}.btn-rel-action.danger{color:#dc2626;border-color:#fca5a5}.btn-rel-action.danger:hover{background:#fef2f2}.oem-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.oem-modal-card{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.oem-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.oem-modal-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.oem-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.oem-form-group{flex-direction:column;gap:6px;display:flex}.oem-form-group label{color:#334155;font-size:.8125rem;font-weight:600}.oem-form-group input,.oem-form-group select,.oem-form-group textarea{color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:.875rem;transition:border-color .2s}.oem-form-group input:focus,.oem-form-group select:focus,.oem-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.oem-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.oem-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.customer-hub-page{max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem}.customer-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #00000008}.header-top-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.back-breadcrumb-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.back-breadcrumb-btn:hover{color:#1d4ed8;background:#eff6ff}.header-actions-group{align-items:center;gap:8px;display:flex}.btn-action-primary{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:6px;align-items:center;gap:6px;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #1d4ed833}.btn-action-primary:disabled{opacity:.65;cursor:not-allowed}.btn-action-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-action-outline.btn-block:hover{color:#b45309;background:#fffbeb;border-color:#fde68a}.btn-action-outline.btn-unblock:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.btn-action-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-danger:hover{background:#fef2f2;border-color:#f87171}.customer-identity-row{align-items:center;gap:16px;display:flex}.company-avatar-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.company-title-block{flex-direction:column;gap:4px;display:flex}.title-badges-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customer-main-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.status-pill{border-radius:9999px;align-items:center;gap:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.pill-active{color:#16a34a;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill.pill-blocked{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.verified-promoted-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.meta-tags-list{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}.code-badge{color:#1d4ed8;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:.15rem .45rem;font-family:monospace;font-size:.775rem;font-weight:700;display:inline-flex}.meta-separator{color:#cbd5e1}.meta-item strong{color:#334155}.meta-item.location{align-items:center;gap:3px;display:inline-flex}.customer-hub-tabs-container{background:#fff;border:1px solid #e2e8f0;border-bottom-width:2px;border-radius:8px 8px 0 0;align-items:center;gap:4px;padding:6px 10px 0;display:flex;overflow-x:auto}.hub-tab-item{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:.65rem 1.1rem;font-size:.835rem;font-weight:600;transition:all .15s;display:inline-flex}.hub-tab-item:hover{color:#1d4ed8}.hub-tab-item.active{color:#1d4ed8;border-bottom-color:#1d4ed8;font-weight:700}.tab-count-tag{color:#475569;background:#f1f5f9;border-radius:9999px;margin-left:2px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.hub-tab-item.active .tab-count-tag{color:#1d4ed8;background:#eff6ff}.hub-tab-body{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #00000005}.sample-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.sample-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:1rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.sample-kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000a}.kpi-indigo{color:#4f46e5;background:#eef2ff}.kpi-meta{flex-direction:column;display:flex}.kpi-val{color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.2}.kpi-label{color:#64748b;letter-spacing:.02em;margin-top:2px;font-size:.675rem;font-weight:600}.samples-toolbar-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.samples-section-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.flex-align-gap{align-items:center;gap:8px;display:flex}.text-primary-blue{color:#1d4ed8}.samples-title{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.samples-counter-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.1rem .45rem;font-size:.725rem;font-weight:600}.status-pill-filter-bar{align-items:center;gap:6px;margin-bottom:.85rem;padding-bottom:2px;display:flex;overflow-x:auto}.status-filter-tab{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.status-filter-tab:hover{background:#f1f5f9}.status-filter-tab.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 2px #1d4ed833}.samples-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.samples-search-wrapper{flex:1;min-width:260px;position:relative}.search-icon-muted{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.samples-search-wrapper input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.4rem .65rem .4rem 2rem;font-size:.8125rem}.samples-search-wrapper input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed81f}.clear-btn-sm{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.samples-filter-actions{align-items:center;gap:8px;display:flex}.filter-select-sm{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.4rem .65rem;font-size:.8125rem}.filter-select-sm:focus{border-color:#1d4ed8;outline:none}.icon-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:flex}.icon-action-btn:hover{color:#0f172a;background:#f1f5f9}.samples-table-card,.users-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.hub-data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.hub-data-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .9rem;font-weight:600}.hub-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.65rem .9rem}.hub-data-table tr:hover{background:#f8fafc}.sample-id-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.15rem .45rem;font-family:monospace;font-size:.75rem;font-weight:700}.sample-name-cell{flex-direction:column;display:flex}.sample-name-bold{color:#0f172a;font-weight:600}.sample-matrix-sub{color:#64748b;font-size:.725rem}.date-cell{color:#64748b;align-items:center;gap:5px;font-size:.775rem;display:inline-flex}.progress-cell{align-items:center;gap:8px;display:flex}.progress-bar-bg{background:#e2e8f0;border-radius:9999px;width:90px;height:6px;overflow:hidden}.progress-bar-fill{background:#1d4ed8;border-radius:9999px;height:100%;transition:width .3s}.progress-percent{color:#64748b;min-width:28px;font-size:.725rem;font-weight:600}.status-badge-compact{border-radius:9999px;padding:.15rem .5rem;font-size:.725rem;font-weight:600;display:inline-block}.status-badge-compact.st-active,.status-badge-compact.st-testing{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-badge-compact.st-verified,.status-badge-compact.st-report-generated{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge-compact.st-awaiting-approval,.status-badge-compact.st-due{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.status-badge-compact.st-dispatched{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.row-actions-group{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-row-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:.25rem .55rem;font-size:.725rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-row-action.highlight{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-row-action.highlight:hover{background:#dbeafe}.section-header-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.section-title-clean{color:#0f172a;margin:0 0 2px;font-size:1rem;font-weight:700}.contacts-grid-layout{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.contact-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.85rem;padding:1rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.contact-card-modern:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000a}.contact-card-modern.primary-highlight{background:#fafcff;border-color:#bfdbfe}.contact-card-top{align-items:flex-start;gap:10px;display:flex}.contact-avatar-icon{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.primary-highlight .contact-avatar-icon{color:#1d4ed8;background:#eff6ff}.contact-header-info{flex:1}.contact-title-pills{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.contact-person-name{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.badge-primary-crown{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:3px;padding:.1rem .4rem;font-size:.675rem;font-weight:700;display:inline-flex}.badge-cc-samples{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:3px;padding:.1rem .4rem;font-size:.675rem;font-weight:600;display:inline-flex}.contact-designation-text{color:#64748b;font-size:.75rem}.contact-details-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;grid-template-columns:1fr;gap:6px;padding:.65rem .75rem;font-size:.785rem;display:grid}.contact-detail-row{align-items:center;gap:6px;display:flex}.contact-detail-row.full-col{align-items:flex-start}.detail-lbl{color:#64748b;align-items:center;gap:4px;min-width:90px;font-weight:600;display:inline-flex}.detail-val{color:#334155;word-break:break-all}.link-email{color:#1d4ed8;text-decoration:none}.link-email:hover{text-decoration:underline}.contact-card-footer{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.account-tag{border-radius:4px;align-items:center;gap:4px;padding:.15rem .45rem;font-size:.725rem;font-weight:600;display:inline-flex}.account-tag.active{color:#16a34a;background:#ecfdf5;border:1px solid #a7f3d0}.account-tag.inactive{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.btn-edit-contact-link{color:#1d4ed8;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:2px 4px;font-size:.75rem;font-weight:600;display:inline-flex}.btn-edit-contact-link:hover{text-decoration:underline}.user-create-card{background:#f8fafc;border:1.5px solid #bfdbfe;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 2px 4px #1d4ed80d}.user-create-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.user-create-header h4{color:#0f172a;margin:0;font-size:.925rem;font-weight:700}.close-btn-clean{color:#94a3b8;cursor:pointer;background:0 0;border:none}.close-btn-clean:hover{color:#0f172a}.form-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.user-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem;display:grid}.form-field-group{flex-direction:column;gap:4px;display:flex}.form-field-group.full-span{grid-column:1/-1}.form-field-group label{color:#475569;font-size:.75rem;font-weight:600}.form-input-custom,.form-select-custom{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.45rem .65rem;font-size:.8125rem}.form-input-custom:focus,.form-select-custom:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed81f}.input-with-icon-left,.input-with-icon-right{align-items:center;display:flex;position:relative}.input-with-icon-left .input-icon,.input-with-icon-right .input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.65rem}.form-input-custom.with-icon{padding-left:2rem}.form-input-custom.with-right-btn{padding-right:2rem}.pwd-header-flex{justify-content:space-between;align-items:center;display:flex}.btn-auto-pwd{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.btn-auto-pwd:hover{background:#dbeafe}.btn-eye-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:.5rem}.btn-eye-toggle:hover{color:#475569}.user-form-actions{justify-content:flex-end;gap:8px;display:flex}.user-holder-cell{align-items:center;gap:8px;display:flex}.user-avatar-circle{color:#1d4ed8;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.user-full-name{color:#0f172a;font-weight:600}.username-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.15rem .45rem;font-family:monospace;font-size:.75rem;font-weight:700}.btn-toggle-access{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.25rem .6rem;font-size:.725rem;font-weight:600;transition:all .15s}.btn-toggle-access.btn-disable{color:#dc2626;background:#fff;border-color:#fca5a5}.btn-toggle-access.btn-disable:hover{background:#fef2f2}.btn-toggle-access.btn-enable{color:#fff;background:#16a34a;border-color:#16a34a}.btn-toggle-access.btn-enable:hover{background:#15803d}.info-cards-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000005}.card-header-styled{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.card-header-styled h3{color:#0f172a;margin:0;font-size:.925rem;font-weight:700}.card-header-badge{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.15rem .45rem;font-size:.675rem;font-weight:700}.card-body-styled{padding:1.25rem}.info-pairs-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.info-pair-item{flex-direction:column;gap:2px;display:flex}.info-pair-item.full-col{grid-column:1/-1}.pair-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.725rem;font-weight:600}.pair-val{color:#1e293b;font-size:.835rem}.pair-val.code-val{color:#1d4ed8;font-family:monospace;font-weight:700}.pair-val.monospace{font-family:monospace}.pair-val.link-website{color:#1d4ed8;align-items:center;gap:3px;font-weight:600;text-decoration:none;display:inline-flex}.pair-val.link-website:hover{text-decoration:underline}.pair-val.highlight{color:#1d4ed8;font-weight:600}.pair-val.address-block{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;align-items:flex-start;gap:6px;padding:.5rem .65rem;line-height:1.4;display:flex}.address-icon{color:#64748b;flex-shrink:0;margin-top:2px}.tax-id-copy-row{align-items:center;gap:6px;display:flex}.btn-copy-sm{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;padding:.15rem .35rem;display:flex}.btn-copy-sm:hover{color:#0f172a;background:#e2e8f0}.text-green{color:#16a34a}.payment-terms-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;align-self:flex-start;padding:.15rem .5rem;font-size:.775rem;font-weight:600;display:inline-block}.credit-limit-val{color:#1d4ed8;font-size:.95rem;font-weight:700}.remarks-text{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;padding:.5rem .65rem;font-size:.8rem}.empty-state-card{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:3rem 1.5rem}.empty-state-card h4{color:#1e293b;margin:0 0 4px;font-size:.95rem;font-weight:700}.empty-state-card p{color:#64748b;max-width:400px;margin:0 auto;font-size:.8125rem}.table-loading-box,.table-empty-box{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:2.5rem 1rem;display:flex}.alert-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;padding:1rem 1.25rem;display:flex}@media (width<=900px){.info-cards-grid,.info-pairs-grid,.user-form-grid{grid-template-columns:1fr}}.portal-hub-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;transition:all .2s;overflow:hidden;box-shadow:0 4px 16px #0f172a0a,0 1px 3px #0f172a05}.portal-hub-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;display:flex}.portal-hub-title-block{align-items:flex-start;gap:1rem;max-width:680px;display:flex}.portal-badge-icon{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #2563eb1f}.portal-key-icon{color:#2563eb}.portal-title-content{flex-direction:column;gap:.35rem;display:flex}.portal-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.portal-hub-header .section-title-clean{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.portal-type-tag{text-transform:uppercase;letter-spacing:.06em;color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;padding:.18rem .55rem;font-size:.68rem;font-weight:700}.portal-hub-header .section-desc-clean{color:#64748b;margin:0;font-size:.835rem;line-height:1.45}.portal-btn-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn-portal-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.815rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-portal-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb40}.btn-portal-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59}.btn-portal-secondary{color:#334155;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}.btn-portal-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-portal-deactivate{color:#dc2626;background:#fff;border-color:#fecaca;box-shadow:0 1px 2px #0000000d}.btn-portal-deactivate:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.btn-portal-reactivate{color:#16a34a;background:#fff;border-color:#bbf7d0;box-shadow:0 1px 2px #0000000d}.btn-portal-reactivate:hover{color:#15803d;background:#f0fdf4;border-color:#86efac}.portal-summary-grid{background:#fff;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:1.5rem 1.75rem;display:grid}@media (width<=1200px){.portal-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portal-summary-grid{grid-template-columns:1fr}}.portal-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.15rem 1.25rem;transition:all .2s;display:flex;position:relative}.portal-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0d}.portal-stat-card.highlight-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#cbd5e1}.portal-stat-card-header{justify-content:space-between;align-items:center;display:flex}.portal-stat-card .stat-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.72rem;font-weight:700}.stat-corner-icon{color:#94a3b8}.portal-stat-card .stat-val-wrapper{align-items:center;min-height:36px;margin:.2rem 0;display:flex}.portal-stat-card .stat-sub{color:#64748b;font-size:.755rem;line-height:1.4}.portal-stat-card .stat-sub code{color:#475569;background:#f1f5f9;border-radius:4px;padding:.1rem .35rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.72rem}.badge-portal-status{border-radius:20px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.815rem;font-weight:700;display:inline-flex}.badge-portal-status.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-portal-status.inactive{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-portal-status.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-pulse-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-pulse-dot.active{background:#16a34a;box-shadow:0 0 0 2px #22c55e4d}.status-pulse-dot.inactive{background:#dc2626;box-shadow:0 0 0 2px #ef44444d}.login-id-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.35rem .65rem;display:flex}.stat-code-highlight{color:#1e40af;letter-spacing:.02em;font-family:JetBrains Mono,SF Mono,Consolas,Menlo,monospace;font-size:.885rem;font-weight:700}.btn-mini-copy{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-mini-copy:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-mini-copy.copied{color:#15803d;background:#f0fdf4;border-color:#86efac}.copied-text{font-size:.7rem;font-weight:700}.contact-person-wrapper{align-items:center;gap:.6rem;display:flex}.contact-avatar-sm{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.contact-text-meta .stat-text-val{color:#0f172a;font-size:.885rem;font-weight:700;display:block}.contact-email-sub{align-items:center;gap:.35rem;display:inline-flex;color:#2563eb!important}.badge-visibility{border-radius:6px;padding:.25rem .6rem;font-size:.775rem;font-weight:700}.badge-visibility.enabled{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-visibility.disabled{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.btn-toggle-switch{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-toggle-switch.switch-on{color:#fff;background:#16a34a;border-color:#15803d;box-shadow:0 1px 3px #16a34a4d}.btn-toggle-switch.switch-off{color:#fff;background:#94a3b8;border-color:#64748b}.switch-slider{background:#fff;border-radius:50%;width:8px;height:8px}.portal-meta-bar{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.85rem 1.75rem;font-size:.795rem;display:flex}.meta-bar-item{align-items:center;gap:.45rem;display:flex}.meta-bar-item strong{color:#1e293b}.meta-icon{color:#94a3b8}.meta-bar-divider{background:#cbd5e1;width:1px;height:14px}.badge-tenant{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:.15rem .5rem;font-size:.74rem;color:#15803d!important}.sample-detail-page{color:#0f172a;max-width:1440px;margin:0 auto;padding:8px 16px 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.back-nav-bar{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.back-nav-link{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000008}.back-nav-link:hover{color:#0284c7;background:#f8fafc;border-color:#cbd5e1}.back-nav-link.primary-customer{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.back-nav-link.primary-customer:hover{background:#e0f2fe}.sample-title-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.sample-id-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:4px 12px 4px 8px;display:inline-flex}.sample-id-icon-box{color:#0284c7;background:#e0f2fe;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sample-id-text{color:#0f172a;letter-spacing:-.02em;margin:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:1.4rem;font-weight:800}.status-state-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.state-received,.state-sample-intake{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.state-testing,.state-in-progress{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.state-results-entered,.state-to-be-verified,.state-awaiting-approval{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.state-verified{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.state-report-generated,.state-published,.state-dispatched{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.priority-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.priority-normal{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.priority-urgent,.priority-high{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.priority-low{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.badge-locked-pill{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-correction-pill{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.progress-inline-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:flex;box-shadow:0 1px 2px #00000005}.progress-track-sm{background:#e2e8f0;border-radius:10px;width:70px;height:7px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .3s}.fill-active{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 100%)}.fill-completed{background:linear-gradient(90deg,#059669 0%,#10b981 100%)}.progress-pct{color:#334155;font-size:11.5px;font-weight:700}.page-subtitle-modern{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.5;display:flex}.sub-meta-chip{color:#1e293b;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-weight:600}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-header-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-header-approve{color:#fff;background:#047857;border-color:#047857;box-shadow:0 1px 3px #04785733}.btn-header-approve:hover{background:#065f46;border-color:#065f46;box-shadow:0 2px 6px #0478574d}.btn-header-cert{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 1px 3px #0284c733}.btn-header-cert:hover{background:#0369a1;border-color:#0369a1}.btn-header-dispatch{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 1px 3px #4f46e533}.btn-header-dispatch:hover{background:#4338ca}.btn-header-print{color:#334155;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #00000008}.btn-header-print:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-header-unlock{color:#b45309;background:#fffbeb;border-color:#fde68a}.btn-header-unlock:hover{background:#fef3c7;border-color:#fcd34d}.btn-header-delete{color:#ef4444;background:#fff;border-color:#fecaca;padding:7px 10px}.btn-header-delete:hover{color:#dc2626;background:#fef2f2;border-color:#f87171}.lifecycle-tracker-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:20px 24px;box-shadow:0 2px 8px #0f172a0a}.tracker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tracker-title-group{align-items:center;gap:8px;display:flex}.tracker-title{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.tracker-metrics-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-pill{border-radius:6px;padding:3px 10px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11.5px;font-weight:600}.metric-total{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.metric-verified{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:700}.metric-approval{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.metric-pending{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.metric-retest{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.lifecycle-steps-track{justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:relative;overflow-x:auto}.lifecycle-step-item{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:110px;display:flex;position:relative}.step-circle{color:#94a3b8;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000d}.step-label{color:#64748b;white-space:nowrap;letter-spacing:-.01em;font-size:11.5px;font-weight:600}.step-connector-line{z-index:-1;background:#e2e8f0;border-radius:2px;width:100%;height:3px;position:absolute;top:18px;left:50%}.lifecycle-step-item.step-passed .step-circle{color:#fff;background:#047857;border-color:#047857;box-shadow:0 2px 6px #04785740}.lifecycle-step-item.step-passed .step-label{color:#047857;font-weight:700}.lifecycle-step-item.step-passed .step-connector-line{background:#047857}.lifecycle-step-item.step-current .step-circle{color:#fff;background:#0284c7;border-color:#e0f2fe;transform:scale(1.08);box-shadow:0 0 0 4px #0284c733,0 2px 6px #0284c74d}.lifecycle-step-item.step-current .step-label{color:#0284c7;font-weight:800}.lifecycle-step-item.step-future .step-circle{color:#cbd5e1;background:#f8fafc;border-color:#e2e8f0}.detail-subtabs-bar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.subtab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.subtab-btn:hover{color:#0f172a;background:#ffffff80}.subtab-btn.active{color:#0284c7;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.tests-action-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading-clean{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:800}.section-desc-clean{color:#64748b;margin:2px 0 0;font-size:12.5px}.test-parameters-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.table-custom-obs{border-collapse:collapse;width:100%;font-size:13px}.table-custom-obs th{color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.table-custom-obs td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.table-custom-obs tbody tr{transition:background .15s}.table-custom-obs tbody tr:hover{background:#f8fafc}.table-custom-obs tbody tr:last-child td{border-bottom:none}.tbl-actions-flex{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.tbl-btn-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.tbl-btn-verify{color:#fff;background:#047857;border-color:#047857;box-shadow:0 1px 2px #04785726}.tbl-btn-verify:hover:not(:disabled){background:#065f46;border-color:#065f46;transform:translateY(-1px);box-shadow:0 2px 5px #04785740}.tbl-btn-verify:disabled{opacity:.45;cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}.tbl-btn-enter{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.tbl-btn-enter:hover{color:#0284c7;background:#e0f2fe;border-color:#7dd3fc}.tbl-btn-retest{color:#b45309;background:#fffbeb;border-color:#fde68a}.tbl-btn-retest:hover{color:#92400e;background:#fef3c7;border-color:#fcd34d}.tbl-btn-correction{color:#475569;background:#f8fafc;border-color:#cbd5e1}.tbl-btn-correction:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.tbl-btn-reject{color:#dc2626;background:#fef2f2;border-color:#fecaca}.tbl-btn-reject:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.tbl-btn-history{color:#64748b;background:#fff;border-color:#e2e8f0;padding:5px 8px}.tbl-btn-history:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.obs-status-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.obs-pending{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.obs-entered{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.obs-submitted{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.obs-verified{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.obs-retest-requested,.obs-correction-required{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.obs-rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.conformity-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-conforms{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-non-conforming{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.badge-pending{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.badge-poc{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700}.poc-lab{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe}.poc-field{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}.empty-tests-card{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;margin:12px 0;padding:48px 24px;display:flex}.empty-icon-medallion{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #0284c714}.empty-title{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:800}.empty-subtitle{color:#64748b;max-width:440px;margin:0 0 20px;font-size:13px;line-height:1.5}.empty-cta-btn{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0284c7;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0284c733}.empty-cta-btn:hover{background:#0369a1;border-color:#0369a1;transform:translateY(-1px)}.detail-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=900px){.detail-cards-grid{grid-template-columns:1fr}}.detail-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.card-header-clean{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:14px 20px;display:flex}.card-title-clean{color:#1e293b;margin:0;font-size:13.5px;font-weight:800}.card-body-clean{padding:20px}.info-kv-grid{grid-template-columns:repeat(2,1fr);gap:18px 20px;display:grid}.info-kv{flex-direction:column;gap:3px;display:flex}.info-kv.full-span{grid-column:1/-1}.kv-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.kv-value{color:#0f172a;font-size:13.5px;font-weight:600;line-height:1.4}.grand-total-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:6px;padding:16px 20px;display:flex}.grand-total-label{color:#1e293b;font-size:13.5px;font-weight:700}.grand-total-value{color:#0284c7;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:20px;font-weight:800}.activity-timeline-card,.report-versions-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px;box-shadow:0 2px 8px #0f172a08}.activity-timeline-list{flex-direction:column;gap:18px;margin-top:14px;padding-left:22px;display:flex;position:relative}.activity-timeline-list:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.timeline-item-row{position:relative}.timeline-point{background:#0284c7;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-22px;box-shadow:0 0 0 2px #bae6fd}.timeline-content{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px 16px}.timeline-action-title{color:#0f172a;font-size:13px;font-weight:700}.timeline-time-text{color:#64748b;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11.5px}.timeline-user-tag{color:#94a3b8;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px}.modal-card-custom{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 20px 30px -5px #00000026}.modal-header-custom{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-custom{color:#0f172a;margin:0;font-size:15px;font-weight:800}.btn-close-custom{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-close-custom:hover{color:#0f172a;background:#e2e8f0}.modal-body-custom{padding:20px}.test-context-banner{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px}.form-label-custom{color:#334155;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.form-label-custom.required:after{content:" *";color:#ef4444}.form-control-custom{color:#0f172a;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:9px 12px;font-size:13.5px;transition:all .15s}.form-control-custom:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.conformity-chip{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.retest-reason-tag{color:#92400e;background:#fffbeb;border-left:3px solid #d97706;border-radius:0 4px 4px 0;padding:4px 8px;font-size:11.5px}.reject-reason-tag{color:#991b1b;background:#fef2f2;border-left:3px solid #dc2626;border-radius:0 4px 4px 0;padding:4px 8px;font-size:11.5px}.unlock-alert-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.report-not-ready-alert{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;display:flex}.btn-close-alert{color:#92400e;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-close-alert:hover{background:#fef3c7}.cert-preview-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background:#0f172abf}.cert-preview-modal-card{background:#f1f5f9;border-radius:14px;flex-direction:column;width:100%;max-width:980px;height:94vh;display:flex;overflow:hidden}.cert-preview-scroll-wrapper{background:#f8fafc;flex:1;justify-content:center;padding:24px;display:flex;overflow-y:auto}.cert-document-sheet{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-width:680px;max-width:880px;padding:36px 40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #0000000f}.cert-doc-header{border-bottom:2px solid #0284c7;margin-bottom:12px;padding-bottom:12px}.cert-brand-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.cert-logo-container{flex-shrink:0}.cert-logo-img{object-fit:contain;max-width:140px;max-height:56px}.cert-logo-fallback{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.cert-lab-details{flex:1}.cert-lab-title{color:#0f172a;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 2px;font-size:17px;font-weight:800}.cert-lab-sub{color:#334155;margin:0 0 2px;font-size:11.5px;line-height:1.3}.cert-lab-contact-line{color:#64748b;margin:0;font-size:11px;font-weight:500}.cert-header-main-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.cert-accred-box{text-align:right;border-left:1px solid #cbd5e1;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;padding-left:14px;display:flex}.cert-accred-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#0f172a;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800}.cert-accred-cert-no{color:#0369a1;margin-top:3px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10.5px;font-weight:700}.cert-title-banner{color:#fff;background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex}.cert-banner-text{letter-spacing:.04em;text-transform:uppercase;color:#f8fafc;margin:0;font-size:13px;font-weight:800}.cert-version-tag{color:#fff;background:#0284c7;border-radius:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:700}.cert-iso-badge{color:#38bdf8;letter-spacing:.05em;text-transform:uppercase;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800}.cert-meta-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px 18px;margin-bottom:14px;padding:12px 16px;display:grid}.cert-meta-column{flex-direction:column;gap:6px;display:flex}.cert-meta-row{align-items:baseline;font-size:12px;line-height:1.4;display:flex}.cm-label{color:#64748b;flex-shrink:0;width:115px;font-weight:600}.cm-value{color:#0f172a;word-break:break-word;flex:1}.cert-table-wrapper{margin-bottom:14px}.cert-section-title{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #0284c7;margin:0 0 6px;padding-bottom:4px;font-size:12px;font-weight:800}.cert-results-table{border-collapse:collapse;width:100%;font-size:12px}.cert-results-table th{color:#fff;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#1e293b;border:1px solid #334155;padding:7px 8px;font-size:11px;font-weight:700}.cert-results-table td{color:#1e293b;vertical-align:middle;border:1px solid #e2e8f0;padding:7px 8px}.cert-results-table tbody tr:nth-child(2n){background:#f8fafc}.cert-results-table tbody tr:hover{background:#f1f5f9}.conformity-chip{white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.conf-pass{color:#15803d;background:#dcfce7;border:1px solid #86efac}.conf-warning{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.conf-fail{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.cert-conclusion-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:10px 14px}.cert-statement-item strong{color:#0f172a;font-size:12px}.cert-statement-p{color:#334155;margin:3px 0 6px;font-size:12px;line-height:1.4}.cert-disclaimer-note{color:#64748b;border-top:1px dashed #cbd5e1;padding-top:5px;font-size:10px;font-style:italic;line-height:1.35}.cert-signatures-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;padding-top:10px;display:grid}.cert-sig-box{flex-direction:column;justify-content:flex-end;display:flex}.cert-sig-line{border-top:1.5px solid #0f172a;width:140px;margin-bottom:4px}.cert-sig-name{color:#0f172a;font-size:12px;font-weight:700}.cert-sig-role{color:#64748b;font-size:10.5px}.cert-lab-stamp{color:#0284c7;text-transform:uppercase;border:1.5px dashed #0284c7;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 4px;font-size:9px;font-weight:800;display:inline-flex}.cert-doc-footer-row{color:#64748b;border-top:1px solid #cbd5e1;margin-top:14px;padding-top:6px;font-family:ui-monospace,monospace;font-size:10.5px}.btn-header-download-pdf{color:#fff;background:#059669;border-color:#059669;box-shadow:0 1px 3px #05966933}.btn-header-download-pdf:hover{background:#047857;border-color:#047857}@media print{body *{visibility:hidden}#printable-certificate,#printable-certificate *,#printable-certificate-preview,#printable-certificate-preview *{visibility:visible}#printable-certificate,#printable-certificate-preview{width:100%;box-shadow:none;border:none;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.category-accordion-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;transition:all .2s;overflow:hidden;box-shadow:0 1px 4px #0f172a0a}.category-accordion-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.category-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.category-accordion-header:hover{background:#f1f5f9}.category-accordion-card.expanded .category-accordion-header{background:#fff;border-bottom-color:#e2e8f0}.category-header-title-box{align-items:center;gap:12px;display:flex}.category-toggle-icon{color:#475569;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:flex}.category-accordion-card.expanded .category-toggle-icon{transform:rotate(90deg)}.category-title-text{color:#0f172a;margin:0;font-size:15px;font-weight:700}.category-count-badge{color:#1d4ed8;background:#eff6ff;border-radius:6px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.category-progress-pill{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-category-enter-results{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #1d4ed840}.btn-category-enter-results:hover{background:#1e40af;border-color:#1e40af;transform:translateY(-1px)}.category-body-container{padding:0}.category-actions-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.btn-toggle-all-cats{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-toggle-all-cats:hover{color:#0f172a;background:#f8fafc}.sample-dashboard-page{max-width:1440px;margin:0 auto}.sample-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.breadcrumb-meta{color:#64748b;margin-bottom:4px;font-size:12px}.header-action-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sample-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px;display:grid}.analytics-kpi-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005}.analytics-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px -4px #00000014}.analytics-kpi-card.active-kpi{background-color:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c733,0 4px 12px #0284c714}.kpi-cyan{color:#0891b2;background:#ecfeff}.kpi-orange{color:#ea580c;background:#fff7ed}.kpi-count{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.1}.kpi-title{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600}.status-tabs-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:8px;display:flex;overflow-x:auto}.status-tabs-container::-webkit-scrollbar{height:5px}.status-tabs-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.status-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.status-tab-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.status-tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.tab-count-badge{background:#00000014;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.status-tab-btn.active .tab-count-badge{color:#fff;background:#ffffff40}.sample-toolbar-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.main-search-box{flex:1;min-width:300px;max-width:440px;position:relative}.main-search-box input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 34px;font-size:13px;transition:all .15s}.main-search-box input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.search-icon-muted{color:#94a3b8;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:12.5px}.btn-toggle-filters{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-toggle-filters.active{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.export-btn-group{align-items:center;gap:6px;display:flex}.btn-icon-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.btn-icon-refresh:hover{color:#0f172a;background:#f8fafc}.advanced-filter-drawer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:16px;animation:.2s ease-out fadeIn}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawer-header h4{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:13.5px;font-weight:700;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group input,.filter-group select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 10px;font-size:12.5px}.selection-action-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 16px;font-size:13px;display:flex}.selection-btn-group{align-items:center;gap:8px;display:flex}.btn-banner-action{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-banner-action.clear{color:#475569;background:#fff;border:1px solid #cbd5e1}.sample-table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto hidden;box-shadow:0 1px 3px #00000005}.sample-table-container::-webkit-scrollbar{height:8px}.sample-table-container::-webkit-scrollbar-track{background:#f1f5f9}.sample-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lims-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:1100px}.lims-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11.5px;font-weight:600}.lims-data-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.lims-data-table tr:hover td{background:#f8fafc}.lims-data-table tr.row-selected td{background:#f0fdf4}.sample-id-link-btn{color:#0f172a;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-family:monospace;font-size:13px;font-weight:700;transition:color .15s;display:inline-flex}.sample-id-link-btn:hover{color:var(--primary-color,#16a34a);text-decoration:underline}.cell-sub-tag{color:#64748b;margin-top:2px;font-family:inherit;font-size:10.5px;display:block}.sample-matrix-meta{flex-direction:column;gap:3px;display:flex}.sample-name-text{color:#0f172a;font-weight:600}.tag-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.matrix-type-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.condition-tag{color:#64748b;font-size:10.5px}.customer-cell{flex-direction:column;gap:2px;display:flex}.company-name-text{color:#1e293b;font-weight:600}.client-code-pill{color:#64748b;font-family:monospace;font-size:10.5px;font-weight:700}.contact-person-text{color:#475569;font-size:12.5px}.date-text{color:#64748b;font-size:12px}.priority-pill{text-transform:capitalize;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.priority-normal{color:#475569;background:#f1f5f9}.status-state-badge{text-transform:capitalize;cursor:pointer;border:none;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .15s;display:inline-block}.status-state-badge:hover{opacity:.85}.table-actions-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-action-sm{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-sm.view{color:#0f172a}.btn-action-sm.view:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-action-sm.edit{color:#2563eb}.btn-action-sm.edit:hover{background:#eff6ff;border-color:#93c5fd}.btn-action-sm.delete{color:#dc2626;padding:5px 8px}.btn-action-sm.delete:hover{background:#fee2e2;border-color:#fca5a5}.table-pagination-bar{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12.5px;display:flex}.pagination-buttons{align-items:center;gap:4px;display:flex}.btn-page{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s}.btn-page:hover:not(:disabled){color:#0f172a;background:#f8fafc}.btn-page.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:700}.btn-page:disabled{opacity:.4;cursor:not-allowed}.status-change-modal{width:100%;max-width:500px}.analysis-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.analysis-drawer-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:1180px;height:92vh;max-height:880px;animation:.2s cubic-bezier(.16,1,.3,1) scaleInDrawer;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes scaleInDrawer{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.analysis-drawer-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.drawer-header-icon-box{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.drawer-header-title{color:#0f172a;margin:0;font-size:17px;font-weight:800;line-height:1.2}.badge-row-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:11.5px;font-weight:700}.status-pill-subtle{text-transform:uppercase;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:700}.status-pill-subtle.preset-manual{color:#475569;background:#f1f5f9}.status-pill-subtle.preset-active{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.btn-drawer-close{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-drawer-close:hover{color:#0f172a;background:#f1f5f9}.drawer-toolbar-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex}.drawer-search-wrap{flex:1;max-width:520px;position:relative}.drawer-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.drawer-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:36px;padding:6px 32px 6px 34px;font-size:12.5px;transition:all .15s}.drawer-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.drawer-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.drawer-preset-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:36px;padding:4px 12px;font-size:12.5px;font-weight:600}.drawer-preset-select:focus{border-color:#0284c7}.drawer-filter-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 22px;display:flex}.segmented-tab-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:inline-flex}.segmented-tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.segmented-tab-btn:hover{color:#0f172a}.segmented-tab-btn.active{color:#0284c7;background:#fff;font-weight:750;box-shadow:0 1px 2px #00000014}.tab-count-pill{color:#334155;background:#e2e8f0;border-radius:10px;padding:1px 6px;font-size:10.5px;font-weight:700}.segmented-tab-btn.active .tab-count-pill{color:#0369a1;background:#e0f2fe}.btn-action-outline-xs{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-action-outline-xs:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.analysis-drawer-body{background:#fff;flex:1;grid-template-columns:1fr 340px;display:grid;overflow:hidden}.analysis-catalog-pane{border-right:1px solid #e2e8f0;padding:16px 20px;overflow-y:auto}.category-accordions-list{flex-direction:column;gap:12px;display:flex}.category-accordion-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .15s;overflow:hidden}.category-accordion-card:hover{border-color:#cbd5e1}.category-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.category-header-row:hover{background:#f1f5f9}.category-header-row.expanded{border-bottom-color:#e2e8f0}.expand-chevron{color:#64748b;align-items:center;display:flex}.category-title-text{color:#0f172a;font-size:13px;font-weight:750}.category-total-badge{color:#64748b;background:#e2e8f0;border-radius:10px;padding:2px 7px;font-size:11px}.category-selected-pill{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.btn-select-all-cat{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s}.btn-select-all-cat:hover{color:#0f172a;background:#f8fafc}.btn-select-all-cat.all-selected{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.category-services-grid{background:#fff;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;padding:10px 12px;display:grid}.service-item-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.service-item-card:hover{background:#f1f5f9;border-color:#cbd5e1}.service-item-card.selected{background:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 1px #0284c7}.service-checkbox-wrap{padding-top:2px}.service-check-input{cursor:pointer;accent-color:#0284c7;width:15px;height:15px}.service-details-wrap{flex:1;min-width:0}.service-title-text{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.3}.service-short-title{color:#64748b;font-size:11px}.service-price-badge{color:#0f172a;white-space:nowrap;font-size:12px;font-weight:800}.service-item-card.selected .service-price-badge{color:#0284c7}.service-meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.badge-keyword{color:#334155;background:#e2e8f0;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:700}.badge-poc{text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.badge-poc.poc-lab{color:#3730a3;background:#e0e7ff}.badge-poc.poc-field{color:#166534;background:#dcfce7}.service-method-text{color:#64748b;max-width:140px;font-size:10.5px}.selected-summary-pane{background:#f8fafc;flex-direction:column;display:flex;overflow:hidden}.selected-pane-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.selected-pane-title{color:#0f172a;font-size:13px;font-weight:750}.selected-count-badge{color:#fff;background:#0284c7;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:750}.btn-clear-selected{cursor:pointer;background:0 0;border:none;font-size:11.5px;font-weight:600}.btn-clear-selected:hover{text-decoration:underline}.selected-items-scroll-list{flex:1;padding:12px 14px;overflow-y:auto}.empty-selected-state{text-align:center;padding:30px 10px}.selected-group-section{flex-direction:column;gap:6px;display:flex}.selected-group-header{color:#0369a1;background:#e0f2fe;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;font-size:11.5px;font-weight:750;display:flex}.selected-group-header.field-header{color:#15803d;background:#dcfce7}.selected-item-row{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex;box-shadow:0 1px 2px #00000005}.selected-item-info{flex:1;min-width:0}.selected-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.selected-item-category{color:#64748b;font-size:10.5px;display:block}.selected-item-price{color:#0f172a;font-size:12px}.btn-remove-selected{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.btn-remove-selected:hover{color:#dc2626;background:#fee2e2}.drawer-financial-box{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.financial-calc-row{color:#475569;justify-content:space-between;font-size:11.5px;display:flex}.financial-total-row{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:13px;display:flex}.analysis-drawer-footer{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.footer-summary-badge{border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.footer-summary-badge.lab-badge{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.footer-summary-badge.field-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.bulk-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1060;background:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bulk-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.bulk-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.bulk-modal-body{padding:18px}.bulk-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.sample-att-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}.sample-att-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes slideUpModal{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sample-att-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sample-att-title-wrap{align-items:center;gap:12px;display:flex}.att-icon-badge{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sample-att-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.sample-id-tag{color:#38bdf8;background:#0f172a;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700}.sample-att-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.btn-close-att-modal{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-close-att-modal:hover{color:#0f172a;background:#e2e8f0}.sample-att-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.upload-tag-selector-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.att-input-label{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.att-tag-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:5px 10px;font-size:12px;font-weight:500}.att-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:24px 16px;transition:all .2s}.att-dropzone:hover,.att-dropzone.dragging{background:#f0f9ff;border-color:#0284c7}.dropzone-inner{flex-direction:column;align-items:center;gap:6px;display:flex}.dropzone-icon-box{background:#e0f2fe;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.dropzone-prompt{color:#334155;margin:0;font-size:13.5px}.dropzone-hint{color:#94a3b8;font-size:11px}.att-list-section{flex-direction:column;gap:10px;display:flex}.att-list-header{justify-content:space-between;align-items:center;display:flex}.att-list-title{color:#334155;font-size:13px;font-weight:700}.btn-clear-all-att{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.btn-clear-all-att:hover{text-decoration:underline}.att-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;padding:24px;display:flex}.att-empty-state p{color:#64748b;margin:0;font-size:13px;font-weight:600}.att-empty-state span{color:#94a3b8;margin-top:4px;font-size:11.5px}.att-files-grid{flex-direction:column;gap:8px;display:flex}.att-file-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .15s;display:flex}.att-file-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.att-file-preview-wrap{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.att-img-thumb{cursor:pointer;background-position:50%;background-size:cover;width:100%;height:100%;position:relative}.img-hover-hint{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.att-img-thumb:hover .img-hover-hint{opacity:1}.att-doc-thumb{justify-content:center;align-items:center;display:flex}.att-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.att-file-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.att-file-meta{align-items:center;gap:8px;display:flex}.att-file-size{color:#64748b;font-size:11px}.att-item-tag-select{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:1px 6px;font-size:10.5px;font-weight:600}.att-file-actions{align-items:center;gap:6px;display:flex}.btn-att-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;transition:all .15s;display:flex}.btn-att-action:hover{color:#0f172a;background:#f1f5f9}.btn-att-delete:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.sample-att-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.att-footer-actions{align-items:center;gap:10px;display:flex}.att-lightbox-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.att-lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-img{border-radius:8px;max-width:100%;max-height:85vh;box-shadow:0 10px 30px #00000080}.btn-close-lightbox{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:-40px;right:0}.btn-close-lightbox:hover{background:#fff6}.job-card-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;background-color:#0f172abf;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.job-card-modal-container{flex-direction:column;gap:12px;width:98%;max-width:1180px;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex}@keyframes modalScaleUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.job-card-control-bar{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex;box-shadow:0 12px 36px #0006}.control-bar-left{align-items:center;gap:12px;display:flex}.success-icon-badge{background:#10b98126;border:1px solid #10b9814d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.control-title{color:#f8fafc;margin:0;font-size:14px;font-weight:700}.control-subtitle{color:#94a3b8;margin:1px 0 0;font-size:11.5px}.control-bar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.job-card-mode-toggle{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.btn-mode-pill{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-mode-pill:hover{color:#fff;background:#ffffff1a}.btn-mode-pill.active{color:#0f172a;background:#38bdf8;box-shadow:0 2px 6px #38bdf859}.mode-count-badge{color:inherit;background:#0f172a33;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:800}.btn-print-job-card{box-shadow:0 2px 8px #0284c766;color:#fff!important;background:#0284c7!important;border:none!important;font-weight:700!important}.btn-print-job-card:hover{background:#0369a1!important}.btn-close-control-bar{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-close-control-bar:hover{color:#fff;background:#fff3}.job-card-document-sheet{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:14px 18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.35;box-shadow:0 20px 50px #0003}.sample-separate-sheet{background:#fff;position:relative}.sample-separate-sheet+.sample-separate-sheet{border-top:2px dashed #cbd5e1;margin-top:20px;padding-top:18px}.sheet-header-compact{justify-content:space-between;align-items:center;gap:14px;display:flex}.sheet-logo-section-compact{flex:1;align-items:center;gap:10px;display:flex}.lab-logo-wrapper-compact{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;max-width:130px;max-height:48px;padding:2px 5px;display:flex}.lab-logo-img-compact{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:42px;display:block}.lab-logo-box-compact{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;flex-direction:column;flex-shrink:0;align-items:center;padding:3px 6px;display:flex}.lab-brand-name-compact{letter-spacing:1px;color:#16a34a;font-size:8.5px;font-weight:900}.lab-main-title-compact{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:13px;font-weight:800}.lab-subtitle-compact{color:#334155;margin:1px 0 0;font-size:9.5px;font-weight:600}.lab-contact-compact{color:#64748b;margin:1px 0 0;font-size:9px}.sheet-job-meta-box-compact{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;min-width:250px;padding:4px 10px}.job-meta-header-compact{color:#0284c7;letter-spacing:.3px;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:3px;padding-bottom:2px;font-size:9.5px;font-weight:800;display:flex}.btn-print-sample-chip{color:#0369a1;cursor:pointer;background:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:8.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-print-sample-chip:hover{color:#fff;background:#0284c7;border-color:#0284c7}.job-meta-grid-compact{grid-template-columns:1fr 1fr;gap:1px 6px;font-size:9.5px;display:grid}.meta-compact-item{justify-content:space-between;align-items:center;gap:4px;display:flex}.meta-compact-item.full-w{border-top:1px dashed #e2e8f0;grid-column:span 2;margin-top:1px;padding-top:1px}.meta-compact-k{color:#64748b;font-size:9px;font-weight:500}.meta-compact-v{color:#0f172a;font-size:9.5px}.sheet-divider-compact{background:#e2e8f0;height:1px;margin:8px 0}.sheet-section-grid-compact{grid-template-columns:1.15fr 1fr;gap:8px;margin-bottom:10px;display:grid}.sheet-info-box-compact{background:#fff;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.sheet-box-title-compact{color:#334155;background:#f1f5f9;border-bottom:1px solid #cbd5e1;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:700;display:flex}.sheet-info-content-compact{flex-direction:column;gap:1.5px;padding:5px 8px;font-size:10px;display:flex}.sheet-info-content-compact.row-layout{grid-template-columns:1.2fr .8fr 1fr 1fr;gap:6px;display:grid}.info-line-compact{gap:4px;line-height:1.25;display:flex}.info-k-compact{color:#64748b;flex-shrink:0;min-width:95px;font-size:9.5px;font-weight:500}.info-v-compact{color:#0f172a;word-break:break-word;font-size:10px}.sheet-table-section-compact{margin-bottom:12px}.sheet-section-heading-compact{color:#0f172a;align-items:center;gap:5px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.heading-subnote-compact{color:#64748b;margin-left:6px;font-size:10.5px;font-weight:400}.analyses-group-container-compact{margin-bottom:12px}.group-label-lab-compact{color:#1d4ed8;margin-bottom:4px;font-size:11px;font-weight:700}.group-label-field-compact{color:#c2410c;margin-bottom:4px;font-size:11px;font-weight:700}.job-card-test-table{border-collapse:collapse;background:#fff;border:1px solid #cbd5e1;width:100%;font-size:11.5px}.job-card-test-table thead{display:table-header-group}.job-card-test-table tr{page-break-inside:avoid;break-inside:avoid}.job-card-test-table th{text-transform:uppercase;letter-spacing:.4px;text-align:left;font-size:10px;font-weight:700;color:#1e293b!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;padding:7px 10px!important}.job-card-test-table td{vertical-align:middle;line-height:1.35;border:1px solid #e2e8f0!important;padding:6.5px 10px!important}.job-card-test-table tbody tr:nth-child(2n){background:#f8fafc}.test-chk-cell{color:#94a3b8;font-size:14px}.test-num-cell{font-size:11px}.test-name-cell{word-break:break-word;font-size:12px}.test-method-cell{word-break:break-word;font-size:11px}.test-limit-cell{word-break:break-word;color:#0369a1;font-size:11px;font-weight:600}.test-unit-cell{font-size:11px}.test-obs-cell{padding:4px 8px!important}.obs-reading-box{color:#0f172a;background:#f8fafcb3;border-bottom:1.5px solid #64748b;border-radius:2px 2px 0 0;justify-content:center;align-items:center;min-height:22px;padding:0 6px;font-size:11px;display:flex}.obs-line-placeholder{width:100%;height:1px;display:block}.sheet-attachments-strip-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:6px;margin-top:4px;margin-bottom:6px;padding:3px 6px;font-size:9px;display:flex}.sheet-footer-note-compact{color:#64748b;text-align:center;page-break-inside:avoid;break-inside:avoid;border-top:1px dashed #cbd5e1;margin-top:6px;padding-top:4px;font-size:8.5px}.combined-sample-card{page-break-inside:avoid;break-inside:avoid;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.combined-sample-header-bar{background:#f8fafc;border-bottom:1px solid #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.sample-header-left-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sample-header-right-badges{align-items:center;gap:6px;display:flex}.badge-sample-num{color:#fff;background:#0f172a;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:800}.badge-sample-id{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:3px;padding:1px 5px;font-size:10.5px;font-weight:700}.sample-title-highlight{color:#0f172a;font-size:11px}.badge-sample-matrix{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.badge-sample-spec{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:3px;padding:1px 5px;font-size:9px}.badge-sample-priority{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.combined-sample-body{padding:0}.sheet-financial-summary{page-break-inside:avoid;break-inside:avoid;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:10px;padding:5px 10px}.fin-summary-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;display:flex}.fin-box-item{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px}.fin-box-item strong{color:#0f172a}.highlight-grand{background:#f0fdf4;border-color:#86efac}.highlight-grand strong{color:#15803d;font-size:11.5px}@media print{@page{size:A4 portrait;margin:6mm 8mm}html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,.sidebar,.main-navbar,.booking-page-header,.job-card-control-bar,button{display:none!important}.job-card-modal-overlay{background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.job-card-modal-container{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;animation:none!important}#printable-job-card,.job-card-document-sheet{visibility:visible!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}#printable-job-card *,.job-card-document-sheet *{visibility:visible!important}.sample-separate-sheet{page-break-before:always;break-before:page;border-top:none!important;margin-top:0!important;padding-top:2mm!important}.sample-separate-sheet:first-child{page-break-before:auto!important;break-before:auto!important;padding-top:0!important}.sheet-header-compact,.sheet-section-grid-compact,.sheet-financial-summary,.sheet-footer-note-compact,.combined-sample-card{page-break-inside:avoid;break-inside:avoid}.job-card-test-table thead{display:table-header-group!important}.job-card-test-table tr{page-break-inside:avoid!important;break-inside:avoid!important}.job-card-test-table th{color:#000!important;background-color:#f1f5f9!important}}.spec-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out specModalFadeIn;display:flex;position:fixed;inset:0}@keyframes specModalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.spec-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:820px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #00000014}.spec-modal-title-box{align-items:center;gap:12px;display:flex}.spec-icon-badge{color:#4338ca;background:#e0e7ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.spec-modal-title-box h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.spec-modal-title-box p{color:#64748b;margin:2px 0 0;font-size:12px}.spec-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.spec-modal-close:hover{color:#0f172a;background:#e2e8f0}.spec-modal-toolbar{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.spec-search-wrap{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.spec-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.btn-spec-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;right:10px}.btn-filter-type{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-filter-type.active{color:#3730a3;background:#e0e7ff;border-color:#c7d2fe}.btn-filter-type:hover{background:#e2e8f0}.spec-filter-info-bar{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:6px 20px;font-size:11.5px;display:flex}.spec-table-scroll-container{flex:1;max-height:420px;padding:0;overflow-y:auto}.spec-modal-loading,.spec-modal-empty{text-align:center;color:#64748b;padding:48px 24px}.spec-select-table{border-collapse:collapse;width:100%;font-size:12.5px}.spec-select-table thead th{color:#475569;text-align:left;z-index:10;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:10px 16px;font-weight:600;position:sticky;top:0}.spec-table-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .12s}.spec-table-row td{vertical-align:middle;padding:10px 16px}.spec-name-cell{align-items:flex-start;gap:10px;display:flex}.spec-row-icon{color:#4f46e5;flex-shrink:0;margin-top:2px}.spec-name-title{color:#0f172a;font-weight:600}.spec-desc-subtitle{color:#64748b;margin:2px 0 0;font-size:11px}.spec-sample-type-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.spec-dynamic-pill{color:#64748b;font-family:monospace;font-size:11.5px}.btn-spec-select{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s}.btn-spec-select:hover{background:#4338ca}.btn-spec-select.selected{background:#10b981}.spec-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.btn-clear-spec-selection{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;font-weight:600;text-decoration:underline}.btn-clear-spec-selection:hover{color:#b91c1c}.sample-booking-container{color:#1e293b;background-color:#f8fafc;min-height:100vh;padding:24px 32px 100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.booking-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.btn-back-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.title-badge-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.booking-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.unified-badge{letter-spacing:-.01em;border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.unified-badge.badge-mode.badge-single{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.unified-badge.badge-mode.badge-bulk{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.unified-badge.badge-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.unified-badge.badge-tax{color:#475569;background:#f8fafc;border-color:#cbd5e1}.mode-dot{border-radius:50%;width:7px;height:7px}.mode-dot.single{background-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}.mode-dot.bulk{background-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.booking-subtitle{color:#64748b;margin:6px 0 0;font-size:13.5px}.booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.booking-card:hover{box-shadow:0 4px 12px #0000000a}.card-header-bar{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header-title-box{align-items:center;gap:10px;display:flex}.header-icon-circle{color:#1d4ed8;background-color:#eff6ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-icon-circle.grid-icon{color:#1d4ed8;background-color:#eff6ff}.header-icon-circle.witness-icon{color:#16a34a;background-color:#f0fdf4}.header-icon-circle.fin-icon{color:#0284c7;background-color:#f0f9ff}.section-title{color:#0f172a;margin:0;font-size:14px;font-weight:700;line-height:1.2}.section-desc{color:#64748b;margin:1px 0 0;font-size:11.5px;line-height:1.3}.card-content-body{padding:16px 20px}.batch-config-compact-grid{grid-template-columns:2.2fr 1.2fr 1.3fr 1.3fr 1.2fr;align-items:flex-start;gap:14px;display:grid}@media (width<=1300px){.batch-config-compact-grid{grid-template-columns:repeat(3,1fr)}.client-field-group{grid-column:span 2}}@media (width<=800px){.batch-config-compact-grid{grid-template-columns:1fr}.client-field-group{grid-column:span 1}}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.form-field-group{flex-direction:column;display:flex}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.field-label{color:#334155;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.label-with-action{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.format-badge{color:#475569;background:#f1f5f9;border-radius:4px;margin-left:6px;padding:1px 5px;font-family:monospace;font-size:10px;font-weight:700}.btn-text-action{color:#1d4ed8;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.btn-text-action:hover{text-decoration:underline}.booking-input,.booking-select{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:38px;padding:0 10px;font-size:13px;transition:all .15s}.booking-input:focus,.booking-select:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed826}.input-group-batch{display:flex;position:relative}.input-group-batch .booking-input{padding-left:30px}.input-prefix-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.batch-highlight-input{letter-spacing:.5px;color:#0369a1;background-color:#f8fafc;border-color:#bae6fd;padding-left:32px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-weight:600}.batch-highlight-input:focus{background-color:#fff}.field-hint{color:#64748b;margin-top:3px;font-size:11px;line-height:1.25}.field-hint code{color:#0284c7;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:10.5px}.field-hint-code{color:#1d4ed8;margin-top:3px;font-size:11px}.returnable-group{justify-content:flex-start}.segmented-returnable-control{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;gap:2px;width:100%;padding:2px;display:inline-flex}.segmented-return-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.segmented-return-btn:hover{color:#1e293b}.segmented-return-btn.active.returnable{color:#15803d;background:#fff;border:1px solid #bbf7d0;font-weight:700;box-shadow:0 1px 3px #00000014}.segmented-return-btn.active.non-returnable{color:#dc2626;background:#fff;border:1px solid #fecaca;font-weight:700;box-shadow:0 1px 3px #00000014}.witness-section-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.witness-header{border-bottom:1px solid #e2e8f0;margin-bottom:10px;padding-bottom:8px}.witness-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=1200px){.witness-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.witness-grid-4{grid-template-columns:1fr}}.witness-field{flex-direction:column;display:flex}.witness-field-label{color:#475569;align-items:center;gap:5px;margin-bottom:4px;font-size:11.5px;font-weight:600;display:flex}.section-title-wrap{flex-direction:column;gap:2px;display:flex}.batch-financial-overview-card{margin-top:18px;color:#f8fafc!important;background:linear-gradient(135deg,#0b1329 0%,#0f172a 100%)!important;border:1px solid #1e293b!important;border-radius:12px!important;padding:18px 22px!important;box-shadow:0 4px 16px #00000026!important}.batch-financial-card-header{color:#f8fafc;flex-wrap:wrap;gap:12px;background:0 0!important;border-bottom:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important;padding:0 0 12px!important;display:flex!important}.tax-regime-pill{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:11px}.financial-metrics-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=1400px){.financial-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.financial-metrics-grid{grid-template-columns:repeat(2,1fr)}}.fin-metric-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.fin-metric-item:hover{background:#ffffff12;border-color:#38bdf866}.fin-metric-item .fin-label{color:#94a3b8;font-size:11px;font-weight:500}.fin-metric-item .fin-value{color:#f1f5f9;font-size:14.5px;font-weight:700}.fin-metric-item.grand-total-metric{background:#10b9811a;border:1.5px solid #10b98166}.fin-metric-item.grand-total-metric .fin-label{color:#a7f3d0;font-weight:600}.fin-metric-item.grand-total-metric .fin-value{font-size:16px;color:#34d399!important}.sample-attachments-cell{padding:8px 6px!important}.btn-row-attachment-badge{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-row-attachment-badge.empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1}.btn-row-attachment-badge.empty:hover{color:#1d4ed8;background:#f0f9ff;border-color:#1d4ed8}.btn-row-attachment-badge.has-files{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd;box-shadow:0 1px 3px #2563eb1a}.btn-row-attachment-badge.has-files:hover{color:#1e40af;background:#dbeafe;border-color:#60a5fa}.records-grid-card{padding:0}.grid-header-toolbar{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.toolbar-generator-section{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.exact-number-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:4px 6px 4px 10px;display:flex}.exact-box-label{color:#334155;font-size:12px;font-weight:700}.number-input-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding:0 6px;display:flex;position:relative}.exact-number-input{color:#0f172a;text-align:center;background:0 0;border:none;outline:none;width:54px;height:30px;font-size:13px;font-weight:700}.unit-label{color:#64748b;margin-left:2px;font-size:11px}.btn-generator-primary{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-generator-primary:hover{background:#1e40af}.quick-add-chips-group{align-items:center;gap:6px;display:flex}.quick-add-label{color:#64748b;font-size:12px;font-weight:600}.quick-preset-chips{align-items:center;gap:4px;display:flex}.preset-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s}.preset-chip:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.grid-action-subbar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.subbar-left,.subbar-right{align-items:center;gap:10px;display:flex}.btn-subbar-tool{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-subbar-tool:hover,.btn-subbar-tool.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.selection-badge-actions{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex}.btn-sel-del{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.grid-search-wrap{align-items:center;display:flex;position:relative}.grid-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:8px}.grid-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:180px;height:32px;padding-left:28px;padding-right:24px;font-size:12px}.grid-search-input:focus{border-color:#1d4ed8;outline:none;width:220px}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;right:6px}.btn-clear-grid{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-clear-grid:hover{background:#fee2e2}.bulk-tools-panel{background:#f0f9ff;border-bottom:1px solid #bae6fd;padding:16px 24px;animation:.2s fadeIn}.tools-panel-header{margin-bottom:12px}.tools-title{color:#0369a1;align-items:center;gap:8px;font-size:13.5px;display:flex}.tools-panel-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tool-input-group label{color:#334155;margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.tools-panel-footer{align-items:center;gap:10px;margin-top:12px;display:flex}.matrix-table-scroll-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;width:100%;position:relative;overflow:auto visible}.matrix-table-scroll-container::-webkit-scrollbar{height:8px}.matrix-table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.matrix-table-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.matrix-table-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.booking-matrix-table{border-collapse:collapse;width:100%;font-size:13px}.expanded-matrix-table{min-width:1600px}.booking-matrix-table th{text-transform:uppercase;letter-spacing:.05em;color:#475569;white-space:nowrap;z-index:10;background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.booking-matrix-table th.sticky-col{z-index:25;background-color:#f8fafc;position:sticky}.booking-matrix-table td.sticky-col{z-index:12;background-color:#fff;position:sticky}.sticky-col-chk{width:44px;min-width:44px;max-width:44px;left:0}.sticky-col-num{width:54px;min-width:54px;max-width:54px;left:44px}.sticky-col-id{width:230px;min-width:230px;left:98px;box-shadow:4px 0 8px -2px #0000000f}.sticky-col-actions{width:80px;min-width:80px;right:0;box-shadow:-4px 0 8px -2px #0000000f}.grid-row:hover td.sticky-col{background-color:#fcfdfe}.grid-row.row-selected td.sticky-col{background-color:#eff6ff}.grid-row.row-invalid td.sticky-col{background-color:#fef2f2}.seq-format-hint{color:#1d4ed8;text-transform:none;margin-left:4px;font-size:9.5px;font-weight:400}.booking-matrix-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.grid-row:hover td{background-color:#fcfdfe}.grid-row.row-selected td{background-color:#eff6ff}.grid-row.row-invalid td{background-color:#fef2f2}.custom-chk{cursor:pointer;width:15px;height:15px;margin-top:4px}.row-index-cell{color:#64748b;font-weight:600}.row-num-badge{color:#475569;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:11.5px;font-weight:700;display:inline-flex}.sample-id-pill{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11.5px;font-weight:700;display:inline-flex}.pill-tag-icon{color:#1d4ed8}.btn-copy-id{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.btn-copy-id:hover{color:#1d4ed8}.grid-textarea{color:#1e293b;resize:vertical;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:42px;padding:6px 10px;font-family:inherit;font-size:13px;line-height:1.35;transition:border-color .15s,box-shadow .15s}.grid-textarea:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed826}.grid-textarea.input-error{background-color:#fffaf0;border-color:#ef4444}.grid-text-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:40px;padding:0 10px;font-size:13px;transition:all .15s}.grid-text-input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed826}.text-muted-input{color:#64748b}.inline-error-msg{color:#ef4444;margin-top:2px;font-size:10.5px;font-weight:500;display:block}.grid-select-input{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:40px;padding:0 8px;font-size:12.5px;transition:all .15s}.grid-select-input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed826}.matrix-dropdown{color:#0f172a;font-weight:600}.btn-trash-row{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:inline-flex}.btn-trash-row:hover:not(:disabled){color:#ef4444;background-color:#fee2e2}.btn-trash-row:disabled{opacity:.3;cursor:not-allowed}.btn-row-analyses-badge{cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:5px 8px;transition:all .15s;display:flex}.btn-row-analyses-badge:hover{background:#eff6ff;border-color:#1d4ed8}.analyses-badge-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.analyses-info-col{flex-direction:column;min-width:0;display:flex}.analyses-count-label{color:#0f172a;font-size:11.5px}.analyses-tmpl-tag{color:#059669;max-width:110px;font-size:10px;font-weight:600}.analyses-price-pill{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700}.badge-edit-text{color:#1d4ed8;text-transform:uppercase;letter-spacing:.3px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10.5px;font-weight:700}.row-action-btn-group{justify-content:center;align-items:center;gap:6px;display:flex}.btn-modern-icon-action{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-modern-icon-action.action-copy{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.btn-modern-icon-action.action-copy:hover{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.btn-modern-icon-action.action-delete{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.btn-modern-icon-action.action-delete:hover:not(:disabled){color:#ef4444;background:#fee2e2;border-color:#fca5a5}.btn-modern-icon-action:disabled{opacity:.3;cursor:not-allowed}.btn-copy-id-modern{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:inline-flex}.btn-copy-id-modern:hover{color:#1d4ed8;background:#1d4ed81a}.grid-bottom-bar-clean{background-color:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.grid-pagination-controls{align-items:center;gap:8px;display:flex}.btn-page-nav{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-page-nav:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.page-indicator-text{color:#64748b;font-size:12px}.grid-count-badge{color:#1d4ed8;letter-spacing:-.01em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.grid-rows-count-pill{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.grid-rows-count-pill strong{color:#0f172a;font-weight:700}.grid-rows-summary-text{color:#64748b;font-size:12px}.grid-rows-summary-text strong{color:#334155}.booking-bottom-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-top:1px solid #e2e8f0;padding:14px 32px;position:fixed;bottom:0;left:260px;right:0;box-shadow:0 -4px 16px #0000000f}.bottom-bar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.bottom-info{color:#475569;align-items:center;gap:12px;font-size:13px;display:flex}.bottom-batch-tag strong{color:#0369a1;background:#f0f9ff;border-radius:4px;padding:2px 6px;font-family:monospace}.bottom-cust-tag strong{color:#0f172a}.bottom-return-tag{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:700}.bottom-return-tag.returnable{color:#166534;background:#dcfce7}.bottom-count-tag strong{color:#10b981}.bottom-divider{color:#cbd5e1}.bottom-actions{align-items:center;gap:12px;display:flex}.btn-primary{color:#fff;background-color:#0284c7;box-shadow:0 1px 2px #0284c733}.btn-primary:hover:not(:disabled){background-color:#0369a1}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{color:#334155;background-color:#fff;border-color:#cbd5e1}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.booking-loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.booking-spinner{border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.8s linear infinite spin}.select-blocked-error{color:#b91c1c!important;background-color:#fef2f2!important;border-color:#ef4444!important}.customer-blocked-alert-box{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:12.5px;font-weight:600;animation:.2s ease-in-out fadeIn;display:flex}.btn-disabled{pointer-events:none;opacity:.55!important;cursor:not-allowed!important}.existing-batch-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:24px}.existing-batch-header{background-color:#f0f9ff!important;border-bottom:1px solid #e0f2fe!important}.existing-batch-icon{color:#0284c7!important;background-color:#dbeafe!important}.existing-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.existing-batch-badge{color:#fff;background:#0284c7;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:12.5px;font-weight:700}.sequence-continuation-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-toggle-existing{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-toggle-existing:hover{background:#f8fafc;border-color:#94a3b8}.existing-samples-table-wrap{max-height:280px;padding:16px 24px 20px;overflow-y:auto}.existing-samples-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;font-size:13px;overflow:hidden}.existing-samples-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:12px;font-weight:600}.existing-samples-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 14px}.existing-row:hover{background-color:#f8fafc}.existing-id-code{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700}.matrix-pill-sm{color:#334155;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:500}.spec-text-sm{color:#0f172a;font-family:monospace;font-size:12px;font-weight:600}.status-pill-sm{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.status-pill-sm.status-received{color:#0369a1;background:#e0f2fe}.status-pill-sm.status-in-progress{color:#b45309;background:#fef3c7}.status-pill-sm.status-verified{color:#15803d;background:#dcfce7}.format-badge-sm{color:#64748b;background:#f1f5f9;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:500}.sample-spec-cell textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px}.font-mono-sm{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.input-group-datetime{align-items:center;display:flex;position:relative}.input-suffix-loader{align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (width<=1024px){.sample-booking-container{padding:16px 16px 100px}.booking-bottom-bar{left:0}.form-grid-4,.form-grid-3,.form-grid-2,.tools-panel-grid{grid-template-columns:1fr}.grid-header-toolbar{flex-direction:column;align-items:flex-start}.matrix-table-scroll-container{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;display:block;overflow-x:auto!important}.booking-matrix-table td.sticky-col-id,.booking-matrix-table th.sticky-col-id{box-shadow:none!important;position:static!important}}.searchable-customer-combobox{width:100%;position:relative}.search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.search-icon-muted{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.customer-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:42px;padding:0 36px 0 38px;font-size:13.5px;transition:all .2s}.customer-search-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c71f}.btn-clear-combobox{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.btn-clear-combobox:hover{color:#0f172a;background-color:#f1f5f9}.customer-combobox-dropdown{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.dropdown-header-status{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex}.dropdown-scroll-list{max-height:240px;overflow-y:auto}.customer-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;transition:background-color .15s}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover{background-color:#f0fdf4}.customer-dropdown-item.item-blocked{background-color:#fff1f2}.customer-dropdown-item.item-blocked:hover{background-color:#fee2e2}.cust-item-main{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.cust-company-name{color:#0f172a;font-size:13.5px;font-weight:600}.cust-code-badge{color:#0369a1;letter-spacing:.03em;background-color:#e0f2fe;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700}.cust-item-sub{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.blocked-text-tag{color:#dc2626;margin-left:auto;font-size:11px;font-weight:700}.dropdown-empty-state{text-align:center;color:#64748b;padding:24px 16px}.dropdown-empty-state p{color:#1e293b;margin:0 0 4px;font-size:13px;font-weight:600}.selected-customer-pill-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.selected-cust-info{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.selected-cust-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.preselected-client-badge{color:#059669;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn-change-cust{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-change-cust:hover{color:#0284c7;background:#f1f5f9;border-color:#94a3b8}.btn-apply-all-batch{color:#0284c7;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;transition:color .15s;display:inline-flex}.btn-apply-all-batch:hover{color:#0369a1;text-decoration:underline}.sample-template-cell select,.sample-priority-cell select{height:34px;padding:4px 8px;font-size:12px}.priority-dropdown.priority-normal{border-left:3px solid #10b981}.priority-dropdown.priority-low{border-left:3px solid #64748b}.priority-dropdown.priority-medium{border-left:3px solid #0284c7}.priority-dropdown.priority-high{border-left:3px solid #f59e0b;font-weight:600}.priority-dropdown.priority-urgent{color:#dc2626;border-left:3px solid #ef4444;font-weight:700}.sample-analyses-cell{white-space:nowrap}.btn-row-analyses-badge{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:5px 9px;font-size:11.5px;transition:all .15s;display:inline-flex}.btn-row-analyses-badge:hover{background:#f0f9ff;border-color:#7dd3fc;box-shadow:0 1px 2px #0284c71a}.btn-row-analyses-badge.configured{background:#f0fdf4;border-color:#86efac}.btn-row-analyses-badge.configured:hover{background:#dcfce7;border-color:#4ade80}.analyses-count-label{color:#1e293b;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.badge-edit-text{text-transform:uppercase;color:#475569;background:#e2e8f0;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:700}.btn-row-analyses-badge.configured .badge-edit-text{color:#15803d;background:#dcfce7}.analyses-badge-content{align-items:center;gap:6px;display:inline-flex}.analyses-price-pill{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:10px;font-weight:700}.btn-row-analyses-badge.configured .analyses-price-pill{color:#15803d;background:#dcfce7}.grid-actions-wrap{align-items:center;gap:3px;display:inline-flex}.btn-action-icon:hover{color:#0f172a;background:#f1f5f9}.btn-action-icon.btn-copy-prev:hover{color:#0284c7;background:#e0f2fe}.btn-action-icon.btn-dup-row:hover{color:#10b981;background:#dcfce7}.btn-action-icon.btn-expand-row:hover{color:#8b5cf6;background:#ede9fe}.btn-action-icon.btn-trash-row:hover{color:#ef4444;background:#fee2e2}.batch-financial-summary-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:8px;margin-top:14px;padding:14px 20px;box-shadow:0 4px 12px #0000001f}.financial-summary-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.financial-summary-title{color:#38bdf8;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.financial-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=900px){.financial-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.financial-grid{grid-template-columns:repeat(2,1fr)}}.financial-stat-item{flex-direction:column;display:flex}.financial-stat-label{color:#94a3b8;margin-bottom:2px;font-size:11px;font-weight:500}.financial-stat-val{color:#fff;font-family:monospace;font-size:14px;font-weight:700}.financial-stat-val.highlight-green{color:#34d399}.financial-stat-val.highlight-blue{color:#38bdf8}.financial-grand-total{color:#38bdf8;font-size:16px}.secondary-details-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1060;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.secondary-details-card{background:#fff;border-radius:10px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.secondary-details-header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.secondary-details-body{flex-direction:column;gap:14px;max-height:70vh;padding:20px;display:flex;overflow-y:auto}.secondary-details-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.sample-spec-cell{vertical-align:middle;min-width:190px}.btn-select-spec-grid{color:#64748b;cursor:pointer;text-align:left;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;justify-content:flex-start;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.btn-select-spec-grid:hover{color:#4f46e5;background:#f1f5f9;border-color:#4f46e5}.spec-grid-pill-card{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #c7d2fe;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:6px;padding:5px 8px;transition:all .15s;display:flex}.spec-grid-pill-card:hover{background:#eef2ff;border-color:#818cf8}.spec-grid-pill-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spec-grid-title{color:#1e1b4b;word-break:break-word;font-size:11.5px;font-weight:700;line-height:1.25}.spec-grid-sub-row{align-items:center;gap:4px;display:flex}.spec-grid-matrix-tag{color:#3730a3;white-space:nowrap;background:#e0e7ff;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600;display:inline-block}.btn-spec-pill-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.btn-spec-pill-clear:hover{color:#dc2626;background:#fee2e2}.spec-mass-apply-wrap{align-items:center;gap:8px;display:flex}.btn-mass-spec-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-mass-spec-select:hover{background:#f1f5f9;border-color:#4f46e5}.sample-form-page{max-width:1440px;margin:0 auto}.sample-form-grid{grid-template-columns:1fr 340px;align-items:flex-start;gap:24px;display:grid}.form-main-column,.form-sidebar-column{flex-direction:column;gap:20px;display:flex}.form-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.card-box-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-box-header h3{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.card-box-header p{color:#64748b;margin:2px 0 0;font-size:12px}.card-box-body{padding:20px}.search-picker-field{align-items:center;width:100%;display:flex;position:relative}.search-picker-field input{cursor:pointer;width:100%;padding-right:70px!important}.picker-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute}.picker-btn.search{right:5px}.picker-btn.clear{right:36px}.picker-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}.contact-quick-preview{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.file-upload-zone{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.upload-trigger-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.upload-trigger-btn:hover{color:#fff;background:#0f172a}.upload-hint{color:#64748b;font-size:11.5px}.attachments-list-box{flex-wrap:wrap;gap:8px;display:flex}.attachment-item-pill{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.file-size{color:#64748b;font-size:11px}.btn-remove-att{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.financial-card-sticky{background:#fff;border:1px solid #e2e8f0;border-radius:12px;position:sticky;top:20px;overflow:hidden;box-shadow:0 4px 12px #0000000a}.financial-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:16px 18px;display:flex}.financial-card-header h4{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.financial-card-body{flex-direction:column;gap:14px;padding:18px;display:flex}.price-input-row{flex-direction:column;gap:4px;display:flex}.price-input-row label{color:#475569;font-size:11.5px;font-weight:600}.price-input-row input{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 10px;font-size:13px;font-weight:600}.price-divider{background:#e2e8f0;height:1px;margin:4px 0}.financial-summary-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.summary-row{color:#475569;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.summary-row .amount{color:#0f172a;font-weight:600}.summary-row.total-row{color:#0f172a;border-top:1px solid #cbd5e1;margin-top:4px;padding-top:8px;font-size:14px;font-weight:800}.summary-row .amount.total{color:var(--primary-color,#16a34a);font-size:1.15rem;font-weight:800}.bulk-calc-note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-size:11.5px;display:flex}.financial-card-footer{background:#fff;border-top:1px solid #f1f5f9;padding:14px 18px}.btn-block{justify-content:center;width:100%}.selector-modal-card{width:100%;max-width:760px}.search-bar-inner{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.search-bar-inner input{outline:none;flex:1;font-size:13px;background:0 0!important;border:none!important;padding:4px 0!important}.selector-table{border-collapse:collapse;width:100%}.selector-table th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:11.5px;font-weight:600}.selector-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:12.5px}.selector-table tr:hover td{background:#f0fdf4}.cursor-pointer{cursor:pointer}@media (width<=1000px){.sample-form-grid{grid-template-columns:1fr}}.sample-bulk-page{max-width:1440px;margin:0 auto}.bulk-common-card,.matrix-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.matrix-header-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.matrix-header-bar h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.matrix-data-table{border-collapse:collapse;width:100%}.matrix-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:600}.matrix-data-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:8px 12px}.matrix-data-table tr:hover td{background:#f8fafc}.matrix-data-table tr.row-error td{background:#fef2f2}.row-num{color:#94a3b8;font-size:12px;font-weight:700;padding-top:14px!important}.matrix-input,.matrix-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:12.5px;transition:all .15s}.matrix-input:focus,.matrix-select:focus{border-color:var(--primary-color,#16a34a);box-shadow:0 0 0 2px #16a34a1a}.row-error-msg{color:#dc2626;margin-top:2px;font-size:11px;display:block}.btn-trash-matrix{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:background .15s}.btn-trash-matrix:hover{background:#fee2e2}.matrix-footer-bar{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.total-summary-text{color:#475569;font-size:13px}.sample-import-page{max-width:1400px;margin:0 auto}.alert-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;display:flex}.import-upload-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px 24px;box-shadow:0 1px 3px #00000005}.upload-dropzone{flex-direction:column;align-items:center;max-width:500px;margin:0 auto;display:flex}.upload-dropzone h3{color:#0f172a;margin:0 0 6px;font-size:17px;font-weight:700}.upload-dropzone p{color:#64748b;margin:0;font-size:13px}.template-download-hint{color:#64748b;align-items:center;gap:6px;font-size:12.5px;display:flex}.btn-link{color:var(--primary-color,#16a34a);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.import-preview-container{flex-direction:column;gap:16px;display:flex}.preview-header-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.preview-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.lims-preview-table{border-collapse:collapse;width:100%}.lims-preview-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:600}.lims-preview-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:12.5px}.cell-flex{flex-direction:column;display:flex}.matrix-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:11px}.priority-tag{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.priority-tag.urgent{color:#dc2626;background:#fee2e2}.priority-tag.high{color:#ea580c;background:#ffedd5}.priority-tag.normal{color:#475569;background:#f1f5f9}.priority-tag.medium{color:#d97706;background:#fef3c7}.priority-tag.low{color:#16a34a;background:#f0fdf4}.result-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 1px 3px #00000005}.result-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.result-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.result-header p{color:#64748b;margin:4px 0 0;font-size:13.5px}.result-stats-row{gap:16px;display:flex}.result-stat-box{border-radius:10px;flex-direction:column;flex:1;padding:16px 20px;display:flex}.result-stat-box.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.result-stat-box.failed{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.result-stat-box.neutral{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.stat-num{font-size:1.8rem;font-weight:800}.stat-lbl{margin-top:2px;font-size:12px;font-weight:600}.error-report-table{border-collapse:collapse;width:100%;font-size:12.5px}.error-report-table th{color:#991b1b;text-align:left;background:#fee2e2;border-bottom:1px solid #fca5a5;padding:8px 12px}.error-report-table td{border-bottom:1px solid #fecaca;padding:8px 12px}.result-card-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.analytics-master-header-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem 1.5rem 0;box-shadow:0 4px 20px -2px #0f172a0d}.analytics-master-top-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.25rem;display:flex}.analytics-brand-title{align-items:center;gap:1rem;display:flex}.analytics-icon-wrapper{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.analytics-brand-title h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.analytics-brand-title p{color:#64748b;margin:.15rem 0 0;font-size:.8125rem}.analytics-top-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.analytics-action-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.analytics-action-button:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.analytics-action-button.refresh-btn{color:#fff;background:#2563eb;border-color:#2563eb}.analytics-action-button.refresh-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.analytics-action-button:disabled{opacity:.6;cursor:not-allowed}.spin-anim{animation:1s linear infinite spin}.analytics-domain-nav-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex;overflow-x:auto}.domain-tabs-group{align-items:center;gap:.5rem;display:flex}.domain-tab-item{color:#64748b;white-space:nowrap;border-bottom:2.5px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.domain-tab-item:hover:not(.disabled-tab){color:#2563eb}.domain-tab-item.active{color:#2563eb;border-bottom-color:#2563eb}.domain-tab-item.disabled-tab{opacity:.55;cursor:not-allowed}.upcoming-pill{color:#64748b;letter-spacing:.02em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.15rem .45rem;font-size:.6875rem;font-weight:700}.analytics-return-link{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.analytics-return-link:hover{color:#0f172a;background:#f1f5f9}@media (width<=768px){.analytics-master-top-row{flex-direction:column;align-items:flex-start}.analytics-top-actions{justify-content:flex-start;width:100%}}.sample-analytics-container{color:#1e293b;max-width:1600px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.5rem 2rem 3rem;font-family:inherit}.analytics-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;margin-bottom:1.75rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 20px -2px #0000000d,0 2px 6px -1px #00000005}.analytics-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.analytics-title-group{align-items:center;gap:1rem;display:flex}.analytics-back-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.analytics-back-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8;transform:translate(-2px)}.analytics-title-text h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:.625rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.analytics-title-text p{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.analytics-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.analytics-refresh-btn{color:#3b82f6;cursor:pointer;background:#f8fafc;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.analytics-refresh-btn:hover:not(:disabled){background:#eff6ff;border-color:#60a5fa;box-shadow:0 2px 8px #3b82f626}.analytics-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.analytics-filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.875rem;padding:.875rem 1.25rem;display:flex}.filter-pill-group{background:#e2e8f0;border-radius:10px;align-items:center;gap:.375rem;padding:.25rem;display:flex}.filter-pill{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}.filter-pill:hover{color:#0f172a}.filter-pill.active{color:#2563eb;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.filter-dropdown-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:140px;padding:.45rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .2s}.filter-dropdown-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.filter-date-inputs{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.filter-date-input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.375rem .625rem;font-size:.8125rem}.analytics-kpis-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.kpi-accent-bar{height:3px;position:absolute;top:0;left:0;right:0}.kpi-accent-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-accent-indigo{background:linear-gradient(90deg,#6366f1,#818cf8)}.kpi-accent-emerald{background:linear-gradient(90deg,#10b981,#34d399)}.kpi-accent-amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-accent-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kpi-accent-cyan{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.kpi-accent-rose{background:linear-gradient(90deg,#f43f5e,#fb7185)}.kpi-accent-teal{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.kpi-top-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.kpi-icon-blue{color:#2563eb;background:#eff6ff}.kpi-icon-indigo{color:#4f46e5;background:#eef2ff}.kpi-icon-emerald{color:#059669;background:#ecfdf5}.kpi-icon-amber{color:#d97706;background:#fffbeb}.kpi-icon-purple{color:#7c3aed;background:#f5f3ff}.kpi-icon-cyan{color:#0891b2;background:#ecfeff}.kpi-icon-rose{color:#e11d48;background:#fff1f2}.kpi-icon-teal{color:#0f766e;background:#f0fdfa}.kpi-badge-trend{border-radius:20px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.trend-neutral{color:#64748b;background:#f1f5f9}.kpi-value-text{color:#0f172a;letter-spacing:-.03em;font-size:1.625rem;font-weight:700;line-height:1.2}.kpi-sub-text{color:#94a3b8;margin-top:.35rem;font-size:.75rem;display:block}.analytics-section-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.75rem;display:grid}@media (width<=1100px){.analytics-section-row{grid-template-columns:1fr}}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 4px 20px -2px #0000000a}.card-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.card-title-group h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;display:flex}.card-title-group p{color:#64748b;margin:.25rem 0 0;font-size:.8125rem}.card-action-controls{align-items:center;gap:.5rem;display:flex}.tab-toggle-pill-group{background:#f1f5f9;border-radius:8px;gap:.25rem;padding:.25rem;display:inline-flex}.tab-toggle-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.tab-toggle-pill.active{color:#1e293b;background:#fff;box-shadow:0 1px 3px #0000001a}.chart-content-wrapper{justify-content:center;align-items:center;width:100%;min-height:340px;display:flex;position:relative}.customer-ranking-list{flex-direction:column;gap:.875rem;width:100%;display:flex}.customer-rank-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:.375rem;padding:.75rem 1rem;transition:background .15s;display:flex}.customer-rank-item:hover{background:#f1f5f9}.customer-rank-top{justify-content:space-between;align-items:center;display:flex}.customer-rank-identity{align-items:center;gap:.625rem;display:flex}.rank-number-badge{color:#334155;background:#e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.rank-gold{color:#b45309;background:#fef3c7}.rank-silver{color:#475569;background:#f1f5f9}.rank-bronze{color:#c2410c;background:#ffedd5}.customer-name-heading{color:#1e293b;font-size:.875rem;font-weight:600}.customer-stat-highlight{color:#2563eb;font-size:.875rem;font-weight:700}.customer-progress-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.customer-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;height:100%;transition:width .5s}.test-demand-table{border-collapse:collapse;width:100%;margin-top:.5rem}.test-demand-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #e2e8f0;padding:.625rem .75rem;font-size:.75rem;font-weight:600}.test-demand-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.625rem .75rem;font-size:.8125rem}.test-demand-table tr:hover td{background:#f8fafc}.workflow-pipeline-container{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.875rem;width:100%;margin-top:.75rem;display:grid}.workflow-stage-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;transition:all .2s;display:flex;position:relative}.workflow-stage-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.stage-status-name{color:#334155;font-size:.8125rem;font-weight:600}.stage-status-count{color:#0f172a;font-size:1.5rem;font-weight:700}.stage-status-indicator{border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.analytics-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem 1.5rem;display:flex}.analytics-empty-state svg{color:#94a3b8;margin-bottom:1rem}.analytics-empty-state h4{color:#334155;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.analytics-empty-state p{max-width:380px;margin:0;font-size:.875rem}.analytics-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.analytics-error-content{align-items:center;gap:.75rem;display:flex}.analytics-retry-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;transition:background .15s}.analytics-retry-btn:hover{background:#dc2626}.analytics-loading-overlay{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.spin-loader{animation:1s linear infinite spin}.analytics-print-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.analytics-print-btn:hover{background:#0f172a;box-shadow:0 2px 8px #0f172a33}.analytics-anomaly-banner{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px;align-items:center;gap:.875rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.anomaly-icon-badge{color:#d97706;background:#fef3c7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.anomaly-text{color:#92400e;font-size:.875rem}.clickable-card{cursor:pointer}.clickable-card:hover{transform:translateY(-2px);border-color:#94a3b8!important;box-shadow:0 4px 14px #00000014!important}.print-report-header{display:none}@media print{body{background:#fff!important}.no-print{display:none!important}.sample-analytics-container{max-width:100%!important;padding:0!important}.print-report-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex!important}.print-lab-info h2{color:#0f172a;margin:0 0 .25rem;font-size:1.5rem}.print-lab-info p{color:#64748b;margin:0;font-size:.875rem}.print-date-stamp{color:#64748b;font-size:.8125rem}.analytics-card,.executive-kpi-card{break-inside:avoid;box-shadow:none!important;border:1px solid #cbd5e1!important}}.customer-analytics-page{color:#0f172a;background-color:#f8fafc;max-width:1650px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.5rem 2rem 3.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.analytics-hero-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 20px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.hero-banner-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.hero-title-group{align-items:center;gap:1rem;display:flex}.hero-icon-container{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 2px 8px #2563eb1f}.hero-title-text h1{color:#0f172a;letter-spacing:-.025em;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.hero-title-text p{color:#64748b;margin:.25rem 0 0;font-size:.875rem;line-height:1.4}.hero-actions-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.btn-hero-action{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-hero-action:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.btn-hero-action.primary-btn{color:#fff;background:#2563eb;border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb40}.btn-hero-action.primary-btn:hover{color:#fff;background:#1d4ed8;box-shadow:0 4px 12px #2563eb59}.btn-hero-action.sync-btn{color:#2563eb;background:#f8fafc;border-color:#cbd5e1}.btn-hero-action.sync-btn:hover{background:#eff6ff;border-color:#93c5fd}.sync-timestamp{color:#64748b;margin-left:.25rem;font-size:.75rem;font-weight:400}.analytics-filter-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.15rem 1.4rem;display:flex;box-shadow:0 2px 10px #0f172a08}.filter-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.preset-pill-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s}.dropdown-filters-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-select-wrapper{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8125rem;transition:border-color .15s;display:flex}.filter-select-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.filter-select-wrapper select{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:.8125rem;font-weight:500}.parent-oem-toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.parent-oem-toggle.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.custom-date-row{color:#475569;border-top:1px dashed #e2e8f0;align-items:center;gap:.75rem;padding-top:.75rem;font-size:.8125rem;display:flex}.custom-date-input{color:#0f172a;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.35rem .6rem;font-size:.8125rem}.custom-date-input:focus{border-color:#2563eb}.executive-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.25rem 1.35rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.executive-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.kpi-icon-chip.cyan{color:#0891b2;background:#ecfeff}.kpi-card-value{color:#0f172a;letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1.15}.kpi-card-footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.kpi-badge{border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.725rem;font-weight:600;display:inline-flex}.kpi-badge.neutral{color:#475569;background:#f1f5f9}.analytics-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;margin-bottom:1.75rem;padding:1.4rem 1.6rem;display:flex;box-shadow:0 2px 10px #0f172a08}.section-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.9rem;display:flex}.section-icon-badge{color:#2563eb;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.section-card-title-group h2{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:1.05rem;font-weight:700}.section-card-actions{align-items:center;gap:.5rem;display:flex}.grid-two-columns{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.75rem;display:grid}.grid-one-two-columns{grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.75rem;display:grid}.grid-two-one-columns{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.75rem;display:grid}@media (width<=1100px){.grid-two-columns,.grid-one-two-columns,.grid-two-one-columns{grid-template-columns:1fr}}.chart-container-responsive{justify-content:center;align-items:center;width:100%;min-height:320px;display:flex;position:relative}.chart-summary-pills{align-items:center;gap:.6rem;display:flex}.chart-stat-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.775rem;font-weight:600;display:inline-flex}.recency-bar-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem .9rem;display:flex}.recency-progress-track{background:#e2e8f0;border-radius:4px;height:8px;position:relative;overflow:hidden}.chart-container-responsive{width:100%;position:relative;overflow:visible}.pareto-layout-container{grid-template-columns:210px 1fr;align-items:center;gap:1.5rem;display:grid}@media (width<=900px){.pareto-layout-container{grid-template-columns:1fr}}.pareto-metrics-list{flex-direction:column;gap:.75rem;display:flex}.pareto-metric-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.pareto-row-label{color:#334155;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.pareto-row-value{color:#0f172a;font-size:.875rem;font-weight:700}.matrix-quadrant-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}@media (width<=900px){.matrix-quadrant-grid{grid-template-columns:1fr}}.quadrant-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem 1.15rem;transition:all .15s;display:flex}.quadrant-box.q-standard{background:linear-gradient(#f8fafc 0%,#fff 100%);border-color:#e2e8f0}.quadrant-title{color:#0f172a;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.client-name-bold{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.table-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.table-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;width:260px;padding:.4rem .75rem;font-size:.8125rem;display:flex}.table-search-input input{background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.table-metric-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:.25rem;padding:.25rem;display:inline-flex}.metric-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.775rem;font-weight:600;transition:all .15s}.metric-tab-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 4px #00000014}.custom-data-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.custom-data-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem .9rem;font-size:.725rem;font-weight:600}.custom-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem .9rem}.custom-data-table tr:last-child td{border-bottom:none}.custom-data-table tr:hover td{background:#f8fafc}.rank-badge.gold{color:#854d0e;background:#fef08a}.rank-badge.silver{color:#334155;background:#e2e8f0}.rank-badge.bronze{color:#9a3412;background:#fed7aa}.customer-name-link{color:#2563eb;cursor:pointer;align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex}.customer-code-sub{color:#94a3b8;font-family:monospace;font-size:.7rem}.volume-progress-cell{align-items:center;gap:.5rem;min-width:110px;display:flex}.volume-mini-track{background:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.volume-mini-fill{background:#2563eb;border-radius:3px;height:100%}.table-pagination-row{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.775rem;display:flex}.pagination-controls{gap:.4rem;display:flex}.btn-page-nav{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.attention-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.attention-alert-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:.65rem;padding:1rem 1.15rem;transition:all .15s;display:flex;position:relative}.attention-alert-card.warning-card{background:linear-gradient(#fff7ed 0%,#fff 100%);border-left:4px solid #f97316}.attention-alert-card.growth-card{background:linear-gradient(#ecfdf5 0%,#fff 100%);border-left:4px solid #10b981}.attention-alert-card.promising-card{background:linear-gradient(#faf5ff 0%,#fff 100%);border-left:4px solid #8b5cf6}.attention-header-row{justify-content:space-between;align-items:center;display:flex}.attention-client-title{color:#0f172a;font-size:.85rem;font-weight:700}.attention-recommendation{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.4rem .6rem;font-size:.775rem;line-height:1.35}.skeleton-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.analytics-empty-box{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}@media print{body{background:#fff!important}.customer-analytics-page{background:#fff!important;padding:0!important}.no-print,.analytics-hero-banner,.analytics-filter-toolbar,.table-filter-bar,.table-pagination-row,.btn-hero-action{display:none!important}.executive-kpi-card,.analytics-section-card,.quadrant-box{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important;margin-bottom:1rem!important}}.revenue-analytics-page{color:#0f172a;background-color:#f8fafc;flex-direction:column;gap:1.5rem;min-height:100vh;padding:1.5rem;font-family:inherit;display:flex}.financial-meta-bar{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.775rem;display:flex}.meta-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.currency-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.2rem .55rem;font-weight:700}.accounting-term-badge{color:#334155;background:#f1f5f9;border-radius:4px;padding:.2rem .55rem;font-weight:600}.reconciliation-tag{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:.2rem .55rem;font-weight:700}.sync-timestamp{color:#64748b;font-weight:500}.analytics-filter-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.85rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.filter-preset-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preset-row-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.preset-label-group{color:#1e293b;white-space:nowrap;align-items:center;gap:.4rem;font-size:.825rem;font-weight:600;display:flex}.preset-bar-title{color:#334155;font-size:.825rem;font-weight:600}.time-preset-pills{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:.2rem;padding:.25rem;display:inline-flex}.preset-pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.35rem .7rem;font-size:.775rem;font-weight:600;transition:all .15s}.preset-pill-btn:hover:not(.active){color:#0f172a;background:#e2e8f0}.preset-pill-btn.active{color:#fff;background:#2563eb;box-shadow:0 2px 6px #2563eb40}.btn-reset-filters{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-dropdowns-horizontal{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.65rem;padding-top:.75rem;display:flex}.horizontal-filter-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.horizontal-filter-select option{color:#0f172a;background:#fff}.custom-dates-group{background:#eff6ff;border-color:#bfdbfe}.horizontal-date-input{color:#1e293b;background:#fff;border:1px solid #93c5fd;border-radius:4px;outline:none;padding:.2rem .4rem;font-size:.75rem}.date-sep{color:#3b82f6;font-size:.75rem;font-weight:600}.horizontal-checkbox-pill{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.horizontal-checkbox-pill:hover{background:#f8fafc;border-color:#94a3b8}.horizontal-checkbox-pill.checked{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600}.horizontal-checkbox-pill input[type=checkbox]{accent-color:#2563eb;cursor:pointer}.accounting-scope-banner{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.6rem 1.15rem;font-size:.8125rem;display:flex}.scope-banner-left{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.scope-tag{color:#1e293b;text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.35rem;font-size:.725rem;font-weight:700;display:flex}.scope-period-name{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.2rem .6rem;font-weight:700}.scope-summary-pill{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.2rem .55rem;font-weight:600}.scope-summary-pill.emerald{color:#047857;background:#f0fdf4;border-color:#a7f3d0}.scope-banner-right{align-items:center;display:flex}.scope-dimension-tag{color:#64748b;font-size:.75rem;font-weight:600}.alert-card{border-left:4px solid #0000;border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1.25rem;font-size:.85rem;display:flex}.executive-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.executive-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.executive-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.kpi-card-title{color:#64748b;text-transform:uppercase;letter-spacing:.025em;font-size:.8rem;font-weight:600}.kpi-icon-chip{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-icon-chip.blue{color:#2563eb;background:#eff6ff}.kpi-icon-chip.emerald{color:#059669;background:#ecfdf5}.kpi-icon-chip.amber{color:#d97706;background:#fffbeb}.kpi-icon-chip.rose{color:#e11d48;background:#fef2f2}.kpi-icon-chip.indigo{color:#4f46e5;background:#eef2ff}.kpi-icon-chip.purple{color:#7e22ce;background:#faf5ff}.kpi-card-value{color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.65rem;font-weight:800}.kpi-card-footer{color:#64748b;border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.75rem;display:flex}.kpi-sub-text{font-size:.725rem}.kpi-growth-badge{border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.725rem;font-weight:700;display:inline-flex}.kpi-growth-badge.positive{color:#15803d;background:#dcfce7}.kpi-growth-badge.negative{color:#b91c1c;background:#fee2e2}.kpi-drill-link{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:underline}.kpi-stat-chip{color:#334155;background:#f1f5f9;border-radius:4px;padding:.15rem .45rem;font-size:.725rem;font-weight:600}.analytics-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.section-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.875rem;display:flex}.section-card-title-group{align-items:center;gap:.75rem;display:flex}.section-icon-badge{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.section-card-title-group h2{color:#0f172a;margin:0 0 .15rem;font-size:1rem;font-weight:700}.section-card-title-group p{color:#64748b;margin:0;font-size:.775rem}.chart-legend-chips{color:#334155;align-items:center;gap:1rem;font-size:.775rem;font-weight:600;display:flex}.legend-chip{align-items:center;gap:.4rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.analytics-two-column-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=960px){.analytics-two-column-grid{grid-template-columns:1fr}}.chart-container-responsive{width:100%;position:relative}.analytics-empty-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:200px;font-size:.85rem;font-weight:500;display:flex}.lifecycle-funnel-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.funnel-stage-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.stage-step-num{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.stage-name{color:#1e293b;font-size:.8rem;font-weight:700}.funnel-stage-body{flex-direction:column;gap:.15rem;display:flex}.stage-count{color:#64748b;font-size:.75rem}.stage-amount{font-size:1.25rem;font-weight:800}.funnel-stage-bar{border-radius:2px;height:4px;margin-top:.35rem}.aging-bucket-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.8rem;display:flex}.aging-bucket-label-cell{align-items:center;gap:.5rem;display:flex}.pareto-color-dot{border-radius:50%;width:10px;height:10px}.aging-bucket-name{color:#1e293b;font-weight:600}.aging-bucket-value-cell{align-items:center;gap:.4rem;display:flex}.aging-bucket-count{color:#64748b;background:#e2e8f0;border-radius:4px;padding:.1rem .35rem;font-size:.725rem}.aging-bucket-amount{color:#0f172a;font-weight:700}.aging-bucket-pct{color:#64748b;font-size:.725rem}.reconciliation-summary-bar{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem;font-size:.775rem;display:flex}.reconciliation-badge{color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.upcoming-inflow-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.upcoming-horizon-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.35rem;padding:.875rem;display:flex}.horizon-header{color:#475569;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.horizon-count{color:#64748b;background:#e2e8f0;border-radius:4px;padding:.1rem .35rem;font-size:.7rem}.horizon-amount{font-size:1.25rem;font-weight:800}.due-date-policy-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem 1rem;font-size:.775rem;display:grid}.policy-item{flex-direction:column;gap:.15rem;display:flex}.policy-label{color:#3b82f6;text-transform:uppercase;font-size:.7rem;font-weight:600}.policy-val{color:#1e3a8a;font-size:.9rem;font-weight:700}.ticket-tiers-container{flex-direction:column;gap:.6rem;display:flex}.ticket-tier-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.ticket-tier-meta{flex-direction:column;gap:.1rem;display:flex}.tier-name{color:#1e293b;font-size:.8rem;font-weight:700}.tier-count{color:#64748b;font-size:.7rem}.ticket-tier-value-group{align-items:center;gap:.5rem;display:flex}.tier-amount{color:#0f172a;font-size:.875rem;font-weight:800}.tier-share-pill{color:#334155;background:#e2e8f0;border-radius:4px;padding:.15rem .45rem;font-size:.725rem;font-weight:700}.ticket-volume-chart-container{margin-top:.5rem}.recency-bars-container{flex-direction:column;gap:.875rem;display:flex}.recency-bar-item{flex-direction:column;gap:.35rem;display:flex}.recency-bar-header{color:#1e293b;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.recency-progress-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.recency-progress-fill{border-radius:4px;height:100%;transition:width .3s}.payment-speed-insights-card{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.speed-stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.speed-stat-label{color:#64748b;text-transform:uppercase;font-size:.725rem;font-weight:600}.speed-stat-val{color:#0f172a;font-size:1.1rem;font-weight:800}.matrix-quadrant-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=840px){.matrix-quadrant-grid{grid-template-columns:1fr}}.quadrant-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.875rem;min-height:150px;padding:1.1rem;display:flex}.quadrant-box.q-tier1{background:#f0fdf4;border-color:#bbf7d0}.quadrant-box.q-specialty{background:#eff6ff;border-color:#bfdbfe}.quadrant-box.q-margin{background:#fffbeb;border-color:#fde68a}.quadrant-header{justify-content:space-between;align-items:center;display:flex}.quadrant-title{align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.kpi-badge{border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.kpi-badge.positive{color:#15803d;background:#dcfce7}.kpi-badge.info{color:#1e40af;background:#dbeafe}.kpi-badge.negative{color:#b91c1c;background:#fee2e2}.quadrant-client-chips{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.client-quadrant-pill{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.775rem;transition:all .15s;display:flex}.client-quadrant-pill:hover{background:#f8fafc;border-color:#2563eb;transform:translate(2px)}.client-name-bold{color:#0f172a;font-weight:600}.receivables-tab-group{background:#f1f5f9;border-radius:8px;gap:3px;padding:3px;display:flex}.rec-tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.rec-tab-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.tab-pane-container{flex-direction:column;gap:1rem;display:flex}.ranking-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ranking-search-box{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;min-width:280px;height:38px;padding:0 .75rem;display:flex}.ranking-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.825rem}.ranking-basis-selector{background:#f1f5f9;border-radius:8px;gap:3px;padding:3px;display:flex}.basis-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.basis-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.priority-pill{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:800;display:inline-block}.priority-pill.critical{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.priority-pill.high{color:#c2410c;background:#ffedd5;border:1px solid #fdba74}.priority-pill.medium{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.priority-pill.normal{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.custom-data-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.custom-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.custom-data-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.custom-data-table th{color:#475569;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;padding:.75rem 1rem;font-size:.725rem;font-weight:700}.custom-data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.custom-data-table tbody tr:hover{background:#f8fafc}.custom-data-table td{color:#1e293b;vertical-align:middle;padding:.75rem 1rem}.rank-badge{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:inline-flex}.rank-badge.rank-1{color:#854d0e;background:#fef08a}.rank-badge.rank-2{color:#334155;background:#e2e8f0}.rank-badge.rank-3{color:#9a3412;background:#fed7aa}.customer-name-cell{flex-direction:column;gap:.15rem;display:flex}.customer-name-link{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:none}.customer-name-link:hover{text-decoration:underline}.customer-code-sub{color:#64748b;font-size:.7rem}.customer-meta-cell{flex-direction:column;gap:.15rem;font-size:.75rem;display:flex}.text-muted-sub{color:#64748b}.realization-pill{border-radius:4px;padding:.2rem .5rem;font-size:.725rem;font-weight:700;display:inline-block}.realization-pill.high{color:#15803d;background:#dcfce7}.realization-pill.medium{color:#b45309;background:#fef3c7}.realization-pill.low{color:#b91c1c;background:#fee2e2}.share-pill{color:#334155;background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.725rem;font-weight:700}.btn-table-action{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.btn-table-action:hover{color:#fff;background:#2563eb}.custom-table-pagination{color:#64748b;justify-content:space-between;align-items:center;padding-top:.875rem;font-size:.8rem;display:flex}.pagination-actions{align-items:center;gap:.5rem;display:flex}.btn-pagination{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.page-current-pill{color:#0f172a;font-weight:600}@media print{.no-print{display:none!important}.revenue-analytics-page{background:#fff!important;padding:0!important}.analytics-section-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #cbd5e1!important}}.payroll-analytics-page{color:#1e293b;background-color:#f8fafc;flex-direction:column;gap:1.25rem;min-height:100vh;padding:1.5rem 2rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.payroll-command-bar{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.command-bar-left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.active-cycle-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.825rem;font-weight:600;display:inline-flex}.cycle-status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.cycle-status-pill.approved,.cycle-status-pill.paid,.cycle-status-pill.locked{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.cycle-status-pill.reopened,.cycle-status-pill.calculating,.cycle-status-pill.draft{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.command-meta-item{color:#64748b;font-size:.8rem}.command-meta-item strong{color:#0f172a}.ledger-sync-time{color:#64748b;font-family:monospace;font-size:.775rem}.analytics-filter-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem 1rem;box-shadow:0 1px 3px #0000000a}.filter-items-horizontal-bar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.horizontal-filter-group{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.8rem;transition:all .15s;display:inline-flex}.horizontal-filter-group:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.horizontal-filter-group.cycle-group{background:#fff;border-color:#93c5fd}.filter-group-label{color:#475569;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;font-size:.725rem;font-weight:700}.horizontal-filter-select{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:.8125rem;font-weight:600}.horizontal-filter-select.cycle-select{color:#1d4ed8;min-width:220px;font-weight:700}.btn-reset-filters{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;margin-left:auto;padding:.4rem .85rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-reset-filters:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.analytics-alerts-banner{flex-direction:column;gap:.75rem;display:flex}.alert-card{background:#fff;border-left:4px solid #0000;border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1.25rem;font-size:.85rem;display:flex;box-shadow:0 1px 3px #0000000a}.alert-card.critical{color:#991b1b;background:#fef2f2;border-left-color:#ef4444}.alert-card.warning{color:#92400e;background:#fffbeb;border-left-color:#f59e0b}.alert-card.info{color:#1e40af;background:#eff6ff;border-left-color:#3b82f6}.alert-icon-wrapper{flex-shrink:0}.alert-content{flex:1}.alert-content strong{margin-bottom:.15rem;font-size:.875rem;display:block}.alert-content p{opacity:.9;margin:0;font-size:.8rem}.btn-alert-action{color:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-alert-action:hover{background:#0000000d}.workforce-command-strip{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.command-metric-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.15rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.command-metric-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.command-metric-box.highlight{background:#fff;border:1px solid #bfdbfe;box-shadow:0 2px 8px #1d4ed814}.metric-box-top{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.metric-box-label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.command-metric-box.highlight .metric-box-label{color:#1d4ed8}.metric-icon-tag{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.metric-icon-tag.blue{color:#2563eb;background:#eff6ff}.metric-icon-tag.amber{color:#d97706;background:#fffbeb}.metric-icon-tag.emerald{color:#059669;background:#ecfdf5}.metric-icon-tag.purple{color:#7c3aed;background:#f5f3ff}.metric-icon-tag.rose{color:#e11d48;background:#fff1f2}.metric-icon-tag.primary{color:#1d4ed8;background:#eff6ff}.metric-box-value{color:#0f172a;margin-bottom:.35rem;font-size:1.35rem;font-weight:700;line-height:1.2}.metric-box-value.highlight-text{color:#1d4ed8}.metric-box-sub{color:#64748b;font-size:.75rem;font-weight:500}.command-metric-box.highlight .metric-box-sub{color:#64748b}.payroll-tabs-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.35rem;display:flex;overflow-x:auto;box-shadow:0 1px 2px #00000008}.payroll-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.payroll-tab-btn:hover:not(.active){color:#0f172a;background:#f1f5f9}.payroll-tab-btn.active{color:#fff;background:#1d4ed8;box-shadow:0 2px 6px #1d4ed840}.tab-content-container{flex-direction:column;gap:1.25rem;display:flex}.analytics-split-grid{flex-wrap:wrap;gap:1.25rem;display:flex}.flex-1{flex:1;min-width:320px}.flex-2{flex:1.6;min-width:420px}.flex-col-gap{flex-direction:column;gap:1.25rem;display:flex}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.card-header-clean{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.card-title{color:#0f172a;margin:0 0 .25rem;font-size:1rem;font-weight:700}.card-subtitle{color:#64748b;margin:0;font-size:.8rem}.card-tag{color:#1e40af;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.card-tag.alert{color:#be123c;background:#fff1f2;border-color:#fecdd3}.card-tag.primary{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.waterfall-bridge-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem}.bridge-steps-list{flex-direction:column;gap:.45rem;display:flex}.bridge-step-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .85rem;transition:all .15s;display:flex}.bridge-step-row:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000008}.step-info{align-items:center;gap:.65rem;display:flex}.step-number{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.step-text{flex-direction:column;display:flex}.step-name{color:#1e293b;font-size:.825rem;font-weight:600}.step-desc{color:#64748b;font-size:.725rem}.step-amount-badge{border-radius:6px;padding:.25rem .6rem;font-size:.85rem;font-weight:700}.bridge-step-row.base .step-amount-badge{color:#2563eb;background:#eff6ff}.bridge-step-row.deduction .step-amount-badge{color:#dc2626;background:#fef2f2}.bridge-step-row.subtotal .step-amount-badge{color:#059669;background:#ecfdf5}.bridge-step-row.addition .step-amount-badge{color:#7c3aed;background:#f5f3ff}.bridge-step-row.total .step-amount-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.sub-card-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.sub-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sub-card-title{color:#1e293b;text-transform:uppercase;letter-spacing:.025em;font-size:.825rem;font-weight:700}.sub-card-pill{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.15rem .5rem;font-size:.725rem;font-weight:600}.variance-badge{border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.variance-badge.increase{color:#1d4ed8;background:#eff6ff}.variance-badge.decrease{color:#047857;background:#ecfdf5}.variance-items-list{flex-direction:column;gap:.5rem;display:flex}.variance-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem}.variance-item-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.variance-category-name{color:#1e293b;font-size:.8rem;font-weight:600}.variance-val{font-size:.8rem;font-weight:700}.variance-val.addition{color:#2563eb}.variance-val.reduction{color:#059669}.variance-val.adjustment{color:#d97706}.variance-item-desc{color:#64748b;margin:0;font-size:.725rem}.salary-bands-list{flex-direction:column;gap:.65rem;display:flex}.band-row{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.55rem .75rem}.band-row-top{justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.775rem;display:flex}.band-name{color:#1e293b;font-weight:600}.band-count{color:#64748b}.band-progress-track{background:#f1f5f9;border-radius:3px;height:6px;margin-bottom:.35rem;overflow:hidden}.band-progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px;height:100%}.band-row-bottom{color:#64748b;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.dept-bars-container{flex-direction:column;gap:.75rem;display:flex}.dept-cost-bar-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem}.dept-bar-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.dept-name-group{align-items:center;gap:.45rem;display:flex}.dept-name{color:#0f172a;font-size:.825rem;font-weight:600}.dept-headcount-tag{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.dept-amount-group{align-items:center;gap:.45rem;display:flex}.dept-cost-val{color:#7c3aed;font-size:.85rem;font-weight:700}.dept-share-tag{color:#64748b;font-size:.75rem;font-weight:600}.dept-progress-track{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:.4rem;overflow:hidden}.dept-progress-fill{background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px;height:100%}.dept-bar-footer{color:#64748b;justify-content:space-between;align-items:center;font-size:.725rem;display:flex}.table-responsive-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;overflow-x:auto}.payroll-data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.payroll-data-table th{color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .85rem;font-weight:600}.payroll-data-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.65rem .85rem}.payroll-data-table tr:hover{background:#f8fafc}.dept-cell{flex-direction:column;display:flex}.table-search-input input{border:1px solid #cbd5e1;border-radius:6px;outline:none;height:32px;padding:0 .65rem;font-size:.775rem}.pagination-bar{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.25rem .6rem;font-weight:500}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.lop-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.lop-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:.75rem;display:flex}.lop-stat-title{color:#64748b;text-transform:uppercase;margin-bottom:.25rem;font-size:.725rem;font-weight:600}.lop-stat-val{margin-bottom:.15rem;font-size:1.25rem;font-weight:700}.lop-stat-sub{color:#64748b;font-size:.7rem}.scheduled-vs-actual-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem}.sva-header{margin-bottom:.65rem}.sva-title{color:#1e293b;font-size:.8rem;font-weight:700}.sva-bars{flex-direction:column;gap:.65rem;display:flex}.sva-label-row{justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.sva-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.sva-fill.scheduled{background:#94a3b8}.sva-fill.actual{background:#2563eb}.attendance-diagnostic-list{flex-direction:column;gap:.75rem;display:flex}.diagnostic-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.diagnostic-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.diagnostic-icon.blue{color:#2563eb;background:#eff6ff}.diagnostic-icon.rose{color:#e11d48;background:#fff1f2}.diagnostic-icon.emerald{color:#059669;background:#ecfdf5}.diagnostic-info strong{color:#0f172a;margin-bottom:.15rem;font-size:.825rem;display:block}.diagnostic-info p{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.statutory-table-box{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.statutory-table{border-collapse:collapse;width:100%;font-size:.8125rem}.statutory-table th{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem;font-weight:600}.statutory-table td{border-bottom:1px solid #f1f5f9;padding:.75rem}.statutory-sub{color:#64748b;font-size:.7rem;display:block}.tds-diagnostics-box{flex-direction:column;gap:1rem;display:flex}.tds-stat-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tds-stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:.85rem;display:flex}.tds-stat-label{color:#64748b;text-transform:uppercase;margin-bottom:.25rem;font-size:.725rem;font-weight:600}.tds-stat-value{font-size:1.35rem;font-weight:700}.tds-note-card{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.85rem;font-size:.775rem;line-height:1.4;display:flex}.tds-note-card p{margin:0}.disbursement-status-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.disbursement-card{border:1px solid #0000;border-radius:8px;flex-direction:column;padding:.85rem;display:flex}.disbursement-card.paid{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.disbursement-card.batch{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.disbursement-card.pending{color:#92400e;background:#fffbeb;border-color:#fde68a}.disbursement-card.failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.disb-top{align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.775rem;font-weight:600;display:flex}.disb-val{margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.disb-count{opacity:.85;font-size:.7rem}.reimbursement-stats-list{flex-direction:column;gap:.75rem;display:flex}.reimb-stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.reimb-info{flex-direction:column;display:flex}.reimb-label{color:#1e293b;font-size:.8rem;font-weight:600}.reimb-sub{color:#64748b;font-size:.7rem}.reimb-val{font-size:1rem;font-weight:700}.chart-wrapper-large{width:100%;margin-top:.5rem}.chart-legend-custom{align-items:center;gap:1rem;display:flex}.legend-dot.blue{background:#2563eb}.legend-dot.emerald{background:#10b981}.legend-dot.purple{background:#7c3aed}.empty-chart-placeholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;font-size:.875rem;display:flex}.text-center{text-align:center}@media print{.no-print{display:none!important}.payroll-analytics-page{background:#fff;padding:0}.analytics-card{box-shadow:none;page-break-inside:avoid;border:1px solid #cbd5e1}.workforce-command-strip{grid-template-columns:repeat(3,1fr)}}.config-container{max-width:1440px;margin:0 auto;padding:32px 40px}.config-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-current{color:#0f172a;font-weight:600}.config-header{margin-bottom:28px}.config-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.config-subtitle{color:#64748b;max-width:800px;margin:0;font-size:14px;line-height:1.5}.config-section-title{color:#334155;letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.mt-8{margin-top:36px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;display:grid}.roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0000000a,0 1px 4px -1px #00000005}.primary-card{cursor:pointer;border-color:#e2e8f0}.primary-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px -6px #0f172a14,0 4px 12px -2px #0f172a0a}.card-top{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.primary-card:hover .icon-wrapper{transform:scale(1.05)}.lab-icon{color:#059669;background:#ecfdf5}.dept-icon{color:#2563eb;background:#eff6ff}.future-icon{color:#94a3b8;background:#f8fafc}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.active-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.future-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.card-body{flex:1;padding:0 24px 20px}.card-heading{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.card-desc{color:#64748b;margin:0 0 16px;font-size:13.5px;line-height:1.55}.card-meta-list{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.meta-value{color:#1e293b;text-align:right;font-weight:600}.badge-subtle{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:2px 8px;font-size:11.5px}.card-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-pill{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 8px}.stat-number{color:#0f172a;font-size:18px;font-weight:700;display:block}.stat-label{color:#64748b;font-size:11px;font-weight:500}.card-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.action-text{color:#0f172a;font-size:13.5px;font-weight:600}.action-btn{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.primary-card:hover .action-btn{color:#fff;background:#0f172a;border-color:#0f172a}.future-card{opacity:.88;background:#fafafa}.future-text{color:#94a3b8;font-size:12px;font-weight:500}@media (width<=768px){.config-container{padding:20px 16px}.config-grid{grid-template-columns:1fr}}.lab-config-container{max-width:1320px;margin:0 auto;padding:32px 40px}.lab-config-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.back-link-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.back-link-btn:hover{color:#0f172a}.lab-config-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.lab-config-subtitle{color:#64748b;margin:0;font-size:13.5px}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#0f172a}.btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a26}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger-subtle{color:#dc2626;background:#fff;border-color:#fecaca}.btn-danger-subtle:hover{background:#fef2f2}.btn:disabled{opacity:.6;cursor:not-allowed}.tabs-nav-bar{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs-nav-bar::-webkit-scrollbar{display:none}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tab-btn.active{color:#0f172a;background:#f8fafc;border-bottom-color:#0f172a;font-weight:600}.pane-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:28px 32px;box-shadow:0 1px 3px #00000005}.pane-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:16px}.pane-card-header h3{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:700}.pane-card-header p{color:#64748b;margin:0;font-size:13px}.lab-logo-uploader-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.logo-preview-box{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:90px;padding:8px;display:flex}.logo-preview-img{object-fit:contain;max-width:100%;max-height:100%}.logo-placeholder{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.logo-upload-controls{flex:1}.logo-upload-controls h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.logo-upload-controls p{color:#64748b;margin:0 0 12px;font-size:12.5px;line-height:1.45}.logo-btn-row{align-items:center;gap:10px;display:flex}.address-header{justify-content:space-between;align-items:center;display:flex}.card-badge-pill{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f1f5f9;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.copy-btn-group{gap:8px;display:flex}.copy-from-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.copy-from-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}.form-row-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:18px;display:grid}.address-fields-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.col-span-2{grid-column:span 3}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:#334155;font-size:13px;font-weight:600}.req{color:#ef4444}.form-field input,.form-field select,.form-field textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 13px;font-family:inherit;font-size:13.5px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 3px #0f172a14}.form-field textarea{resize:vertical}.input-error{border-color:#ef4444!important}.field-error-text{color:#ef4444;font-size:12px;font-weight:500}.input-icon-group{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.input-icon-group input{width:100%;padding-left:36px}.supervisor-section-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-top:20px;padding:20px}.supervisor-box-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.supervisor-box-header h4{color:#166534;margin:0 0 2px;font-size:14.5px;font-weight:700}.supervisor-box-header p{color:#15803d;margin:0;font-size:12.5px}.security-notice-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:12px 16px;font-size:12.5px;display:flex}.accreditations-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.accreditation-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.accreditation-item-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px -4px #0000000f}.accred-card-top{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.accred-logo-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:4px;display:flex}.accred-logo-img{object-fit:contain;max-width:100%;max-height:100%}.accred-logo-fallback{color:#2563eb}.accred-meta{flex:1}.accred-status-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.validity-tag{color:#64748b;font-size:11px;font-weight:500}.accred-body-title{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.3}.accred-cert-badge{color:#475569;font-size:11.5px}.accred-scope-text{color:#475569;background:#f8fafc;border-radius:6px;margin:0 0 10px;padding:8px 10px;font-size:12px;line-height:1.45}.accred-standards-row{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.std-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.accred-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.accred-logo-upload-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;display:flex}.accred-modal-logo-preview{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;display:flex}.accred-modal-logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.accred-logo-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.accred-logo-details{flex:1}.accred-logo-details label{color:#0f172a;font-size:13px;font-weight:700;display:block}.accred-logo-details p{color:#64748b;margin:2px 0 8px;font-size:12px}.accred-logo-btn-group{gap:8px;display:flex}.config-toast{z-index:1000;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px -5px #0000001a}.toast-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-screen{text-align:center;color:#64748b;padding:100px}.spinner{border:3px solid #e2e8f0;border-top-color:#0f172a;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@media (width<=900px){.lab-config-container{padding:20px 16px}.form-row-2,.form-row-3,.address-fields-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.lab-config-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.lab-logo-uploader-card{flex-direction:column;align-items:flex-start}}.dept-list-container{max-width:1440px;margin:0 auto;padding:32px 40px}.dept-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.dept-page-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.dept-page-subtitle{color:#64748b;max-width:800px;margin:0;font-size:13.5px}.dept-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.dept-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000005}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-blue{color:#2563eb;background:#eff6ff}.stat-icon-green{color:#059669;background:#ecfdf5}.stat-icon-purple{color:#9333ea;background:#faf5ff}.stat-icon-amber{color:#d97706;background:#fffbeb}.stat-card-num{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.stat-card-label{color:#64748b;font-size:12px;font-weight:500}.dept-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-box{flex:1;align-items:center;min-width:280px;max-width:480px;display:flex;position:relative}.search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 36px;font-size:13.5px;transition:all .2s}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;right:10px}.toolbar-filters{align-items:center;gap:10px;display:flex}.filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;font-weight:500}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000005}.dept-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.dept-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12.5px;font-weight:600}.dept-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.dept-table tr:hover td{background:#fafbfc}.code-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700}.dept-name-cell{flex-direction:column;display:flex}.dept-name{color:#0f172a;font-weight:600}.dept-desc-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:320px;margin-top:2px;font-size:12px;overflow:hidden}.category-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500}.head-info-pill{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.inactive-dot{background:#ef4444;border-radius:50%;width:6px;height:6px}.text-muted-italic{color:#94a3b8;font-size:12.5px;font-style:italic}.head-count-badge{color:#64748b;align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.location-text{color:#64748b;font-size:12.5px}.status-pill{border-radius:12px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.pill-active{color:#059669;background:#ecfdf5}.pill-inactive{color:#dc2626;background:#fef2f2}.action-button-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn-sm{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-view{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-view:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-deactivate{color:#dc2626;background:#fff;border-color:#fecaca}.btn-deactivate:hover{background:#fef2f2}.btn-activate{color:#16a34a;background:#fff;border-color:#bbf7d0}.btn-activate:hover{background:#f0fdf4}.btn-delete{color:#94a3b8;background:#fff;border-color:#e2e8f0;padding:6px 8px}.btn-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.spinning-icon{animation:.8s linear infinite spin}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header p{color:#64748b;margin:0;font-size:13px}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.dept-toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #0000001a}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:700}.empty-state p{color:#64748b;margin:0 0 16px;font-size:13px}.table-loading{text-align:center;color:#64748b;padding:80px 20px}@media (width<=768px){.dept-list-container{padding:20px 16px}.dept-toolbar{flex-direction:column;align-items:stretch}.toolbar-filters{flex-wrap:wrap}}.dept-detail-container{max-width:1320px;margin:0 auto;padding:32px 40px}.dept-detail-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.title-with-badge{flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 6px;display:flex}.dept-detail-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.code-badge-lg{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:13px;font-weight:700}.dept-detail-subtitle{color:#64748b;margin:0;font-size:13.5px}.subtabs-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:24px;display:flex}.subtab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.subtab-btn:hover{color:#0f172a}.subtab-btn.active{color:#0f172a;background:#f8fafc;border-bottom-color:#0f172a;border-radius:6px 6px 0 0;font-weight:600}.heads-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 32px;box-shadow:0 1px 3px #00000005}.section-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:16px}.section-card-header h3{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:700}.section-card-header p{color:#64748b;margin:0;font-size:13px}.heads-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.head-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000005}.head-user-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px -4px #0000000f}.primary-head-card{background:linear-gradient(#f8fbff 0%,#fff 100%);border-color:#93c5fd}.head-card-top{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.user-avatar-badge{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.primary-head-card .user-avatar-badge{color:#fff;background:#2563eb}.head-user-meta{flex:1}.name-crown-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.head-fullname{color:#0f172a;font-size:14.5px;font-weight:700}.head-username{color:#64748b;font-family:monospace;font-size:12.5px}.account-status-badge{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:flex}.user-status-dot{border-radius:50%;width:7px;height:7px}.user-status-dot.active{background:#10b981}.user-status-dot.inactive{background:#ef4444}.head-card-details{background:#f8fafc;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;display:flex}.detail-item{color:#475569;align-items:center;gap:8px;font-size:12.5px;display:flex}.permissions-preview-box{margin-bottom:16px}.permissions-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.perm-tags-list{flex-wrap:wrap;gap:5px;display:flex}.perm-tag{color:#334155;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:500}.perm-tag-more{color:#64748b;padding:2px 5px;font-size:11px;font-weight:600}.head-card-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:14px;display:flex}.btn-head-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-head-action:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-make-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-deact{color:#dc2626;border-color:#fecaca}.btn-deact:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.btn-act{color:#16a34a;border-color:#bbf7d0}.btn-act:hover{color:#15803d;background:#f0fdf4;border-color:#86efac}.empty-heads-box{text-align:center;padding:48px 20px}.empty-heads-box h4{color:#0f172a;margin:10px 0 4px;font-size:16px;font-weight:700}.empty-heads-box p{color:#64748b;margin:0 0 16px;font-size:13px}.modal-lg{max-width:740px!important}.permissions-selector-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px 20px}.permissions-section-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.permissions-section-header h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.permissions-section-header p{color:#64748b;margin:0;font-size:12px}.perm-toggle-buttons{gap:8px;display:flex}.btn-text-sm{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:600}.btn-text-sm:hover{text-decoration:underline}.permissions-checklist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}.perm-checkbox-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.perm-checkbox-card:hover{background:#fafbfc;border-color:#cbd5e1}.perm-checkbox-card.selected{background:#f0fdf4;border-color:#a7f3d0}.perm-title{color:#0f172a;font-size:12.5px;font-weight:600;display:block}.perm-desc{color:#64748b;margin-top:1px;font-size:11px;line-height:1.35;display:block}.checkbox-field-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:12px;padding:10px 14px}.checkbox-label{color:#1e40af;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.label-with-action{justify-content:space-between;align-items:center;display:flex}.text-action-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:600;display:inline-flex}.text-action-btn:hover{text-decoration:underline}.pwd-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;right:12px}.dept-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}@media (width<=768px){.dept-detail-container{padding:20px 16px}.heads-grid,.permissions-checklist-grid{grid-template-columns:1fr}}.template-manager-page{max-width:1380px;margin:0 auto}.counter-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600}.template-toolbar-row{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.search-box-wrapper{width:100%;max-width:450px;position:relative}.search-box-wrapper input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 36px;font-size:13.5px;transition:all .15s}.search-box-wrapper input:focus{border-color:var(--primary-color,#16a34a);box-shadow:0 0 0 3px #16a34a1a}.search-box-wrapper .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.category-pills-bar{align-items:center;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.cat-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.cat-pill:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.cat-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.template-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px -4px #00000012}.template-type-badge{color:#0f172a;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.template-code-tag{color:#334155;background:#e2e8f0;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:11px;font-weight:700}.template-card-body{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.template-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.template-desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.template-specs-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.spec-item{justify-content:space-between;font-size:12px;display:flex}.spec-lbl{color:#64748b;font-weight:500}.spec-val{color:#1e293b;text-align:right;font-weight:600}.template-financials-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.financial-pill{background:#f1f5f9;border-radius:6px;flex-direction:column;padding:5px 8px;font-size:11.5px;display:flex}.f-lbl{color:#64748b;font-size:10px}.f-val{color:#0f172a;font-weight:600}.parameters-preview-box{margin-top:4px}.param-header-text{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.param-tags-list{flex-wrap:wrap;gap:4px;display:flex}.param-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:500}.param-tag.more{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.template-card-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.btn-card-action{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-action.edit{color:#0f172a}.btn-card-action.edit:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-card-action.delete{color:#dc2626;padding:6px 10px}.btn-card-action.delete:hover{background:#fee2e2;border-color:#fca5a5}.template-modal-card{width:100%;max-width:780px}.section-title{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.add-param-row{align-items:center;gap:8px;display:flex}.add-param-row input{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 10px;font-size:12.5px}.params-mini-table{border-collapse:collapse;width:100%;font-size:12px}.params-mini-table th{text-align:left;color:#334155;background:#e2e8f0;padding:6px 10px;font-weight:600}.params-mini-table td{border-bottom:1px solid #e2e8f0;padding:6px 10px}.btn-trash-sm{cursor:pointer;background:0 0;border:none;padding:2px 4px}.test-approval-page{max-width:1440px;margin:0 auto;padding-bottom:40px}.approval-header-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000005}.approval-header-icon{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.approval-title{letter-spacing:-.01em;margin:0;font-size:1.25rem}.approval-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.search-input-field{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 30px 7px 32px;font-size:13px}.search-input-field:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filter-select-sm{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:7px 10px;font-size:12.5px}.approval-cards-list{flex-direction:column;gap:12px;display:flex}.approval-sample-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .15s;overflow:hidden;box-shadow:0 1px 3px #00000005}.approval-sample-card:hover{border-color:#cbd5e1}.approval-card-header{cursor:pointer;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;transition:background-color .15s;display:flex}.approval-card-header:hover{background:#f8fafc}.approval-card-header.expanded{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sample-id-pill{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;padding:2px 7px;font-size:12.5px;font-weight:800}.sample-title-text{font-size:14px}.test-counts-pill-group{align-items:center;gap:6px;display:flex}.count-pill-verified{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.count-pill-review{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.count-pill-retest{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.approval-card-body{background:#fff;padding:0;overflow-x:auto}.export-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.export-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:92vh;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.export-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.export-modal-title-wrap{align-items:center;gap:.875rem;display:flex}.export-modal-icon-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 6px -1px #10b98140}.export-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.export-modal-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.8125rem}.export-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.export-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.export-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.export-section-title{text-transform:uppercase;letter-spacing:.05em;color:#475569;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.export-presets-row{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.75rem;display:flex}.export-preset-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.export-preset-chip:hover{color:#0f172a;background:#e2e8f0}.export-preset-chip.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 4px #0284c733}.export-mode-toggle{background:#f1f5f9;border-radius:8px;margin-bottom:.75rem;padding:.25rem;display:flex}.export-mode-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s}.export-mode-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.export-form-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.export-field-group{flex-direction:column;gap:.375rem;display:flex}.export-field-label{color:#334155;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:flex}.export-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.export-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.export-format-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.export-format-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1rem;transition:all .2s;display:flex;position:relative}.export-format-card:hover{background:#f8fafc;border-color:#cbd5e1}.export-format-card.selected.excel{background:#f0fdf4;border-color:#10b981}.export-format-card.selected.csv{background:#f0f9ff;border-color:#0284c7}.export-format-card-top{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.export-format-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.export-format-card.excel .export-format-icon{color:#15803d;background:#dcfce7}.export-format-card.csv .export-format-icon{color:#0369a1;background:#e0f2fe}.export-format-badge{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.export-format-card.excel .export-format-badge{color:#166534;background:#bbf7d0}.export-format-card.csv .export-format-badge{color:#075985;background:#bae6fd}.export-format-title{color:#0f172a;margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.export-format-desc{color:#64748b;margin:0;font-size:.75rem;line-height:1.35}.export-summary-box{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;display:flex}.export-summary-item{flex-direction:column;display:flex}.export-summary-label{text-transform:uppercase;color:#94a3b8;font-size:.6875rem;font-weight:600}.export-summary-val{color:#0f172a;font-weight:700}.export-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.export-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .15s}.export-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.export-btn-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #0284c7;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 4px #0284c740}.export-btn-download:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);box-shadow:0 4px 8px #0284c759}.export-btn-download:disabled{opacity:.6;cursor:not-allowed}.export-btn-download.excel{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 2px 4px #10b98140}.export-btn-download.excel:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 8px #10b98159}.attendance-page-container{color:#0f172a;max-width:1440px;margin:0 auto;padding:1.75rem 2rem 4rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.attendance-breadcrumb{color:#64748b;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.attendance-breadcrumb:hover{color:#1d4ed8;transform:translate(-2px)}.attendance-title-group{align-items:center;gap:1rem;display:flex}.attendance-title-icon-badge{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #1d4ed840}.attendance-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.attendance-page-desc{color:#64748b;margin:.2rem 0 0;font-size:.875rem}.btn-att-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:1px solid #1e40af;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-att-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af 0%,#172554 100%);transform:translateY(-1px);box-shadow:0 4px 10px #1d4ed859}.btn-att-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-att-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 4px #0000000f}.btn-att-secondary:disabled{opacity:.6;cursor:not-allowed}.att-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.att-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000005}.att-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.att-metric-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.att-metric-icon-wrap.blue{color:#1d4ed8;background:#eff6ff}.att-metric-icon-wrap.green{color:#16a34a;background:#f0fdf4}.att-metric-icon-wrap.amber{color:#d97706;background:#fffbeb}.att-metric-icon-wrap.rose{color:#e11d48;background:#fff1f2}.att-metric-info{flex-direction:column;display:flex}.att-metric-value{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.15}.att-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem;font-size:.75rem;font-weight:600}.att-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000008,0 4px 6px -2px #00000005}.att-card-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.att-card-title-wrap{align-items:center;gap:.6rem;display:flex}.att-card-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.att-record-count-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.att-filter-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:1rem;padding:1.15rem 1.5rem;display:flex}.att-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.att-filter-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.att-mode-segmented{background:#e2e8f0;border-radius:8px;padding:3px;display:inline-flex}.att-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.att-mode-btn.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 2px #00000014}.att-input-group{align-items:center;gap:.4rem;display:flex}.att-input-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.75rem;font-weight:600}.att-date-input,.att-select-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.8125rem;transition:all .15s}.att-date-input:focus,.att-select-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed826}.att-preset-chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.att-preset-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.att-preset-chip:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.att-preset-chip.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 3px #1d4ed84d}.att-search-box{align-items:center;display:flex;position:relative}.att-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.75rem}.att-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:220px;padding:.45rem .75rem .45rem 2.15rem;font-size:.8125rem;transition:all .15s}.att-search-input:focus{border-color:#1d4ed8;width:260px;box-shadow:0 0 0 3px #1d4ed826}.btn-att-danger-subtle{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-att-danger-subtle:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.att-table-responsive{width:100%;overflow-x:auto}.att-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.att-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.att-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.att-table tbody tr{transition:background-color .15s}.att-table tbody tr:hover{background-color:#f8fafc}.att-emp-cell{align-items:center;gap:.75rem;display:flex}.att-emp-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700;display:inline-block}.att-emp-name{color:#0f172a;font-weight:700;line-height:1.25}.att-time-cell{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700;display:inline-block}.att-duration-badge{color:#0f172a;background:#f1f5f9;border-radius:6px;padding:.2rem .6rem;font-weight:700;display:inline-block}.att-punch-trail{flex-wrap:wrap;align-items:center;gap:.35rem;max-width:280px;display:flex}.att-punch-chip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600}.att-punch-chip.out{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.att-status-pill{text-transform:capitalize;white-space:nowrap;letter-spacing:.01em;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.att-status-pill.present{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.att-status-pill.late{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.att-status-pill.half-day{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.att-status-pill.absent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.att-status-pill.leave{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.att-actions-cell{align-items:center;gap:.35rem;display:flex}.btn-row-action{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-row-action:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-row-action.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.bio-device-container{max-width:1400px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.75rem 2rem}.bio-device-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.bio-back-link{color:#64748b;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.bio-back-link:hover{color:#0f172a;transform:translate(-2px)}.bio-title-wrap{align-items:center;gap:1rem;display:flex}.bio-title-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #10b98140}.bio-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.bio-main-desc{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.bio-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-bio-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-bio-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 4px #0000000f}.btn-bio-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-bio-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #059669;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #10b9814d}.btn-bio-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.bio-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.bio-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000008}.bio-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.bio-metric-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bio-metric-icon.green{color:#059669;background:#ecfdf5}.bio-metric-icon.blue{color:#0284c7;background:#f0f9ff}.bio-metric-icon.purple{color:#7c3aed;background:#faf5ff}.bio-metric-icon.amber{color:#d97706;background:#fffbeb}.bio-metric-data{flex-direction:column;display:flex}.bio-metric-num{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1.2}.bio-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.75rem;font-weight:600}.bio-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.bio-section-title-wrap{align-items:center;gap:.5rem;display:flex}.bio-section-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.bio-section-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.bio-link-action{color:#0284c7;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.bio-link-action:hover{color:#0369a1;text-decoration:underline}.bio-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.bio-device-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008,0 4px 6px -2px #00000005}.bio-device-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 20px -3px #0000000f,0 4px 6px -2px #00000008}.bio-card-top-stripe{background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:4px}.bio-card-main{flex-direction:column;flex:1;gap:1.15rem;padding:1.35rem 1.5rem;display:flex}.bio-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.bio-device-identity{align-items:center;gap:.875rem;display:flex}.bio-device-icon{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bio-device-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.bio-device-model-badge{color:#475569;background:#f1f5f9;border-radius:6px;margin-top:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.bio-status-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;flex-shrink:0;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.bio-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;position:relative}.bio-pulse-dot:after{content:"";opacity:.4;background:#10b981;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseDot;position:absolute;inset:-3px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.bio-device-info-list{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:.65rem;padding:.875rem 1rem;display:flex}.bio-info-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.bio-info-label{color:#64748b;align-items:center;gap:.45rem;font-weight:500;display:flex}.bio-ip-pill{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700}.bio-info-val{color:#1e293b;font-weight:600}.bio-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1.5rem;display:flex}.btn-card-sync{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-sync:hover:not(:disabled){color:#047857;background:#d1fae5}.btn-card-edit{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-edit:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.bio-empty-card{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.bio-empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:flex}.bio-empty-title{color:#0f172a;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.bio-empty-desc{color:#64748b;max-width:440px;margin:0 auto 1.5rem;font-size:.875rem;line-height:1.5}.bio-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1050;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) bioModalFadeIn;display:flex;position:fixed;inset:0}@keyframes bioModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.bio-modal-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 35px -5px #00000026,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.bio-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.bio-modal-title-group{align-items:center;gap:.875rem;display:flex}.bio-modal-icon-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 3px 6px #10b98140}.bio-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.bio-modal-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.8125rem}.bio-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.bio-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.bio-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.bio-modal-section-label{text-transform:uppercase;letter-spacing:.05em;color:#475569;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.bio-form-row-2{grid-template-columns:2fr 1fr;gap:.875rem;display:grid}.bio-form-group{flex-direction:column;gap:.35rem;display:flex}.bio-form-label{color:#334155;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:flex}.bio-form-label .req{color:#ef4444}.bio-form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:.875rem;transition:all .15s}.bio-form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.bio-info-tip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.bio-toggle-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.bio-toggle-info{flex-direction:column;display:flex}.bio-toggle-title{color:#0f172a;font-size:.875rem;font-weight:600}.bio-toggle-desc{color:#64748b;font-size:.75rem}.bio-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.15rem 1.5rem;display:flex}.config-page-container{color:#0f172a;max-width:1400px;margin:0 auto;padding:24px 32px 80px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.config-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.btn-back{color:#0284c7;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-back:hover{color:#0369a1;transform:translate(-2px)}.config-header-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:800}.config-header-desc{color:#64748b;max-width:820px;margin:0;font-size:13.5px;line-height:1.45}.config-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-primary-lab{color:#fff;cursor:pointer;background:#16a34a;border:1px solid #16a34a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #16a34a33}.btn-primary-lab:hover:not(:disabled){background:#15803d;border-color:#15803d}.btn-secondary-lab{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary-lab:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.info-alert-banner{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:12.5px;line-height:1.45;display:flex}.config-tabs-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.tab-link{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tab-link:hover{color:#0f172a;background:#f8fafc}.tab-link.active{color:#065f46;background:#ecfdf5;border:1px solid #86efac}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:22px 24px;box-shadow:0 1px 3px #0f172a08}.config-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.section-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.section-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.badge-sum{color:#0369a1;background:#e0f2fe;border-radius:14px;padding:3px 10px;font-size:11.5px;font-weight:600}.dash-two-column-grid{grid-template-columns:1fr 1.15fr;align-items:flex-start;gap:24px;display:grid}@media (width<=1100px){.dash-two-column-grid{grid-template-columns:1fr}}.policy-selector-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000008}.policy-label-group{align-items:center;gap:12px;display:flex}.policy-title-text{color:#0f172a;font-size:13.5px;font-weight:700;display:block}.policy-subtitle-hint{color:#64748b;margin-top:1px;font-size:11px;display:block}.policy-controls-wrapper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented-control{background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:3px;padding:3px;display:inline-flex;box-shadow:0 1px 2px #00000005}.segment-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.segment-btn:hover{color:#0f172a;background:#f1f5f9}.segment-btn.active{color:#fff;background:#16a34a;font-weight:700;box-shadow:0 1px 3px #16a34a40}.policy-actions-wrap{align-items:center;gap:8px;display:flex}.policy-unsaved-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;animation:1.5s infinite pulseBadge;display:inline-flex}.policy-saved-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.btn-save-policy{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0284c7;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0284c726}.btn-save-policy:hover:not(:disabled){background:#0369a1;border-color:#0369a1;box-shadow:0 2px 6px #0284c740}.btn-save-policy.has-changes{background:#059669;border-color:#059669;box-shadow:0 2px 8px #05966940}.btn-save-policy.has-changes:hover:not(:disabled){background:#047857;border-color:#047857}.btn-save-policy:disabled{opacity:.65;cursor:not-allowed}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.7}}.calendar-summary-bar{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.cal-stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.cal-stat-card .stat-k{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.cal-stat-card .stat-v{color:#0f172a;font-size:17px;font-weight:800}.cal-stat-card.stat-working .stat-v{color:#16a34a}.cal-stat-card.stat-weeklyoff .stat-v{color:#d97706}.cal-stat-card.stat-holidays .stat-v{color:#6366f1}.calendar-weekdays-header{text-align:center;color:#64748b;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;padding:4px 0;font-size:11.5px;font-weight:700;display:grid}.month-grid-calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell-box{text-align:center;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:8px 6px;transition:all .15s;display:flex;position:relative}.day-cell-box:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.day-cell-box.day-working{background:#fff;border-color:#e2e8f0}.day-cell-box.day-weeklyoff{background:#fffbeb;border-color:#fde68a}.day-cell-box.day-holiday{background:#f5f3ff;border-color:#ddd6fe}.day-num{color:#0f172a;font-size:14px;font-weight:800;line-height:1}.day-cell-box.day-weeklyoff .day-num{color:#b45309}.day-cell-box.day-holiday .day-num{color:#5b21b6}.day-name-sub{color:#94a3b8;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.day-status-sub{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;margin-top:3px;padding:1px 4px;font-size:9.5px;font-weight:600;overflow:hidden}.day-working .day-status-sub{color:#15803d;background:#dcfce7}.day-weeklyoff .day-status-sub{color:#b45309;background:#fef3c7}.day-holiday .day-status-sub{color:#6d28d9;background:#ede9fe}.lims-clean-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.lims-clean-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.lims-clean-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.lims-clean-table tbody tr:hover{background:#f8fafc}.action-buttons-group{justify-content:flex-end;gap:6px;display:flex}.btn-action-icon.text-danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.device-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.device-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px 20px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0f172a08}.device-card-box:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.device-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.device-title-wrap{align-items:center;gap:10px;display:flex}.device-icon-box{color:#047857;background:#ecfdf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.device-name{color:#0f172a;font-size:14px;font-weight:700}.device-meta-list{flex-direction:column;gap:8px;font-size:12.5px;display:flex}.device-meta-list .meta-row{color:#64748b;justify-content:space-between;align-items:center;display:flex}.device-meta-list .meta-row strong{color:#1e293b}.device-actions-bar{border-top:1px solid #f1f5f9;gap:8px;padding-top:12px;display:flex}.simulator-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex}.simulator-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.simulator-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.simulator-chip:hover{color:#16a34a;border-color:#16a34a}.simulator-chip.active{color:#065f46;background:#ecfdf5;border-color:#86efac}.template-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 4px #0f172a0a}.template-card-header{background:linear-gradient(#fff 0%,#fafbfc 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.template-breakdown-grid{grid-template-columns:1fr 1fr;gap:20px;padding:20px 22px;display:grid}@media (width<=900px){.template-breakdown-grid{grid-template-columns:1fr}}.breakdown-table-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.breakdown-table-header{color:#334155;background:#f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.formula-tag{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.template-footer-summary{background:#f0fdf4;border-top:1px solid #bbf7d0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.summary-stats-group{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.summary-stat-pill{color:#334155;font-size:12.5px}.summary-stat-pill strong{color:#0f172a;font-size:14.5px}.align-selector-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.align-option-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.align-option-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.align-option-btn.active{color:#0284c7;background:#eff6ff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.media-upload-card{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;align-items:center;gap:14px;margin-bottom:14px;padding:12px;display:flex}.media-preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:52px;display:flex;overflow:hidden}.media-preview-img{object-fit:contain;max-width:100%;max-height:100%}.sig-upload-box{background:#fff;border:1px dashed #cbd5e1;border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;display:flex}.sig-preview-thumbnail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:90px;height:38px;padding:2px;display:flex;overflow:hidden}.pr-container{color:#0f172a;background-color:#f8fafc;min-height:calc(100vh - 70px);padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.pr-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.pr-title-section h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:6px 0 4px;font-size:22px;font-weight:800;display:flex}.pr-title-section p{color:#64748b;margin:0;font-size:13.5px}.pr-tag-pill{color:#166534;text-transform:uppercase;letter-spacing:.04em;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pr-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pr-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.pr-btn-primary{color:#fff;background:#16a34a}.pr-btn-primary:hover{background:#15803d;box-shadow:0 4px 12px #16a34a40}.pr-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.pr-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.pr-btn-accent{color:#fff;background:#2563eb}.pr-btn-accent:hover{background:#1d4ed8}.pr-btn-warning{color:#fff;background:#f59e0b}.pr-btn-warning:hover{background:#d97706}.pr-btn-danger{color:#fff;background:#dc2626}.pr-btn-danger:hover{background:#b91c1c}.pr-btn-sm{padding:5px 10px;font-size:12px}.pr-btn:disabled{opacity:.55;cursor:not-allowed}.pr-tabs-bar{border-bottom:2px solid #e2e8f0;gap:6px;margin-bottom:22px;display:flex;overflow-x:auto}.pr-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.pr-tab-btn:hover{color:#0f172a}.pr-tab-btn.active{color:#16a34a;border-bottom-color:#16a34a;font-weight:700}.pr-tab-count{color:#475569;background:#f1f5f9;border-radius:9999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.pr-tab-btn.active .pr-tab-count{color:#15803d;background:#dcfce7}.pr-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.pr-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000008}.pr-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.pr-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pr-kpi-info{flex-direction:column;display:flex}.pr-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.pr-kpi-val{color:#0f172a;margin-top:2px;font-size:20px;font-weight:800}.pr-kpi-sub{color:#94a3b8;font-size:11.5px}.pr-stepper-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:18px 24px;box-shadow:0 1px 3px #00000008}.pr-stepper{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex;overflow-x:auto}.pr-step-item{flex-shrink:0;align-items:center;gap:8px;display:flex}.pr-step-circle{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.pr-step-item.completed .pr-step-circle{color:#fff;background:#16a34a;border-color:#16a34a}.pr-step-item.active .pr-step-circle{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.pr-step-label{color:#64748b;white-space:nowrap;font-size:12.5px;font-weight:600}.pr-step-item.active .pr-step-label{color:#0f172a;font-weight:700}.pr-step-line{background:#e2e8f0;flex:1;min-width:24px;height:2px;margin:0 4px}.pr-step-line.filled{background:#16a34a}.pr-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 1px 3px #00000008}.pr-card-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pr-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.pr-table-wrap{overflow-x:auto}.pr-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.pr-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11.5px;font-weight:700}.pr-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.pr-table tbody tr:hover{background-color:#f8fafc}.pr-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pr-status-draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.pr-status-calculating{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.pr-status-review{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.pr-status-pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.pr-status-approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pr-status-locked{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.pr-status-paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pr-status-failed{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pr-status-reconciled{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.pr-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pr-search-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 14px;display:flex}.pr-search-box input{border:none;outline:none;width:100%;font-size:13px}.pr-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.pr-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pr-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pr-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pr-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.pr-modal-body{padding:22px}.pr-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.pr-form-group{margin-bottom:16px}.pr-form-group label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.pr-form-group input,.pr-form-group select,.pr-form-group textarea{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.pr-form-group input:focus,.pr-form-group select:focus,.pr-form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.pr-breakdown-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.pr-breakdown-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.pr-breakdown-col h4{color:#0f172a;justify-content:space-between;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.pr-breakdown-item{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:5px 0;font-size:12.5px;display:flex}.pr-breakdown-item:last-child{border-bottom:none}.email-templates-container{max-width:1200px;margin:0 auto;padding:24px}.et-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.btn-back-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-size:13px;font-weight:600;display:flex}.btn-back-link:hover{color:#0284c7}.et-icon-badge{color:#0284c7;background:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.et-page-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.et-page-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.et-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.et-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:450px;padding:6px 12px;display:flex}.et-search-box input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.et-module-tabs{gap:6px;display:flex}.et-tab-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.et-tab-btn:hover{color:#0f172a;background:#e2e8f0}.et-tab-btn.active{color:#fff;background:#0284c7}.et-list-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.et-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.et-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.et-code-tag{color:#0284c7;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:11px;font-weight:700}.et-badge-default{color:#15803d;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.et-status-dot{align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.et-status-dot.active{color:#16a34a}.et-status-dot.inactive{color:#94a3b8}.et-card-actions{gap:4px;display:flex}.btn-icon-action{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.btn-icon-action:hover{color:#0f172a;background:#f1f5f9}.btn-icon-action.text-danger:hover{color:#dc2626;background:#fee2e2}.et-card-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.et-card-desc{color:#64748b;margin:0 0 10px;font-size:12px;line-height:1.4}.et-subject-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:6px;margin-bottom:8px;padding:6px 10px;display:flex}.et-body-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:120px;margin-bottom:12px;padding:8px 10px;overflow-y:auto}.et-body-preview-box pre{color:#334155;white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:11.5px}.et-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:8px}.et-empty-card{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;grid-column:1/-1;padding:40px}.placeholder-pill-grid{flex-wrap:wrap;gap:4px;display:flex}.placeholder-pill-btn{color:#0284c7;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10.5px;font-weight:600;transition:all .15s}.placeholder-pill-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.email-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.ep-row{border-bottom:1px solid #f1f5f9;gap:8px;margin-bottom:6px;padding-bottom:4px;font-size:12.5px;display:flex}.ep-label{color:#64748b;width:90px;font-weight:700}.ep-val{color:#0f172a}.ep-body-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;margin-top:10px;padding:12px}.ep-body-card pre{color:#1e293b;white-space:pre-wrap;margin:0;font-family:inherit;font-size:12px;line-height:1.5}.form-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.change-queue-container{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.queue-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.queue-header-row h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.badge-queue-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.queue-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=992px){.queue-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.queue-kpi-grid{grid-template-columns:1fr}}.queue-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a}.queue-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.queue-kpi-card.active-kpi{background:#f8fafc;border-color:#3b82f6}.queue-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.queue-kpi-icon.blue{color:#2563eb;background:#eff6ff}.queue-kpi-icon.amber{color:#d97706;background:#fffbeb}.queue-kpi-icon.emerald{color:#059669;background:#ecfdf5}.queue-kpi-icon.purple{color:#9333ea;background:#faf5ff}.queue-kpi-info{flex-direction:column;min-width:0;display:flex}.queue-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px;font-weight:600}.queue-kpi-val{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2}.queue-kpi-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.queue-tabs-bar{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.queue-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-top-left-radius:6px;border-top-right-radius:6px;margin-bottom:-2px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.queue-tab-btn:hover{color:#0f172a;background:#f1f5f9}.queue-tab-btn.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb;font-weight:700}.queue-filter-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.search-form-wrap{flex:1;gap:8px;min-width:280px;display:flex;position:relative}.search-form-wrap .search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-form-wrap input{border-color:#cbd5e1;border-radius:8px;padding-left:32px}.type-filter-wrap{align-items:center;gap:6px;min-width:220px;display:flex}.type-filter-wrap select{border-color:#cbd5e1;border-radius:8px}.queue-table-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.queue-table-card table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.queue-table-card table tbody td{border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.emp-avatar-circle{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.badge-change-type{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-change-type.type-salary{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-change-type.type-promotion{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.badge-change-type.type-transfer{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.badge-change-type.type-confirmation{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.badge-change-type.type-manager{color:#a21caf;background:#fdf4ff;border:1px solid #f5d0fe}.badge-change-type.type-general{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.diff-pill-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:12px;display:inline-flex}.diff-from{color:#94a3b8;font-size:11px;text-decoration:line-through}.diff-arrow-icon{color:#94a3b8;flex-shrink:0}.diff-to{color:#0f172a}.badge-status{white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-status-pending-approval{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-status-approved,.badge-status-applied{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-status-rejected{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.badge-status-returned{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.status-pulse-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot;box-shadow:0 0 0 2px #f59e0b33}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #f59e0b80}70%{transform:scale(1);box-shadow:0 0 0 4px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}.emp-snapshot-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px}.snapshot-grid{color:#475569;grid-template-columns:repeat(3,1fr);gap:6px;font-size:11px;display:grid}@media (width<=768px){.snapshot-grid{grid-template-columns:1fr}}.proposed-input-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.section-subtitle{color:#1e293b;margin:0 0 10px;font-size:13px;font-weight:700}.diff-preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.diff-header{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:11px;font-weight:700}.diff-body{align-items:center;gap:12px;padding:12px;display:flex}.diff-col{border-radius:6px;flex:1;padding:10px;font-size:12px}.before-col{color:#9f1239;background:#fff1f2;border:1px solid #ffe4e6}.after-col{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5}.diff-col-title{text-transform:uppercase;opacity:.8;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.diff-arrow-wrap{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.audit-timeline-list{flex-direction:column;gap:12px;padding-left:20px;display:flex;position:relative}.audit-timeline-list:before{content:"";background:#cbd5e1;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.audit-timeline-item{align-items:flex-start;gap:10px;display:flex;position:relative}.timeline-dot{background:#2563eb;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-18px;box-shadow:0 0 0 1px #cbd5e1}.timeline-content{font-size:12px}.timeline-action{color:#0f172a;font-weight:600;display:block}.timeline-meta{color:#64748b;font-size:11px}.timeline-remarks{color:#475569;background:#f8fafc;border-radius:4px;margin:4px 0 0;padding:4px 8px;font-size:11px}.change-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.change-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.change-modal-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex;position:sticky;top:0}.change-modal-title-group{align-items:flex-start;gap:14px;display:flex}.change-modal-icon-badge{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #2563eb1f}.change-modal-tag{text-transform:uppercase;letter-spacing:.04em;color:#2563eb;align-items:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:700;display:inline-flex}.change-modal-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 2px;font-size:18px;font-weight:700}.change-modal-subtitle{color:#64748b;margin:0;font-size:12px;line-height:1.4}.change-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.change-modal-close:hover{color:#0f172a;background:#f1f5f9}.change-modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin:16px 24px 0;padding:10px 14px;font-size:12px;display:flex}.change-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.change-modal-scroll{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.change-section-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.change-section-box.highlight-box{background:#f8fafc;border-color:#cbd5e1}.change-section-label{text-transform:uppercase;letter-spacing:.03em;color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.change-input-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.change-select,.change-input,.change-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:all .15s}.change-select:focus,.change-input:focus,.change-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.change-select.primary-select{background-color:#f8fafc;border-color:#93c5fd;padding:10px 14px;font-size:13.5px;font-weight:500}.change-textarea{resize:vertical;min-height:75px;line-height:1.5}.change-dynamic-grid{gap:12px;display:grid}.change-dynamic-grid.two-col{grid-template-columns:1fr 1fr}@media (width<=640px){.change-dynamic-grid.two-col{grid-template-columns:1fr}}.change-field-full{width:100%}.change-emp-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.change-emp-avatar{color:#fff;background:#2563eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px #2563eb33}.change-emp-details{flex:1;min-width:0}.change-emp-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.change-emp-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.change-emp-badge{color:#334155;background:#e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.change-status-pill{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.change-status-pill.active{color:#15803d;background:#dcfce7}.change-status-pill.probation{color:#b45309;background:#fef3c7}.change-emp-meta-grid{flex-wrap:wrap;gap:12px;display:flex}.change-meta-item{color:#64748b;align-items:center;gap:5px;font-size:11.5px;display:flex}.change-category-cards{flex-direction:column;gap:12px;display:flex}.change-cat-group{flex-direction:column;gap:6px;display:flex}.change-cat-header{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.change-types-subgrid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width<=640px){.change-types-subgrid{grid-template-columns:1fr}}.change-type-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.change-type-card:hover{background:#f8fafc;border-color:#93c5fd;transform:translateY(-1px)}.change-type-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.change-type-top{justify-content:space-between;align-items:center;display:flex}.change-type-title{color:#0f172a;font-size:12.5px;font-weight:600}.change-type-desc{color:#64748b;font-size:11px;line-height:1.3}.change-presets-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.change-presets-label{color:#64748b;font-size:11px;font-weight:600}.change-presets-btns{flex-wrap:wrap;gap:6px;display:flex}.change-preset-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.change-preset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.change-salary-delta-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 16px;display:flex}.delta-stat{flex-direction:column;display:flex}.delta-label{text-transform:uppercase;color:#166534;font-size:10px;font-weight:700}.delta-val{color:#14532d;font-size:14px;font-weight:600}.delta-stat-pill{color:#fff;background:#22c55e;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.change-matrix-grid{align-items:center;gap:12px;display:flex}@media (width<=640px){.change-matrix-grid{flex-direction:column}}.change-matrix-card{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:12px}.change-matrix-card.current{background:#fff1f2;border-color:#fecdd3}.change-matrix-card.proposed{background:#ecfdf5;border-color:#a7f3d0}.matrix-badge{text-transform:uppercase;border-radius:4px;margin-bottom:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.matrix-badge.current{color:#be123c;background:#ffe4e6}.matrix-badge.proposed{color:#047857;background:#d1fae5}.matrix-row{color:#334155;font-size:12px;line-height:1.4}.highlight-text{color:#2563eb;font-weight:600}.highlight-text.emerald{color:#059669}.change-matrix-divider{color:#94a3b8;justify-content:center;align-items:center;padding:6px;display:flex}.change-workflow-radios{gap:8px;display:flex}.workflow-radio-card{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.workflow-radio-card.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.change-reason-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.change-chip-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;padding:4px 10px;font-size:11px;transition:all .15s}.change-chip-btn:hover{color:#0f172a;background:#e2e8f0}.change-modal-footer{z-index:10;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.btn-change-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-change-secondary:hover{color:#0f172a;background:#f1f5f9}.btn-change-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #2563eb40}.btn-change-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-change-primary:disabled{opacity:.65;cursor:not-allowed}.employee-list-container{max-width:1440px;margin:0 auto;padding:24px 32px 80px}.module-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.module-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;display:flex}.module-breadcrumb .separator{color:#cbd5e1}.module-breadcrumb .current{color:#0284c7;font-weight:600}.module-title{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:700}.module-subtitle{color:#64748b;margin:0;font-size:13.5px}.header-action-group{align-items:center;gap:12px;display:flex}.employee-kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.kpi-card.active-filter{background-color:#f0f9ff;border-color:#0284c7}.kpi-purple{color:#6d28d9;background:#f5f3ff}.kpi-gray{color:#475569;background:#f1f5f9}.kpi-label{color:#64748b;margin-top:2px;font-size:12px;font-weight:500}.list-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.list-filter-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.search-input-wrap{flex:1;min-width:280px;max-width:440px;position:relative}.search-input-wrap input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 36px;font-size:13.5px;transition:border-color .15s}.search-input-wrap input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-dropdowns-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:0 12px;font-size:13px;transition:border-color .15s}.filter-select:focus{border-color:#0284c7}.error-alert-banner{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fee2e2;align-items:center;gap:8px;padding:12px 20px;font-size:13px;display:flex}.table-responsive-wrapper{overflow-x:auto}.lims-employee-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.lims-employee-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:12px;font-weight:600}.lims-employee-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.employee-row{cursor:pointer;transition:background-color .15s}.employee-row:hover{background-color:#f8fafc}.emp-profile-cell{align-items:center;gap:12px;display:flex}.avatar-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:38px;height:38px}.avatar-placeholder{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.emp-id-meta{flex-direction:column;display:flex}.emp-name-text{color:#0f172a;font-size:14px;font-weight:600}.emp-id-badge-row{align-items:center;gap:6px;margin-top:2px;display:flex}.emp-id-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:700}.emp-code-sub{color:#64748b;font-size:11px}.designation-cell{flex-direction:column;display:flex}.designation-text{color:#334155;font-size:13.5px;font-weight:600}.dept-sub-text{color:#64748b;align-items:center;margin-top:2px;font-size:12px;display:inline-flex}.roles-tags-wrapper{flex-wrap:wrap;gap:4px;max-width:240px;display:flex}.role-tag-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.contact-meta-cell{color:#64748b;flex-direction:column;gap:3px;font-size:12px;display:flex}.contact-phone,.contact-email{align-items:center;display:inline-flex}.emp-type-sub{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.status-badge-pill{border-radius:12px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.status-probation{color:#b45309;background:#fef3c7}.status-leave{color:#0369a1;background:#e0f2fe}.status-suspended{color:#b91c1c;background:#fee2e2}.status-separated{color:#64748b;background:#f1f5f9}.action-buttons-group{justify-content:flex-end;align-items:center;gap:6px;display:flex}.table-pagination-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pagination-info{color:#64748b;font-size:13px}.pagination-controls{align-items:center;gap:8px;display:flex}.page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.page-btn:disabled{opacity:.5;cursor:not-allowed}.current-page-pill{color:#475569;padding:0 6px;font-size:12.5px;font-weight:600}.loading-state-box,.empty-state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state-box .spinner{border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite spin}@media (width<=1200px){.employee-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.employee-list-container{padding:16px}.module-header-row{flex-direction:column;gap:16px}.employee-kpi-grid{grid-template-columns:1fr}.list-filter-bar{flex-direction:column;align-items:stretch}.search-input-wrap{max-width:100%}}.employee-form-container{max-width:1280px;margin:0 auto;padding:24px 32px 80px}.form-header-bar{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.btn-back{color:#0284c7;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-back:hover{text-decoration:underline}.form-page-title{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:700}.form-page-subtitle{color:#64748b;margin:0;font-size:13.5px}.header-right-actions{align-items:center;gap:12px;display:flex}.alert-message-box{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:13.5px;display:flex}.error-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.success-alert{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.form-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.form-tabs-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn.active{color:#0284c7;background:#fff;border-bottom-color:#0284c7}.tab-pane-content{padding:28px 32px}.section-title{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.section-desc{color:#64748b;margin:0 0 24px;font-size:13px}.sub-section-title{color:#334155;margin:20px 0 14px;font-size:14.5px;font-weight:600}.form-group{flex-direction:column;display:flex}.form-label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600}.form-label.required:after{content:" *";color:#dc2626}.form-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:42px;min-height:42px;padding:8px 14px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .15s,box-shadow .15s}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px;line-height:normal}input[type=date].form-input{line-height:1.5}.form-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.form-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.field-hint{color:#64748b;margin-top:4px;font-size:11.5px}.max-w-400{max-width:400px}.address-sections-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.address-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px}.address-card-title{color:#1e293b;margin:0 0 12px;font-size:13.5px;font-weight:600}.same-address-check{color:#0284c7;cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.roles-picker-card,.disciplines-picker-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.roles-pill-grid,.disciplines-pill-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.role-choice-pill,.disc-choice-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.role-choice-pill:hover,.disc-choice-pill:hover{background:#f0f9ff;border-color:#0284c7}.role-choice-pill.selected,.disc-choice-pill.selected{color:#0369a1;background:#e0f2fe;border-color:#0284c7;font-weight:600}.authorities-toggles-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.authority-toggle-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.authority-toggle-box input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-top:3px}.toggle-title{color:#0f172a;font-size:13.5px;font-weight:600;display:block}.toggle-desc{color:#64748b;margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.salary-control-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.preset-pills-row{align-items:center;gap:8px;margin-top:8px;display:flex}.preset-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.preset-pill:hover{color:#0f172a;background:#e2e8f0}.salary-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.salary-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.salary-card-header.earnings-header{background:#f0fdf4;border-bottom-color:#bbf7d0}.salary-card-header.deductions-header{background:#fef2f2;border-bottom-color:#fecaca}.card-header-title-group{align-items:center;gap:10px;display:flex}.card-header-title{color:#0f172a;font-size:14px;font-weight:700}.count-pill{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.total-sum-pill{border-radius:8px;padding:4px 12px;font-family:monospace;font-size:13px;font-weight:700}.total-sum-pill.earnings{color:#15803d;background:#dcfce7;border:1px solid #86efac}.total-sum-pill.deductions{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.salary-items-container{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.salary-row-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.salary-row-item:hover{background:#f1f5f9;border-color:#cbd5e1}.salary-row-item.is-overridden{background:#fffbeb;border:1px solid #fde68a;box-shadow:0 1px 2px #f59e0b0d}.item-info-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.item-name-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-main-title{color:#1e293b;font-size:13.5px;font-weight:600}.salary-tag{letter-spacing:.02em;text-transform:uppercase;border-radius:6px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.salary-tag.default{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.salary-tag.overridden{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.item-sub-formula{color:#64748b;font-size:11.5px}.item-input-actions-col{flex-shrink:0;align-items:center;gap:8px;margin-left:12px;display:flex}.currency-input-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;height:34px;transition:border-color .15s;display:flex;overflow:hidden}.currency-input-wrapper:focus-within{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.currency-symbol-box{color:#64748b;background:#f8fafc;border-right:1px solid #e2e8f0;align-items:center;height:100%;padding:0 8px;font-size:12px;font-weight:600;display:flex}.currency-val-input{text-align:right;color:#0f172a;border:none;outline:none;width:90px;height:100%;padding:0 8px;font-family:monospace;font-size:13px;font-weight:600}.currency-val-input.text-danger{color:#dc2626}.btn-icon-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-icon-pill:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-icon-pill.reset:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-icon-pill.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.net-pay-hero-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0369a1 100%);border-radius:12px;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;box-shadow:0 10px 15px -3px #0f172a33}.net-hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#38bdf8;font-size:11.5px;font-weight:700;display:block}.net-hero-breakdown{color:#e2e8f0;margin-top:4px;font-size:13px}.net-hero-words{color:#94a3b8;margin-top:4px;font-size:12px;font-style:italic}.net-hero-amount-box{text-align:right}.net-hero-amount{letter-spacing:-.02em;color:#fff;font-family:monospace;font-size:30px;font-weight:800}.net-hero-period{color:#94a3b8;font-size:14px;font-weight:500}.net-hero-note{color:#7dd3fc;margin-top:4px;font-size:11px}.credentials-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.cred-account-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;padding:16px 20px;display:flex}.cred-summary-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cred-summary-details{flex-direction:column;gap:4px;display:flex}.cred-summary-title{color:#334155;font-size:15px}.cred-summary-meta{color:#64748b;font-size:12.5px}.max-w-480{max-width:480px}.btn-text-action{color:#1d4ed8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-text-action:hover{color:#1e40af;background:#eff6ff}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-field{width:100%;padding-right:44px!important}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#334155;background:#f1f5f9}.form-card-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 32px;display:flex}.pbac-container{flex-direction:column;gap:20px;display:flex}.pbac-summary-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#0369a1 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 12px #0f172a26}.pbac-summary-left{flex-direction:column;gap:6px;display:flex}.pbac-summary-kicker{letter-spacing:.08em;text-transform:uppercase;color:#38bdf8;font-size:11px;font-weight:700}.pbac-summary-role{align-items:center;gap:10px;display:flex}.pbac-role-badge{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;padding:4px 12px;font-size:14px;font-weight:700}.pbac-summary-desc{color:#cbd5e1;margin:0;font-size:12px}.pbac-metrics-row{align-items:center;gap:12px;display:flex}.pbac-metric-card{text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;min-width:90px;padding:8px 14px}.pbac-metric-val{color:#fff;font-family:monospace;font-size:18px;font-weight:800}.pbac-metric-val.inherited{color:#60a5fa}.pbac-metric-val.granted{color:#34d399}.pbac-metric-val.effective{color:#38bdf8}.pbac-metric-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.pbac-role-selector-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:18px 20px}.pbac-role-select-row{align-items:center;gap:16px;display:flex}.pbac-secondary-roles-section{border-top:1px dashed #cbd5e1;margin-top:18px;padding-top:18px}.pbac-secondary-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.badge-secondary-count{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;padding:3px 10px;font-size:11.5px;font-weight:600}.pbac-secondary-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.pbac-role-checkbox-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex;position:relative}.pbac-role-checkbox-card:hover{background:#f8fafc;border-color:#94a3b8}.pbac-role-checkbox-card.selected{background:#f0f9ff;border-color:#0284c7;box-shadow:0 1px 4px #0284c71f}.pbac-role-checkbox{accent-color:#0284c7;cursor:pointer;flex-shrink:0;width:17px;height:17px;margin:0}.pbac-role-checkbox-content{flex-direction:column;flex:1;min-width:0;display:flex}.pbac-role-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pbac-role-checkbox-card.selected .pbac-role-name{color:#0369a1}.pbac-role-status-text{color:#64748b;margin-top:1px;font-size:11px}.pbac-role-check-tag{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.pbac-secondary-summary-pill{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:10px;padding:2px 8px;font-size:11.5px;font-weight:600}.pbac-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pbac-search-wrapper{flex:1;min-width:260px;max-width:480px;position:relative}.pbac-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pbac-search-input{width:100%;height:38px!important;padding-left:36px!important;padding-right:32px!important}.pbac-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pbac-accordion-actions{align-items:center;gap:8px;display:flex}.btn-pbac-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-pbac-action:hover{color:#0f172a;background:#f1f5f9}.pbac-accordion-list{flex-direction:column;gap:12px;display:flex}.pbac-module-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .15s;overflow:hidden}.pbac-module-card.unentitled-module{opacity:.85;background:#fbfcfe;border-color:#e2e8f0}.pbac-controls-bar{margin-bottom:18px}.pbac-search-wrapper{width:100%;position:relative}.pbac-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pbac-search-input{background:#fff;border:1px solid #cbd5e1;width:100%;font-size:13.5px;padding-left:42px!important;padding-right:36px!important}.pbac-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pbac-search-clear:hover{color:#475569}.pbac-capabilities-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.pbac-capabilities-grid{grid-template-columns:1fr}}.pbac-cap-module-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pbac-cap-module-card:hover{border-color:#cbd5e1;box-shadow:0 3px 6px #0000000f}.pbac-cap-module-card.unentitled-module{opacity:.72;background:#fafafa;border-color:#e5e7eb}.pbac-cap-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.pbac-cap-header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pbac-cap-module-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:700;overflow:hidden}.pbac-cap-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pbac-category-tag{text-transform:uppercase;letter-spacing:.04em;color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.pbac-category-tag.core-lims{color:#0369a1;background:#e0f2fe}.pbac-category-tag.commercial{color:#b45309;background:#fef3c7}.pbac-category-tag.finance{color:#15803d;background:#dcfce7}.pbac-category-tag.human-resources{color:#7e22ce;background:#f3e8ff}.pbac-category-tag.operations{color:#c2410c;background:#ffedd5}.pbac-category-tag.analytics{color:#4338ca;background:#e0e7ff}.pbac-entitlement-badge{white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.pbac-entitlement-badge.entitled{color:#15803d;background:#dcfce7;border:1px solid #86efac}.pbac-entitlement-badge.unentitled{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.pbac-module-active-pill{color:#0369a1;white-space:nowrap;background:#e0f2fe;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.pbac-cap-quick-bar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.pbac-cap-module-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;line-height:1.35;overflow:hidden}.pbac-quick-links{flex-shrink:0;align-items:center;gap:6px;display:flex}.pbac-quick-btn-link{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.pbac-quick-btn-link:hover{color:#0369a1}.pbac-cap-rows-list{background:#fff;flex-direction:column;flex:1;gap:8px;padding:10px 14px;display:flex}.pbac-cap-row{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.pbac-cap-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000a}.pbac-cap-row.is-inherited{cursor:default;background:#f0f9ff;border-color:#bae6fd}.pbac-cap-row.is-granted{background:#ecfdf5;border-color:#a7f3d0}.pbac-cap-row.is-unentitled{opacity:.65;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.pbac-cap-row-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.pbac-cap-switch{cursor:pointer;accent-color:#0284c7;flex-shrink:0;width:17px;height:17px;margin-top:3px}.pbac-cap-switch:disabled{cursor:not-allowed}.pbac-cap-text-block{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pbac-cap-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pbac-cap-title{color:#0f172a;font-size:12.5px;font-weight:600}.pbac-cap-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.35}.pbac-badge-inherited{color:#1e40af;white-space:nowrap;background:#dbeafe;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.pbac-badge-granted{color:#065f46;white-space:nowrap;background:#d1fae5;border:1px solid #a7f3d0;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.pbac-badge-unentitled{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.payslip-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payslip-modal-wrapper{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:880px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.payslip-modal-top-bar{z-index:10;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.payslip-toolbar-title{color:#0f172a;font-size:14.5px;font-weight:700}.btn-close-modal{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-close-modal:hover{color:#0f172a;background:#f1f5f9}.printable-payslip-paper{color:#0f172a;background:#fff;padding:32px 36px;font-family:inherit}.payslip-header-block{text-align:center;border-bottom:2px solid #0284c7;padding-bottom:16px}.company-title{color:#0369a1;text-transform:uppercase;letter-spacing:.02em;margin:0 0 4px;font-size:20px;font-weight:800}.company-tagline{color:#475569;margin:0 0 4px;font-size:12px;font-weight:600}.company-address{color:#64748b;margin:0 0 6px;font-size:11.5px}.company-tax-row{color:#334155;justify-content:center;gap:18px;margin:0;font-size:11px;font-weight:600;display:flex}.payslip-doc-badge-strip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;justify-content:space-between;align-items:center;margin:16px 0;padding:8px 14px;display:flex}.badge-text{color:#0369a1;letter-spacing:.04em;font-size:13px;font-weight:800}.slip-ref-no{color:#0284c7;font-family:monospace;font-size:12px;font-weight:700}.employee-meta-matrix{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;padding:14px 18px;display:grid}.meta-col{flex-direction:column;gap:6px;display:flex}.meta-item{font-size:12px;display:flex}.meta-k{color:#64748b;flex-shrink:0;width:100px;font-weight:500}.meta-v{color:#0f172a;word-break:break-all;font-weight:600}.financial-breakdown-tables{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.fin-table-box{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.fin-table-header{color:#334155;letter-spacing:.03em;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:11.5px;font-weight:700}.fin-data-table{border-collapse:collapse;width:100%;font-size:12px}.fin-data-table th{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:6px 12px;font-weight:600}.fin-data-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:7px 12px}.fin-total-row td{background:#f8fafc;border-top:1px solid #cbd5e1;border-bottom:none;font-size:12.5px}.net-payable-block{background:#f8fafc;border:2px solid #0284c7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;display:flex}.net-number-side{align-items:center;gap:12px;display:flex}.net-title{color:#0369a1;font-size:13px;font-weight:800}.net-amount{color:#0284c7;font-size:20px;font-weight:800}.net-words-side{text-align:right}.words-label{color:#64748b;font-size:11px;display:block}.words-val{color:#0f172a;font-size:12.5px;font-weight:700}.payslip-signatures-block{grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 16px;padding-top:10px;display:grid}.sig-column{flex-direction:column;display:flex}.sig-line{border-top:1px solid #94a3b8;width:100%;margin-bottom:6px}.sig-title{color:#475569;font-size:11.5px;font-weight:600}.verified-stamp{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:4px;justify-content:center;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.payslip-bottom-footer{text-align:center;border-top:1px dashed #cbd5e1;padding-top:10px}.disclaimer-text{color:#94a3b8;margin:0;font-size:10.5px}@media print{@page{size:A4 portrait;margin:10mm 12mm}html,body{background:#fff!important;height:auto!important;min-height:100%!important;overflow:visible!important}.no-print,.sidebar,.top-header,.detail-tabs-bar{display:none!important}.payslip-modal-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.payslip-modal-wrapper{max-width:100%!important;max-height:none!important;box-shadow:none!important;border:none!important;overflow:visible!important}.printable-payslip-paper{width:100%!important;padding:0!important}}.employee-detail-container{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 0 60px}.employee-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.hero-left-section{align-items:center;gap:20px;display:flex}.hero-avatar-img{object-fit:cover;border:3px solid #e0f2fe;border-radius:50%;width:76px;height:76px}.hero-avatar-placeholder{color:#0284c7;background:#e0f2fe;border:3px solid #bae6fd;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:24px;font-weight:800;display:flex}.hero-identity-meta{flex-direction:column;display:flex}.hero-full-name{color:#0f172a;margin:0;font-size:22px;font-weight:700}.hero-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.hero-emp-id-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700}.hero-code-sub{color:#64748b;font-size:12px}.hero-dept-badge{color:#334155;background:#f1f5f9;border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.hero-desig-text{color:#475569;font-size:13px;font-weight:500}.hero-contact-summary{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.hero-right-actions{align-items:center;gap:10px;display:flex}.btn-danger-outline{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-danger-outline:hover{background:#fef2f2;border-color:#dc2626}.separated-notice-pill{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.detail-tabs-bar{background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:10px 10px 0 0;display:flex;overflow-x:auto}.detail-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:13px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.detail-tab-btn:hover{color:#0f172a;background:#f1f5f9}.detail-tab-btn.active{color:#0284c7;background:#fff;border-bottom-color:#0284c7}.detail-tab-card{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 12px 12px;padding:28px 32px;box-shadow:0 1px 3px #0000000a}.detail-section-block{padding-bottom:20px}.detail-block-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.detail-block-sub{color:#64748b;margin:0 0 16px;font-size:12.5px}.detail-info-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.info-cell{flex-direction:column;display:flex}.info-k{color:#64748b;margin-bottom:3px;font-size:11.5px;font-weight:500}.info-v{color:#0f172a;font-size:13.5px;font-weight:600}.address-display-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.address-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px}.address-type-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.address-text{color:#1e293b;margin:0;font-size:13px;line-height:1.5}.role-active-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.role-card-title{color:#0f172a;font-size:13px;font-weight:700;display:block}.role-card-desc{color:#64748b;font-size:11px;display:block}.disciplines-list-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.disc-active-badge{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.auth-checks-row{flex-wrap:wrap;gap:14px;display:flex}.auth-badge{border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.auth-granted{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.auth-denied{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.security-notice-strip{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.leave-quota-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quota-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px}.quota-name{color:#334155;margin-bottom:8px;font-size:12.5px;font-weight:600;display:block}.quota-stat-row{justify-content:space-between;align-items:flex-end;display:flex}.quota-rem{color:#0284c7;font-size:18px;font-weight:800}.quota-rem small{color:#64748b;font-size:11px;font-weight:500}.quota-used{color:#64748b;font-size:11.5px}.audit-timeline{flex-direction:column;gap:16px;display:flex}.audit-entry{gap:14px;display:flex;position:relative}.audit-dot{background:#0284c7;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.audit-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:12px 16px}.audit-header{justify-content:space-between;margin-bottom:4px;font-size:12.5px;display:flex}.audit-author{color:#64748b;margin-bottom:4px;font-size:11.5px;display:block}.audit-details{color:#1e293b;margin:0;font-size:12.5px}.empty-sub-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.max-w-500{max-width:500px}.max-w-600{max-width:600px}.att-performance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.att-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-profile-filter-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.att-filter-left-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mode-toggle-group-sm{background:#e2e8f0;border-radius:6px;flex-shrink:0;padding:2px;display:inline-flex}.mode-btn-sm{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.mode-btn-sm.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.att-filter-inputs-group{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.att-filter-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:34px;padding:4px 12px;font-size:12.5px;font-weight:500;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000005}.att-filter-select:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.att-select-month{min-width:125px}.att-select-year{min-width:85px}.att-filter-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:34px;padding:4px 10px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.att-filter-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.att-date-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:500}.btn-apply-filter{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.att-period-summary{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:12.5px}.emp-att-kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.emp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 1px 2px #00000005}.emp-kpi-card.highlight{background:#f0f9ff;border-color:#bae6fd}.emp-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.emp-kpi-icon.present{color:#15803d;background:#dcfce7}.emp-kpi-icon.absent{color:#b91c1c;background:#fee2e2}.emp-kpi-icon.late{color:#b45309;background:#fef3c7}.emp-kpi-icon.leave{color:#7e22ce;background:#f3e8ff}.emp-kpi-icon.work{color:#1d4ed8;background:#eff6ff}.emp-kpi-icon.rate{color:#0284c7;background:#e0f2fe}.emp-kpi-val{font-size:18px;font-weight:700;line-height:1.1;display:block}.emp-kpi-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600;display:block}.quota-card-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008}.quota-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quota-total-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.quota-metric-main{align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.quota-rem-big{color:#0284c7;font-size:26px;font-weight:800;line-height:1}.quota-rem-sub{color:#64748b;font-size:12px}.quota-stats-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:8px;font-size:11.5px;display:flex}.btn-view-doc{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-view-doc:hover{color:#fff;background:#0284c7;border-color:#0284c7}.badge-not-submitted{color:#64748b;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.compact-empty-state{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:12px 0 24px;padding:24px 16px;display:flex}.salary-tables-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.salary-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.salary-box-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13.5px;font-weight:700;display:flex}.salary-box-header.green-header{color:#15803d;background:#f0fdf4;border-bottom-color:#bbf7d0}.salary-box-header.red-header{color:#b91c1c;background:#fef2f2;border-bottom-color:#fecaca}.badge-sum{border-radius:6px;padding:3px 10px;font-family:monospace;font-size:13px;font-weight:750}.green-header .badge-sum{color:#15803d;background:#dcfce7;border:1px solid #86efac}.red-header .badge-sum{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.salary-items-list{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.salary-line-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12.5px;transition:all .15s;display:flex}.salary-line-item:hover{background:#f1f5f9;border-color:#e2e8f0}.salary-line-item .item-name{color:#334155;font-weight:500}.salary-line-item .item-amount{color:#0f172a;font-family:monospace;font-weight:700}.salary-line-item .item-amount.text-danger{color:#dc2626!important}.net-pay-banner-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1.5px solid #bae6fd;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;box-shadow:0 2px 4px #0284c70f}.net-pay-label{color:#0369a1;margin-bottom:2px;font-size:14px;font-weight:750;display:block}.net-pay-sub{color:#64748b;font-size:11.5px}.net-pay-val{color:#0284c7;font-family:monospace;font-size:22px;font-weight:800}.net-pay-val .per-month{color:#64748b;font-size:12.5px;font-weight:500}@media (width<=992px){.detail-info-grid,.leave-quota-grid,.disciplines-list-grid,.address-display-grid,.emp-att-kpi-grid,.salary-tables-grid{grid-template-columns:1fr}}.lifecycle-timeline-container{border-left:2px solid #e2e8f0;flex-direction:column;gap:20px;margin-left:12px;padding:10px 0 20px 24px;display:flex;position:relative}.lifecycle-timeline-node{position:relative}.timeline-marker{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:14px;left:-33px}.timeline-badge-dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #fff}.dot-joined{background:#10b981}.dot-promo{background:#6366f1}.dot-confirm{background:#0ea5e9}.dot-salary{background:#f59e0b}.dot-standard{background:#64748b}.timeline-node-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px;transition:border-color .15s;box-shadow:0 1px 3px #00000008}.timeline-node-card:hover{border-color:#cbd5e1}.badge-event-type{text-transform:uppercase;letter-spacing:.4px;color:#0284c7;background:#e0f2fe;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.timeline-event-title{color:#0f172a;margin:4px 0 0;font-size:15px;font-weight:700}.timeline-date-chip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.timeline-desc-text{color:#475569;margin:6px 0 0;font-size:13px;line-height:1.5}.timeline-diff-strip{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:8px 12px}.diff-title{text-transform:uppercase;color:#64748b;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.timeline-node-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.badge-change-type{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.badge-status{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-status-approved,.badge-status-applied{color:#15803d;background:#dcfce7}.badge-status-pending-approval,.badge-status-submitted{color:#854d0e;background:#fef9c3}.badge-status-draft{color:#475569;background:#f1f5f9}.badge-status-rejected{color:#b91c1c;background:#fee2e2}.badge-status-returned{color:#c2410c;background:#ffedd5}.perf-container{color:#0f172a;background-color:#f8fafc;min-height:calc(100vh - 70px);padding:24px 28px;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.perf-breadcrumb{color:#166534;text-transform:uppercase;letter-spacing:.04em;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.perf-tag-pill{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.perf-title-section h1,.perf-title{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:4px 0 6px;font-size:22px;font-weight:800;display:flex}.perf-title-section p,.perf-subtitle{color:#64748b;max-width:850px;margin:0;font-size:13.5px;line-height:1.45}.perf-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.perf-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.perf-btn-primary{color:#fff;background:#16a34a}.perf-btn-primary:hover{background:#15803d;box-shadow:0 4px 12px #16a34a40}.perf-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.perf-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.perf-btn-accent{color:#fff;background:#2563eb}.perf-btn-accent:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.perf-btn-warning{color:#fff;background:#f59e0b}.perf-btn-warning:hover{background:#d97706}.perf-btn-danger{color:#fff;background:#dc2626}.perf-btn-danger:hover{background:#b91c1c}.perf-btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:inline-flex}.perf-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.perf-btn-sm{border-radius:7px;gap:5px;padding:6px 12px;font-size:12.5px}.perf-btn-xs{border-radius:6px;gap:4px;padding:4px 9px;font-size:11.5px}.perf-btn:disabled{opacity:.55;cursor:not-allowed}.perf-tabs,.perf-tabs-bar{background:0 0;border-bottom:2px solid #e2e8f0;gap:6px;margin-bottom:22px;display:flex;overflow-x:auto}.perf-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.perf-tab-btn:hover{color:#0f172a}.perf-tab-btn.active{color:#16a34a;border-bottom-color:#16a34a;font-weight:700}.perf-tab-count{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.perf-tab-btn.active .perf-tab-count{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.perf-subnav{box-shadow:none;background:0 0;border-bottom:2px solid #e2e8f0;border-radius:0;gap:6px;margin-bottom:22px;padding:0;display:flex;overflow-x:auto}.perf-subnav-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.perf-subnav-btn:hover{color:#0f172a;background:0 0}.perf-subnav-btn.active{color:#16a34a;box-shadow:none;background:0 0;border-bottom-color:#16a34a;font-weight:700}.perf-subnav-count{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.perf-subnav-btn.active .perf-subnav-count{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.perf-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.perf-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.perf-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.perf-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.perf-kpi-info{flex-direction:column;flex:1;min-width:0;display:flex}.perf-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:11.5px;font-weight:700}.perf-kpi-val,.perf-kpi-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.perf-kpi-sub{color:#94a3b8;margin-top:2px;font-size:12px}.perf-kpi-trend{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:600;display:inline-flex}.perf-kpi-trend.positive{color:#16a34a}.perf-kpi-trend.warning{color:#d97706}.perf-kpi-trend.negative{color:#dc2626}.perf-stepper-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:18px 24px;box-shadow:0 1px 3px #00000008}.perf-stepper{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex;overflow-x:auto}.perf-step-item{flex-shrink:0;align-items:center;gap:8px;display:flex}.perf-step-circle{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.perf-step-item.completed .perf-step-circle{color:#fff;background:#16a34a;border-color:#16a34a}.perf-step-item.active .perf-step-circle{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.perf-step-label{color:#64748b;white-space:nowrap;font-size:12.5px;font-weight:600}.perf-step-item.active .perf-step-label{color:#0f172a;font-weight:700}.perf-step-line{background:#e2e8f0;flex:1;min-width:24px;height:2px;margin:0 4px}.perf-step-line.filled{background:#16a34a}.perf-card,.perf-workspace-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 1px 3px #00000008}.perf-card-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.perf-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.perf-toolbar,.perf-filter-bar{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.perf-search-box,.perf-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:240px;padding:8px 14px;transition:all .15s;display:flex}.perf-search-box:focus-within,.perf-search-input:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.perf-search-box input,.perf-search-input input{color:#0f172a;background:0 0;width:100%;font-size:13px;border:none!important;outline:none!important}.perf-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.perf-select:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.perf-table-container,.perf-table-wrap{background:#fff;overflow-x:auto}.perf-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.perf-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11.5px;font-weight:700}.perf-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.perf-table tbody tr:hover{background-color:#f8fafc}.perf-badge,.perf-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-draft,.perf-status-draft,.perf-badge-draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.badge-active,.perf-status-active,.perf-badge-active,.perf-badge-goal-setting{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-warning,.perf-status-warning,.perf-badge-self-review,.perf-badge-evaluator-review,.perf-badge-under-review,.perf-badge-pending-approval{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge-finalized,.badge-completed,.perf-status-finalized,.perf-status-completed,.perf-badge-finalized,.perf-badge-completed,.perf-badge-approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-returned,.badge-rejected,.perf-status-returned,.perf-status-rejected,.perf-badge-returned,.perf-badge-rejected{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.perf-modal-overlay,.perf-modal-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9999!important;box-sizing:border-box!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.perf-modal,.perf-modal-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;flex-direction:column!important;width:100%!important;max-width:680px!important;max-height:88vh!important;margin:auto!important;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}.perf-modal-lg{max-width:820px!important}.perf-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.perf-modal-header h3,.perf-modal-title{color:#0f172a;margin:0;font-size:16.5px;font-weight:750}.perf-modal-body{flex:1;max-height:calc(88vh - 130px);padding:22px 24px;overflow-y:auto}.perf-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.perf-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.perf-form-group{flex-direction:column;margin-bottom:16px;display:flex}.perf-form-group label,.perf-form-label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.perf-input,.perf-textarea,.perf-form-group input,.perf-form-group select,.perf-form-group textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 13px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.perf-input:focus,.perf-textarea:focus,.perf-select:focus,.perf-form-group input:focus,.perf-form-group select:focus,.perf-form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.perf-drawer-overlay,.perf-drawer-backdrop{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:9999!important;background:#0f172a80!important;justify-content:flex-end!important;width:100vw!important;height:100vh!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important}.perf-drawer{background:#fff!important;flex-direction:column!important;width:100%!important;max-width:680px!important;height:100vh!important;margin:0!important;animation:.25s cubic-bezier(.16,1,.3,1) drawerSlideIn!important;display:flex!important;position:relative!important;box-shadow:-10px 0 30px #00000026!important}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.perf-drawer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.perf-drawer-body{flex:1;padding:24px;overflow-y:auto}.perf-drawer-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.perf-goal-tracker-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:14px 18px}.perf-goal-tracker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.perf-goal-progress-track{background:#e2e8f0;border-radius:9999px;width:100%;height:8px;position:relative;overflow:hidden}.perf-goal-progress-fill{border-radius:9999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.perf-goal-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:16px;transition:all .2s;position:relative;box-shadow:0 1px 3px #00000008}.perf-goal-card-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.perf-goal-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.perf-goal-category-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.perf-goal-weightage-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:2px 6px 2px 10px;font-size:13px;font-weight:700;display:flex}.perf-goal-weightage-input input{text-align:center;color:#0f172a;background:0 0;width:48px;padding:4px 0;font-size:13px;font-weight:800;border:none!important;outline:none!important}.perf-goal-add-dashed{color:#2563eb;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.perf-goal-add-dashed:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.perf-emp-context-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;margin-top:6px;padding:10px 14px;display:flex}.perf-emp-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.employee-dash-container{color:#0f172a;background-color:#f8fafc;min-height:calc(100vh - 60px);padding:24px 28px 60px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-state-box{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:450px;font-size:14px;display:flex}.loading-state-box .spinner{border:3px solid #e2e8f0;border-top-color:#16a34a;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.emp-hero-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 24px;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.hero-profile-left{align-items:center;gap:20px;display:flex}.emp-avatar-box{flex-shrink:0;width:68px;height:68px;position:relative}.hero-avatar-img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 8px #00000014}.hero-avatar-initials-light{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;font-weight:800;display:flex;box-shadow:0 2px 8px #2563eb1f}.avatar-active-dot{background-color:#10b981;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.hero-profile-info{flex-direction:column;gap:4px;display:flex}.hero-badge-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-badge-pill{color:#1d4ed8;letter-spacing:.02em;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.emp-id-badge{color:#334155;letter-spacing:.04em;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px}.hero-profile-name{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:8px;margin:2px 0 0;font-size:22px;font-weight:800;display:flex}.wave-hand{font-size:20px}.hero-meta-row{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:12.5px;display:flex}.meta-text-item{align-items:center;gap:5px;display:inline-flex}.meta-svg{color:#64748b}.meta-dot{color:#cbd5e1}.hero-assigned-roles-wrap{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.roles-intro-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-right:2px;font-size:11px;font-weight:700}.lab-role-pill{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000005}.hero-profile-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.hero-btn-actions-group{align-items:center;gap:8px;display:flex}.btn-profile-light{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000005}.btn-profile-light:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.btn-leave-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #1d4ed8;border-radius:6px;align-items:center;gap:6px;padding:7px 15px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.btn-leave-primary:hover{background-color:#1d4ed8;box-shadow:0 3px 8px #2563eb4d}.hero-live-status-pill{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;display:inline-flex}.pulse-green-indicator{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-ring;box-shadow:0 0 0 2px #10b98133}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.emp-subtabs-toolbar{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:6px 8px;display:flex;box-shadow:0 1px 2px #00000008}.subtabs-list{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.subtab-pill{color:#475569;cursor:pointer;background-color:#0000;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.subtab-pill:hover{color:#0f172a;background-color:#f1f5f9}.subtab-pill.active{color:#fff;background-color:#2563eb;font-weight:700;box-shadow:0 1px 3px #2563eb40}.subtabs-current-date{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.kpi-overview-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.kpi-metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0f172a08}.kpi-title-block{align-items:center;gap:10px;display:flex}.kpi-icon-circle{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.kpi-micro-lbl{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:10.5px;font-weight:700;display:block}.kpi-headline{color:#0f172a;margin:1px 0 0;font-size:13.5px;font-weight:700}.kpi-status-tag{border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.tag-present-green{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.tag-absent-amber{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.kpi-tag-sky{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.kpi-tag-emerald{color:#047857;background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.kpi-tag-amber{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.kpi-big-stat-row{align-items:baseline;gap:6px;margin:4px 0 10px;display:flex}.big-stat-number{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.big-stat-label{color:#64748b;font-size:12px;font-weight:500}.punch-clock-section{justify-content:space-between;align-items:center;margin:6px 0 12px;display:flex}.punch-time-box{flex-direction:column;display:flex}.punch-digital-digits{color:#0f172a;letter-spacing:.02em;font-size:19px;font-weight:800}.punch-shift-subtext{color:#64748b;margin-top:1px;font-size:11px}.btn-punch-action{cursor:pointer;letter-spacing:.02em;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.btn-punch-in{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 2px 6px #16a34a40}.btn-punch-in:hover{transform:translateY(-1px);box-shadow:0 4px 10px #16a34a66}.btn-punch-out{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 6px #f59e0b40}.btn-punch-out:hover{transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b66}.punch-metrics-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.punch-foot-item{flex-direction:column;display:flex}.foot-lbl{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.foot-val{color:#1e293b;margin-top:1px;font-size:12px;font-weight:700}.foot-vdivider{background-color:#e2e8f0;width:1px;height:22px}.leave-quota-badges-row{gap:6px;margin-bottom:10px;display:flex}.quota-badge-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;flex:1;padding:5px 6px;display:flex}.q-name{color:#64748b;font-size:10px;font-weight:600}.q-val{color:#0f172a;font-size:12px}.q-val small{color:#64748b;font-size:10px;font-weight:400}.salary-meta-row-box{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:3px;margin-bottom:10px;padding:6px 10px;font-size:11.5px;display:flex}.sal-meta-line{justify-content:space-between;display:flex}.attendance-pills-row{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px;display:grid}.att-pill-clean{text-align:center;border-radius:5px;padding:3px 6px;font-size:11px;font-weight:700}.pill-pres{color:#15803d;background:#dcfce7}.pill-off{color:#475569;background:#f1f5f9}.pill-holi{color:#0369a1;background:#e0f2fe}.pill-leave{color:#b45309;background:#fef3c7}.kpi-bottom-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.kpi-footer-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:700;transition:color .15s}.kpi-footer-link:hover{color:#1d4ed8;text-decoration:underline}.overview-content-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:20px 22px;box-shadow:0 1px 3px #0f172a08}.card-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title-group{align-items:center;gap:12px;display:flex}.card-header-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.card-title-heading{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:800}.card-title-sub{color:#64748b;margin:2px 0 0;font-size:12px}.filter-pill-group{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.filter-tab-pill{color:#475569;cursor:pointer;background-color:#0000;border:none;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .2s}.filter-tab-pill.active{color:#0f172a;background-color:#fff;font-weight:700;box-shadow:0 1px 3px #0000000f}.table-clean-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.lims-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.lims-data-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.lims-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.lims-row-hover:hover{background-color:#f8fafc}.lims-data-table tbody tr:last-child td{border-bottom:none}.sample-id-block{flex-direction:column;gap:2px;display:flex}.sample-id-tag{color:#2563eb;font-size:12px;font-weight:700}.sample-mat-name{color:#0f172a;font-size:12px;font-weight:600}.test-desc-block{flex-direction:column;gap:2px;display:flex}.test-name{color:#0f172a;font-size:12.5px}.test-std-pill{color:#64748b;font-size:11px}.role-badge-pill{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.role-badge-blue{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.role-badge-purple{color:#7e22ce;background-color:#f3e8ff;border:1px solid #e9d5ff}.role-badge-green{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.machine-tag{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;display:inline-flex}.priority-date-cell{flex-direction:column;gap:2px;display:flex}.priority-pill{text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.priority-urgent{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}.priority-high{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.priority-normal{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.task-due-text{color:#64748b;font-size:11px}.btn-table-action-open{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-table-action-open:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.overview-dual-grid{grid-template-columns:1.15fr .85fr;gap:20px;margin-bottom:22px;display:grid}.btn-card-action-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #1d4ed8;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-card-action-primary:hover{background-color:#1d4ed8}.btn-card-action-secondary{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-action-secondary:hover{background-color:#f8fafc}.quota-progress-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px 16px}.quota-header-strip{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quota-sec-title{text-transform:uppercase;color:#475569;font-size:11.5px;font-weight:700}.quota-total-rem{font-size:12px}.quota-bars-grid{flex-direction:column;gap:10px;display:flex}.quota-progress-row{flex-direction:column;gap:4px;display:flex}.quota-label-line{justify-content:space-between;font-size:12px;display:flex}.quota-name{color:#0f172a}.quota-stat-text{color:#64748b;font-size:11.5px}.quota-progress-track{background-color:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}.quota-progress-fill{border-radius:4px;height:100%;transition:width .4s}.recent-leaves-subblock,.change-requests-subblock{flex-direction:column;gap:8px;display:flex}.recent-header-line{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.recent-sec-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.link-view-all{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:700;transition:color .15s}.link-view-all:hover{color:#1d4ed8;text-decoration:underline}.empty-state-mini{color:#64748b;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:12px;display:flex}.recent-items-list{flex-direction:column;gap:8px;display:flex}.recent-leave-card-item,.change-request-item-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .2s;display:flex}.recent-leave-card-item:hover,.change-request-item-card:hover{background-color:#fafafa;border-color:#cbd5e1}.leave-item-details,.cr-item-details{flex-direction:column;gap:2px;display:flex}.leave-item-top,.cr-item-title-row{align-items:center;gap:8px;display:flex}.leave-type-title,.cr-cat-name{color:#0f172a;font-size:12.5px}.leave-item-sub,.cr-reason-text{color:#64748b;font-size:11.5px}.cr-remarks-text{color:#0284c7;font-weight:500}.profile-verified-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px 16px}.verified-head-line{align-items:center;gap:6px;margin-bottom:10px;display:flex}.verified-head-text{letter-spacing:.04em;font-size:11px}.verified-grid-2x2{grid-template-columns:1fr 1fr;gap:10px;font-size:12px;display:grid}.verified-data-item{flex-direction:column;gap:1px;display:flex}.v-lbl{color:#64748b;font-size:10.5px}.v-val{color:#0f172a}.salary-slips-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.slip-item-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:14px 16px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #00000005}.slip-item-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 3px 8px #0000000d}.slip-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.slip-period-box{flex-direction:column;display:flex}.slip-month-name{color:#0f172a;font-size:14px}.slip-serial-no{color:#64748b;font-size:11px}.slip-net-box{flex-direction:column;align-items:flex-end;display:flex}.slip-net-amount{font-size:16px}.slip-paid-badge{text-transform:uppercase;color:#15803d;background-color:#dcfce7;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:700}.slip-breakdown-row{color:#475569;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:2px;margin-bottom:12px;padding:6px 8px;font-size:11.5px;display:flex}.slip-footer-action-bar{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.btn-view-slip-action{color:#166534;cursor:pointer;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-view-slip-action:hover{color:#fff;background-color:#16a34a}.att-controls-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-search-container{width:220px;position:relative}.att-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.att-input-search{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:6px 28px 6px 30px;font-size:12px}.att-input-search:focus{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.btn-att-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.att-dropdown-wrap{position:relative}.att-month-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:12px}.att-month-select:focus{border-color:#16a34a}.btn-correction-trigger{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-correction-trigger:hover{color:#0f172a;background-color:#f8fafc}.att-date-col{flex-direction:column;gap:1px;display:flex}.att-day{color:#0f172a;font-size:12.5px}.att-weekday{font-size:11px}.att-badge{letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-present{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-holiday{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.badge-weekoff{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.badge-leave{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.badge-halfday{color:#c2410c;background-color:#ffedd5;border:1px solid #fed7aa}.badge-absent{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}.working-hours-pill{color:#16a34a;font-size:12px}.att-remarks-tag{font-size:11.5px}.btn-fix-action-sm{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .2s}.btn-fix-action-sm:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.row-weekend{background-color:#fafafa}.row-holiday{background-color:#f0f9ff}.emp-tab-content-pane{flex-direction:column;gap:20px;display:flex}.pane-header-strip{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pane-title{color:#0f172a;margin:0;font-size:18px;font-weight:800}.pane-subtitle{color:#64748b;margin:2px 0 0;font-size:12.5px}.profile-quadrant-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.profile-section-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #00000005}.card-section-heading{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:14px;font-weight:800;display:flex}.profile-keyvalue-table{flex-direction:column;gap:9px;display:flex}.kv-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.kv-key{color:#64748b}.kv-val{color:#0f172a}.salary-net-hero-card{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;padding:22px 26px;display:flex;box-shadow:0 1px 4px #16a34a14}.sal-hero-tag{text-transform:uppercase;color:#166534;background-color:#dcfce7;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.sal-hero-breakdown-text{color:#1e293b;margin-bottom:4px;font-size:14px}.sal-hero-compliance-text{color:#64748b;font-size:12px}.sal-hero-right{flex-direction:column;align-items:flex-end;display:flex}.sal-hero-amount{color:#15803d;letter-spacing:-.02em;font-size:28px;font-weight:800}.sal-hero-unit{color:#475569;font-size:12.5px;font-weight:600}.sal-hero-note{color:#64748b;margin-top:2px;font-size:11px}.leave-quota-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.leave-quota-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.lq-title{color:#0f172a;font-size:13px;font-weight:700}.lq-count-row{justify-content:space-between;align-items:baseline;display:flex}.lq-rem{color:#0284c7;font-size:18px;font-weight:800}.lq-rem small{color:#64748b;font-size:11px;font-weight:500}.lq-used{color:#64748b;font-size:11.5px}.lq-progress-bar-bg{background-color:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}.lq-progress-fill{background-color:#0284c7;border-radius:4px;height:100%}.status-badge-pill{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.status-active{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.status-probation{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.status-separated{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}@media (width<=1200px){.kpi-overview-grid{grid-template-columns:repeat(2,1fr)}.overview-dual-grid,.salary-slips-grid{grid-template-columns:1fr}}@media (width<=768px){.employee-dash-container{padding:16px 14px}.emp-hero-profile-card{flex-direction:column;align-items:flex-start;gap:16px}.hero-profile-right{align-items:flex-start;width:100%}.hero-btn-actions-group{width:100%}.hero-btn-actions-group button{flex:1;justify-content:center}.kpi-overview-grid,.profile-quadrant-grid{grid-template-columns:1fr}.leave-quota-cards-grid{grid-template-columns:1fr 1fr}}.emp-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.emp-modal-dialog{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-height:92vh;animation:.2s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 30px -10px #0f172a26,0 10px 15px -5px #0f172a14}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.emp-modal-header{background:linear-gradient(#fff 0%,#fafbfc 100%);border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.emp-modal-title-wrap{align-items:center;gap:12px;display:flex}.emp-modal-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bg-emerald-50{background-color:#ecfdf5}.text-emerald-700{color:#047857}.bg-indigo-50{background-color:#eef2ff}.text-indigo-700{color:#4338ca}.emp-modal-title{color:#0f172a;margin:0;font-size:15.5px;font-weight:700;line-height:1.2}.emp-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:11.5px}.btn-emp-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-emp-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.emp-modal-body{flex-direction:column;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.emp-modal-body::-webkit-scrollbar{width:5px}.emp-modal-body::-webkit-scrollbar-track{background:#f8fafc}.emp-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.emp-modal-alert{border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.emp-form-group{flex-direction:column;gap:4px;display:flex}.emp-label-row{justify-content:space-between;align-items:center;display:flex}.emp-form-label{color:#334155;margin:0;font-size:12px;font-weight:600}.req-star{color:#ef4444;font-weight:700}.emp-balance-tag{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:1px 8px;font-size:11px;font-weight:600}.emp-form-control{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;width:100%;padding:7.5px 11px;font-family:inherit;font-size:12.5px;transition:all .15s}.emp-form-control:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1f}.emp-textarea{resize:vertical;min-height:52px}.emp-form-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.emp-form-row-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.emp-duration-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.emp-duration-left{color:#64748b;align-items:center;gap:6px;font-weight:500;display:flex}.emp-duration-stat{font-weight:700}.stat-ok{color:#0284c7}.stat-exceeded{color:#dc2626}.emp-halfday-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:8px 12px}.emp-checkbox-label{cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.emp-checkbox-input{cursor:pointer;accent-color:#16a34a;width:15px;height:15px}.emp-checkbox-text{color:#1e293b;font-size:12.5px;font-weight:600}.emp-halfday-options{border-top:1px solid #e2e8f0;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;display:flex}.emp-halfday-hint{color:#64748b;font-size:11px;font-weight:600}.emp-radio-group{flex-wrap:wrap;gap:12px;display:flex}.emp-radio-label{color:#334155;cursor:pointer;align-items:center;gap:5px;font-size:11.5px;display:flex}.emp-tags-header{color:#64748b;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.emp-reason-tags-wrap{flex-wrap:wrap;gap:5px;display:flex}.emp-reason-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s}.emp-reason-chip:hover{color:#0f172a;background:#e2e8f0}.emp-reason-chip.chip-active{color:#065f46;background:#ecfdf5;border-color:#86efac;font-weight:600}.emp-subcard-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.emp-subcard-header{color:#047857;letter-spacing:.04em;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.emp-policy-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.notice-icon{flex-shrink:0;margin-top:1px}.emp-modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 22px;display:flex}.btn-emp-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .15s}.btn-emp-cancel:hover{color:#0f172a;background:#f1f5f9}.btn-emp-submit-primary{color:#fff;cursor:pointer;background:#16a34a;border:1px solid #16a34a;border-radius:7px;align-items:center;gap:6px;padding:7px 18px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #16a34a33}.btn-emp-submit-primary:hover:not(:disabled){background:#15803d;border-color:#15803d}.btn-emp-submit-primary:disabled{opacity:.6;cursor:not-allowed}.inline-icon{vertical-align:middle;margin-right:4px;display:inline-block}.perf-stepper-wrap{border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.perf-step-item{color:#94a3b8;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.perf-step-item.active{color:#0284c7;font-weight:700}.perf-step-item.completed{color:#059669;font-weight:700}.perf-step-circle{color:#64748b;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:inline-flex}.perf-step-item.active .perf-step-circle{color:#fff;background-color:#0284c7;border-color:#0284c7;box-shadow:0 0 0 3px #0284c733}.perf-step-item.completed .perf-step-circle{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.perf-step-line{background-color:#e2e8f0;flex:1;min-width:24px;height:2px;margin:0 4px}.perf-step-line.filled{background-color:#059669}.perf-metrics-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.perf-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0f172a08}.perf-kpi-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.perf-kpi-label{text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-size:11px;font-weight:700}.perf-kpi-val{color:#0f172a;margin:2px 0 4px;font-size:18px;font-weight:800}.perf-kpi-sub{color:#64748b;margin:0;font-size:11.5px}.perf-progress-track{background-color:#f1f5f9;border-radius:9999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.perf-progress-fill{border-radius:9999px;height:100%;transition:width .3s}.perf-hero-icon-badge{color:#0284c7;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);border:1px solid #bae6fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #0284c71f}.perf-action-glow-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #0284c7;border-radius:7px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0284c74d}.perf-action-glow-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0284c766}.perf-toast-container{z-index:100;margin-bottom:16px;animation:.2s slideDown;position:sticky;top:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-info-banner{color:#0369a1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.modal-info-banner-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.modal-info-banner-text{color:#0c4a6e;margin:0;font-size:12.5px;line-height:1.45}.form-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;padding:16px;box-shadow:0 1px 2px #0f172a05}.form-section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.form-section-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:700;display:flex}.form-field-group{margin-bottom:16px}.form-field-group:last-child{margin-bottom:0}.form-label-modern{color:#334155;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.form-label-modern.required:after{content:" *";color:#ef4444;font-weight:700}.form-input-modern,.form-select-modern,.form-textarea-modern{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 13px;font-family:inherit;font-size:13px;transition:all .2s}.form-input-modern:focus,.form-select-modern:focus,.form-textarea-modern:focus{background-color:#fff;border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c726}.form-input-modern:disabled,.form-select-modern:disabled,.form-textarea-modern:disabled{color:#64748b;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.form-textarea-modern{resize:vertical;min-height:80px;line-height:1.5}.form-helper-text{color:#64748b;align-items:center;gap:4px;margin-top:5px;font-size:11px;display:flex}.modal-footer-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:16px;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.btn-modal-cancel:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.btn-modal-draft{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-modal-draft:hover:not(:disabled){color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.btn-modal-submit-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:1px solid #059669;border-radius:8px;align-items:center;gap:7px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #05966940}.btn-modal-submit-primary:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 4px 10px #05966959}.btn-modal-submit-primary:disabled,.btn-modal-draft:disabled,.btn-modal-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-upload-box{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:18px 20px;transition:all .2s;position:relative}.file-upload-box:hover{background:#f0f9ff;border-color:#0284c7}.file-upload-box.has-file{background:#f0fdf4;border-color:#10b981}.file-upload-icon{color:#0284c7;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 8px;display:flex}.file-upload-box.has-file .file-upload-icon{color:#059669;background:#dcfce7}@media (width<=1024px){.perf-metrics-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.perf-metrics-strip{grid-template-columns:1fr}}.attendance-mgmt-container{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 0 60px}.attendance-title-group h1{color:#0f172a;letter-spacing:-.3px;margin:4px 0 2px;font-size:22px;font-weight:800}.attendance-subtitle{color:#64748b;margin:0;font-size:13px}.btn-action-primary,.btn-action-secondary{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-action-primary{color:#fff;background:#0284c7;border:1px solid #0284c7;box-shadow:0 1px 2px #0284c733}.btn-action-primary:hover{background:#0369a1;border-color:#0369a1}.btn-action-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #00000008}.btn-action-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.sync-feedback-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.date-control-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:18px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000008}.mode-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.preset-pills-group{align-items:center;gap:6px;display:flex}.btn-preset-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-preset-pill:hover{color:#0f172a;background:#e2e8f0}.btn-preset-pill.active{color:#fff;background:#0284c7;border-color:#0284c7}.date-range-inputs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-input-wrapper{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.date-summary-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.active-date-badge{color:#166534;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.working-hours-total-badge{color:#1e40af;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.attendance-kpi-grid{box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%;margin-bottom:18px;display:grid}@media (width<=1280px){.attendance-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.attendance-kpi-grid{grid-template-columns:repeat(2,1fr)}}.att-kpi-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;min-width:0;height:66px;padding:10px 12px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.att-kpi-card.active-filter{background:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.att-kpi-details{flex-direction:column;min-width:0;display:flex;overflow:hidden}.att-kpi-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.attendance-filter-bar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000005}.search-input-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:260px;max-width:440px;padding:6px 12px;display:flex}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.dropdown-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-dropdown{background-color:#f8fafc;border-color:#cbd5e1;border-radius:6px;height:36px!important;min-height:36px!important;padding:6px 28px 6px 10px!important;font-size:12.5px!important}.attendance-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000008}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.lims-att-table th:first-child,.lims-att-table td:first-child{z-index:2;width:110px;min-width:110px;padding-left:20px;position:sticky;left:0;box-shadow:2px 0 5px #00000008}.lims-att-table tr:hover td:first-child{background-color:#f8fafc}.lims-att-table th:last-child,.lims-att-table td:last-child{z-index:2;text-align:center;background:#fff;width:95px;min-width:95px;padding-right:20px;position:sticky;right:0;box-shadow:-3px 0 6px #00000008}.lims-att-table th:last-child{z-index:3;background:#f8fafc}.lims-att-table tr.row-corrected td:last-child{background:#fefce8}.lims-att-table tr:hover td:last-child{background-color:#f8fafc}.emp-id-badge{color:#0284c7;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700;text-decoration:none}.emp-full-name{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2;display:block}.emp-sub-title{color:#64748b;margin-top:2px;font-size:11px;line-height:1.2;display:block}.dept-tag{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:5px;padding:3px 8px;font-size:11.5px;font-weight:500}.punch-time-pill{white-space:nowrap!important;border-radius:5px!important;align-items:center!important;gap:4px!important;padding:3px 8px!important;font-family:monospace!important;font-size:12px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.ontime-badge{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.late-badge{color:#b45309;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.status-pill{text-align:center;white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.status-pill.status-holiday{color:#0284c7;background:#e0f2fe}.status-pill.status-weekly-off{color:#854d0e;background:#fef9c3}.source-badge{color:#475569;white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.source-badge.biometric{color:#0284c7}.source-badge.manual{color:#854d0e}.source-badge.web{color:#10b981}.btn-action-correct{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.attendance-pagination-bar{color:#475569;background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:12.5px;display:flex}.pagination-left{align-items:center;gap:12px;display:flex}.pagination-select{border-color:#cbd5e1;border-radius:4px;height:30px!important;min-height:30px!important;padding:2px 24px 2px 8px!important;font-size:12px!important}.pagination-right{align-items:center;gap:6px;display:flex}.btn-page-nav{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;height:30px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-page-nav:disabled{opacity:.5;cursor:not-allowed}.btn-page-nav:not(:disabled):hover{color:#0f172a;background:#f1f5f9}.page-number-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.page-number-pill.active{color:#fff;background:#0284c7;border-color:#0284c7}.table-loading-box,.table-empty-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.modal-card{background:#fff;border-radius:12px;width:100%;max-width:520px;animation:.2s ease-out modalIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.btn-close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.correction-info-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.audit-notice{color:#64748b;background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;margin-top:14px;padding:6px 10px;font-size:11.5px;display:flex}.attendance-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.attendance-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-control-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000008}.date-controls-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mode-toggle-group{background:#f1f5f9;border-radius:8px;padding:3px;display:flex}.mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.mode-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.quick-date-nav{align-items:center;gap:8px;display:flex}.btn-icon-nav{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-icon-nav:hover{color:#0f172a;background:#e2e8f0}.date-input-control{width:140px;height:34px!important;min-height:34px!important;padding:4px 10px!important;font-size:13px!important}.quick-presets{gap:6px;display:flex}.preset-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.preset-chip:hover,.preset-chip.active{color:#fff;background:#0284c7;border-color:#0284c7}.range-picker-group{align-items:center;gap:8px;display:flex}.range-input-item{align-items:center;gap:6px;display:flex}.range-label{color:#64748b;font-size:12px;font-weight:600}.range-sep{color:#94a3b8;font-size:14px}.date-summary-right{align-items:center;gap:12px;display:flex}.active-date-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:flex}.working-hours-total-badge{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex}.attendance-kpi-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=1200px){.attendance-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.attendance-kpi-grid{grid-template-columns:repeat(2,1fr)}}.att-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.att-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.att-kpi-card.active-filter{background:#f0f9ff;border-color:#0284c7}.att-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.att-kpi-icon.total{color:#475569;background:#f1f5f9}.att-kpi-icon.present{color:#15803d;background:#dcfce7}.att-kpi-icon.absent{color:#b91c1c;background:#fee2e2}.att-kpi-icon.late{color:#b45309;background:#fef3c7}.att-kpi-icon.leave{color:#7e22ce;background:#f3e8ff}.att-kpi-icon.half{color:#0369a1;background:#e0f2fe}.att-kpi-icon.off{color:#64748b;background:#f8fafc}.att-kpi-details{flex-direction:column;display:flex}.att-kpi-val{color:#0f172a;font-size:18px;font-weight:700;line-height:1.2}.att-kpi-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.attendance-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex}.search-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:440px;padding:6px 12px;display:flex}.search-input-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.clear-search-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;display:flex}.dropdown-filter-group{align-items:center;gap:10px;display:flex}.filter-select-wrapper{background:#fff;align-items:center;gap:6px;display:flex}.filter-dropdown{background-color:#f8fafc;border-color:#cbd5e1;height:36px!important;min-height:36px!important;padding:6px 30px 6px 10px!important;font-size:13px!important}.attendance-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.lims-att-table{border-collapse:collapse;text-align:left;width:100%;min-width:1200px;font-size:13px}.lims-att-table th{text-transform:uppercase;letter-spacing:.5px;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11.5px;font-weight:700}.lims-att-table th:first-child,.lims-att-table td:first-child{z-index:2;min-width:130px;padding-left:24px;position:sticky;left:0;box-shadow:2px 0 5px #00000005}.lims-att-table th:first-child{z-index:3;background:#f8fafc}.lims-att-table td:first-child{background:#fff}.lims-att-table tr.row-corrected td:first-child{background:#fefce8}.lims-att-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.lims-att-table tr:hover td,.lims-att-table tr:hover td:first-child{background-color:#f8fafc}.lims-att-table tr.row-corrected td{background-color:#fefce8}.emp-id-badge{color:#0284c7;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:3px 8px;font-family:monospace;font-weight:700;text-decoration:none}.emp-id-badge:hover{background:#dbeafe;text-decoration:underline}.emp-avatar-sm{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.emp-full-name{color:#0f172a;font-weight:600;display:block}.emp-sub-title{color:#64748b;font-size:11.5px;display:block}.dept-tag{color:#334155;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.punch-time-pill{border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12.5px;font-weight:600}.punch-time-pill.in{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.punch-time-pill.out{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.punch-time-dash{color:#94a3b8;font-weight:700}.late-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.ontime-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.status-pill{text-transform:capitalize;border-radius:12px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.status-pill.status-present{color:#15803d;background:#dcfce7}.status-pill.status-absent{color:#b91c1c;background:#fee2e2}.status-pill.status-half-day{color:#0369a1;background:#e0f2fe}.status-pill.status-on-leave{color:#7e22ce;background:#f3e8ff}.status-pill.status-holiday,.status-pill.status-weekly-off{color:#475569;background:#f1f5f9}.source-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.source-badge.biometric{color:#1d4ed8;background:#eff6ff}.source-badge.manual{color:#854d0e;background:#fef9c3}.source-badge.web{color:#475569;background:#f1f5f9}.btn-action-correct{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-correct:hover{color:#fff;background:#0284c7;border-color:#0284c7}.table-empty-box,.table-loading-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.modal-box-custom{background:#fff;border-radius:14px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.modal-header-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.btn-close-modal{cursor:pointer;color:#64748b;background:0 0;border:none}.modal-form-body{padding:20px}.modal-emp-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13.5px;display:flex}.date-pill{background:#e2e8f0;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11.5px;font-weight:600}.modal-footer-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.stats-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-stat-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.kpi-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.kpi-stat-card.active-filter{background-color:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.kpi-blue{color:#1d4ed8;background:#eff6ff}.kpi-green{color:#15803d;background:#f0fdf4}.kpi-amber{color:#b45309;background:#fef3c7}.kpi-red{color:#dc2626;background:#fef2f2}.filters-control-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:10px 16px;display:flex;box-shadow:0 1px 2px #00000005}.search-box-wrap{flex:1;min-width:240px;max-width:380px;position:relative}.search-box-wrap .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box-wrap .search-input{background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:7px 12px 7px 34px;font-size:12.5px}.search-box-wrap .search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filters-right-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select-item{align-items:center;gap:6px;display:flex}.filter-select-item .filter-label{color:#64748b;white-space:nowrap;font-size:12px;font-weight:600}.filter-select-item .filter-dropdown{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:12px}.table-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.lims-attendance-table{border-collapse:collapse;width:100%;font-size:12.5px}.lims-attendance-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.lims-attendance-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.lims-attendance-table tr:hover td{background:#fafbfc}.row-expanded-highlight td{background:#f0f9ff!important;border-bottom-color:#0000!important}.badge-days-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.dates-range-text{color:#334155;font-size:12px;font-weight:600}.leave-reason-preview{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;overflow:hidden}.btn-action-approve{color:#fff;cursor:pointer;background:#10b981;border:1px solid #059669;border-radius:5px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-approve:hover{background:#059669}.btn-action-reject{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:5px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-reject:hover{background:#fee2e2}.btn-toggle-details{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-toggle-details:hover{color:#0f172a;background:#e2e8f0}.btn-toggle-details.active{color:#fff;background:#0284c7;border-color:#0284c7}.leave-detail-drawer-row td{background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:0!important}.leave-detail-drawer{background:#f8fafc;border-left:3px solid #0284c7;padding:14px 20px 16px}.drawer-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.drawer-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.drawer-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:inline-flex}.drawer-card-val{color:#0f172a;font-size:12px;font-weight:600}.drawer-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.drawer-section-title{color:#475569;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.drawer-remarks-quote{color:#0369a1;background:#f0f9ff;border-left:3px solid #38bdf8;border-radius:4px;padding:6px 10px;font-size:12px;font-style:italic}.drawer-reason-full{color:#1e293b;white-space:pre-wrap;font-size:12.5px;line-height:1.4}.emp-cell-user{align-items:center;gap:10px;display:flex}.emp-avatar-sm{color:#0284c7;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:flex}.emp-names{flex-direction:column;gap:1px;display:flex}.emp-name-text{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2}.emp-id-sub{color:#0284c7;font-family:monospace;font-size:11px;font-weight:600}.dept-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.status-pill{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status-present{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-late{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status-absent{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.font-bold{font-weight:700}.text-slate{color:#1e293b}@media (width<=1024px){.stats-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-kpi-grid{grid-template-columns:1fr}.filters-control-bar{flex-direction:column;align-items:stretch}.search-box-wrap{max-width:100%}}.drawer-two-col-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.drawer-two-col-layout{grid-template-columns:1fr}}.drawer-col{flex-direction:column;gap:10px;display:flex}.drawer-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:4px;display:flex}.drawer-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.drawer-info-item{flex-direction:column;gap:2px;display:flex}.drawer-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:700}.drawer-info-val{color:#0f172a;font-size:12px;font-weight:600}.payroll-decision-card,.payroll-estimate-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.lop-approval-toggle-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.lop-switch-label{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.lop-switch-label input{opacity:0;width:0;height:0}.lop-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .25s;position:absolute;inset:0}.lop-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.lop-switch-label input:checked+.lop-slider{background-color:#dc2626}.lop-switch-label input:checked+.lop-slider:before{transform:translate(20px)}.leave-review-modal-box{background:#fff;border-radius:16px;width:100%;max-width:620px;animation:.2s cubic-bezier(.16,1,.3,1) modalPopIn;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.leave-review-header{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.leave-review-header-left{align-items:center;gap:14px;display:flex}.leave-review-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.leave-review-icon-wrap.approved{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.leave-review-icon-wrap.rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.leave-review-title{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.25}.leave-review-subtitle{align-items:center;gap:8px;margin-top:4px;display:flex}.leave-emp-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.leave-emp-avatar-sm{color:#fff;background:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:700;display:flex}.leave-dept-pill{color:#64748b;font-size:11.5px;font-weight:500}.btn-modal-close-round{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-modal-close-round:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.leave-review-body{flex-direction:column;gap:16px;max-height:calc(85vh - 130px);padding:20px 24px;display:flex;overflow-y:auto}.leave-overview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.leave-overview-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.leave-overview-cell{flex-direction:column;gap:2px;display:flex}.leave-overview-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.leave-overview-val{color:#0f172a;font-size:13px;font-weight:600}.leave-type-badge-preview{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:2px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.leave-duration-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.leave-reason-quote-box{border-top:1px dashed #cbd5e1;align-items:flex-start;gap:8px;margin-top:10px;padding-top:10px;display:flex}.leave-reason-quote-text{color:#334155;margin:0;font-size:12.5px;font-style:italic;line-height:1.4}.leave-doc-preview-link{color:#0284c7;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.leave-doc-preview-link:hover{color:#0369a1;background:#f0f9ff;border-color:#0284c7}.lop-decision-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000a}.lop-decision-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lop-decision-heading{color:#0f172a;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.lop-decision-subtext{color:#64748b;margin:0;font-size:11.5px}.lop-cards-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.lop-choice-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px;transition:all .2s;display:flex}.lop-choice-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.lop-choice-card.selected-paid{background:linear-gradient(#f0fdf4 0%,#fff 100%);border-color:#10b981;box-shadow:0 0 0 1px #10b981,0 4px 12px #10b9811f}.lop-choice-card.selected-lop{background:linear-gradient(#fef2f2 0%,#fff 100%);border-color:#ef4444;box-shadow:0 0 0 1px #ef4444,0 4px 12px #ef44441f}.lop-choice-top{justify-content:space-between;align-items:center;display:flex}.lop-choice-icon-badge{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.lop-choice-card.selected-paid .lop-choice-icon-badge{color:#059669;background:#d1fae5}.lop-choice-card.selected-lop .lop-choice-icon-badge{color:#dc2626;background:#fee2e2}.lop-choice-card:not(.selected-paid):not(.selected-lop) .lop-choice-icon-badge{color:#64748b;background:#f1f5f9}.lop-radio-indicator{border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.lop-choice-card.selected-paid .lop-radio-indicator{background:#10b981;border-color:#10b981}.lop-choice-card.selected-lop .lop-radio-indicator{background:#ef4444;border-color:#ef4444}.lop-radio-indicator-dot{background:#fff;border-radius:50%;width:6px;height:6px}.lop-choice-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.lop-choice-desc{color:#64748b;margin:0;font-size:11px;line-height:1.35}.lop-metrics-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;display:grid}.lop-metric-box{flex-direction:column;gap:2px;display:flex}.lop-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:700}.lop-metric-val{color:#0f172a;font-size:13.5px;font-weight:800}.lop-metric-val.green{color:#059669}.lop-metric-val.red{color:#dc2626}.remark-presets-wrap{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.remark-chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.remark-preset-chip{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.remark-preset-chip:hover{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.leave-review-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .15s}.leave-review-textarea:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c71f}.leave-review-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.btn-review-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-review-cancel:hover{color:#0f172a;background:#f1f5f9}.btn-review-submit-approve{color:#fff;cursor:pointer;background:linear-gradient(#10b981 0%,#059669 100%);border:1px solid #059669;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #05966940}.btn-review-submit-approve:hover{background:linear-gradient(#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.btn-review-submit-lop{color:#fff;cursor:pointer;background:linear-gradient(#ef4444 0%,#dc2626 100%);border:1px solid #dc2626;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #dc262640}.btn-review-submit-lop:hover{background:linear-gradient(#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.btn-review-submit-reject{color:#fff;cursor:pointer;background:linear-gradient(#ef4444 0%,#dc2626 100%);border:1px solid #dc2626;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #dc262640}.btn-review-submit-reject:hover{background:linear-gradient(#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.doc-viewer-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:820px;animation:.2s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a4d,0 0 0 1px #e2e8f0cc}.doc-viewer-header{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.doc-viewer-header-left{align-items:center;gap:12px;display:flex}.doc-viewer-icon-wrap{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.doc-viewer-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16.5px;font-weight:700;display:flex}.doc-verified-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.doc-viewer-subtitle{color:#64748b;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.doc-viewer-body{background:#f8fafc;flex-direction:column;gap:14px;max-height:calc(85vh - 140px);padding:20px 24px;display:flex;overflow-y:auto}.doc-meta-strip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.doc-meta-chips-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.doc-meta-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.doc-meta-chip.blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.doc-meta-chip.emerald{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.doc-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.doc-image-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:520px;display:block}.doc-iframe-preview{border:none;width:100%;height:520px;display:block}.doc-fallback-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.doc-fallback-icon{color:#2563eb;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.doc-reason-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.doc-reason-heading{text-transform:uppercase;color:#64748b;letter-spacing:.04em;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.doc-reason-text{color:#1e293b;margin:0;font-size:12.5px;line-height:1.45}.doc-viewer-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.doc-footer-left{color:#64748b;align-items:center;gap:6px;font-size:11.5px;display:flex}.doc-footer-actions{align-items:center;gap:8px;display:flex}.btn-doc-action{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-doc-action.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-doc-action.secondary:hover{color:#0f172a;background:#f1f5f9}.btn-doc-action.primary{color:#fff;background:linear-gradient(#0284c7 0%,#0369a1 100%);border:1px solid #0284c7;box-shadow:0 2px 6px #0284c740}.btn-doc-action.primary:hover{background:linear-gradient(#0369a1 0%,#075985 100%);transform:translateY(-1px)}.leave-detail-drawer-modern{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:18px 24px;animation:.18s cubic-bezier(.16,1,.3,1) slideDown}.drawer-cards-grid-modern{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:12px;display:grid}.drawer-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.drawer-card-header-modern{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.drawer-card-title-modern{text-transform:uppercase;letter-spacing:.04em;color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.drawer-fields-grid-modern{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.drawer-field-modern{flex-direction:column;gap:2px;display:flex}.drawer-field-lbl-modern{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:700}.drawer-field-val-modern{color:#0f172a;font-size:12.5px;font-weight:600}.drawer-reason-quote-modern{color:#334155;background:#f8fafc;border-left:3px solid #0284c7;border-radius:0 8px 8px 0;margin-top:4px;padding:8px 12px;font-size:12px;line-height:1.4}.drawer-action-strip-modern{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.btn-drawer-approve-modern{color:#fff;cursor:pointer;background:linear-gradient(#10b981 0%,#059669 100%);border:1px solid #059669;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 5px #05966933}.btn-drawer-approve-modern:hover{background:linear-gradient(#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 10px #0596694d}.btn-drawer-reject-modern{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-drawer-reject-modern:hover{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.punch-trail-badge{white-space:nowrap;border:1px solid #00000014;border-radius:4px;align-items:center;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;display:inline-flex}.punch-trail-badge.punch-first{color:#166534;background:#dcfce7;border-color:#bbf7d0}.punch-trail-badge.punch-last{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.punch-trail-badge.punch-mid{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.calc-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#0f172aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.calc-modal-window{background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;width:100%;max-width:980px;height:94vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #00000014}.calc-modal-topbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.calc-modal-headline{align-items:center;gap:12px;display:flex}.calc-icon-badge{color:#0284c7;background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.calc-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.calc-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:11.5px}.calc-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.calc-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.calc-tabs-bar{background:#f1f5f9;border-bottom:1px solid #cbd5e1;gap:6px;padding:0 16px;display:flex;overflow-x:auto}.calc-tab-item{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.calc-tab-item:hover{color:#0f172a}.calc-tab-item.active{color:#0284c7;background:#fff;border-bottom-color:#0284c7}.calc-form-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.calc-modal-content-scroll{background:#f8fafc;flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.calc-tab-pane{flex-direction:column;gap:14px;display:flex}.calc-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.calc-section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.calc-section-title{color:#1e293b;font-size:13px;font-weight:700}.calc-helper-note{color:#64748b;margin:0;font-size:11.5px}.calc-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.calc-field-group{flex-direction:column;gap:4px;display:flex}.calc-label{color:#475569;text-transform:uppercase;letter-spacing:.025em;font-size:11px;font-weight:600}.calc-input,.calc-select,.calc-textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:12.5px;transition:all .15s}.calc-input:focus,.calc-select:focus,.calc-textarea:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.calc-unit-picker-wrap{flex-direction:column;gap:4px;display:flex}.calc-unit-chips{flex-wrap:wrap;gap:4px;display:flex}.calc-unit-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:600}.calc-unit-chip:hover{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.calc-unit-chip.selected{color:#fff;background:#0284c7;border-color:#0284c7}.calc-tokens-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px}.calc-tokens-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.calc-tokens-label{color:#475569;margin-right:4px;font-size:11px;font-weight:700}.calc-token-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.calc-token-btn.service{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.calc-token-btn.service:hover{color:#fff;background:#0284c7}.calc-token-btn.interim{color:#92400e;background:#fef3c7;border-color:#fde68a}.calc-token-btn.interim:hover{color:#fff;background:#d97706}.calc-token-sub{opacity:.85;font-size:9.5px;font-weight:400}.calc-math-toolbar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;padding:6px 10px;display:flex}.calc-math-btn-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.calc-math-group-label{color:#64748b;margin-right:2px;font-size:10.5px;font-weight:700}.calc-math-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:3px 7px;font-family:monospace;font-size:11px;font-weight:700;transition:all .1s}.calc-math-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.calc-math-btn.op{text-align:center;min-width:26px}.calc-math-btn.fn{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.calc-math-btn.fn:hover{color:#fff;background:#4338ca}.calc-formula-textarea{color:#0f172a;background:#fff;border:1px solid #93c5fd;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13.5px;font-weight:600;box-shadow:inset 0 1px 2px #0000000d}.calc-formula-textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.calc-detected-keywords{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.calc-detected-title{color:#475569;font-size:11px;font-weight:700}.calc-keyword-pill{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-family:monospace;font-size:10.5px;font-weight:700;display:inline-flex}.calc-keyword-pill.mapped{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.calc-keyword-pill.unmapped{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.calc-keyword-meta{color:#475569;font-size:9.5px;font-weight:400}.calc-keyword-warn{color:#b91c1c;font-size:9px;font-weight:800}.calc-sandbox-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px}.calc-sandbox-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calc-sandbox-title-wrap{align-items:center;gap:6px;display:flex}.calc-sandbox-title{color:#166534;font-size:12.5px;font-weight:700}.calc-live-result-display{align-items:center;gap:6px;display:flex}.calc-live-label{color:#166534;font-size:11px;font-weight:700}.calc-live-value{color:#fff;background:#16a34a;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:12px;font-weight:800;box-shadow:0 1px 2px #0000001a}.calc-sandbox-desc{color:#15803d;margin:0 0 10px;font-size:11px}.calc-sandbox-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.calc-sandbox-item{background:#fff;border:1px solid #86efac;border-radius:6px;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.calc-sandbox-label{color:#166534;justify-content:space-between;align-items:center;font-family:monospace;font-size:10.5px;font-weight:700;display:flex}.calc-sandbox-unit{color:#64748b;font-size:9px}.calc-sandbox-input{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:4px 6px;font-family:monospace;font-size:12px}.calc-sandbox-src-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.calc-sandbox-error{color:#dc2626;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.calc-sandbox-expression{color:#334155;font-size:11px}.calc-inputs-filter-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.calc-inputs-search-wrap{flex:1;position:relative}.calc-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.calc-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.calc-inputs-search{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:7px 30px 7px 32px;font-size:12px}.calc-inputs-cat-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:240px;padding:7px 10px;font-size:12px;font-weight:600}.calc-selected-services-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.calc-empty-inputs-alert{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.calc-selected-table-wrap{border:1px solid #e2e8f0;border-radius:6px;max-height:180px;overflow-y:auto}.calc-subheading{color:#334155;font-size:12px;font-weight:700}.btn-link-tab{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.calc-table-compact{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.calc-table-compact th{color:#475569;text-align:left;z-index:2;background:#f1f5f9;border:1px solid #e2e8f0;padding:7px 10px;font-size:11px;font-weight:700;position:sticky;top:0}.calc-table-compact td{border:1px solid #e2e8f0;padding:7px 10px}.calc-service-row:hover{background:#f0f9ff!important}.calc-table-compact tr.row-selected{background:#eff6ff}.calc-table-input{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:4px 6px;font-size:11.5px}.calc-btn-del{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.calc-btn-del:hover{background:#fee2e2}.calc-service-tree-scroll-area{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:10px;max-height:480px;padding:10px;display:flex;overflow-y:auto}.calc-cat-accordion-group{background:#fff;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.calc-cat-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.calc-cat-accordion-header:hover{background:#e2e8f0}.calc-cat-accordion-name{color:#0f172a;font-size:12.5px;font-weight:700}.calc-cat-count-badge{color:#334155;background:#e2e8f0;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:700}.calc-cat-selected-badge{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:800}.calc-cat-accordion-body{padding:0}.calc-cat-table-wrap{max-height:280px;overflow:auto}.calc-guide-hero{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:14px;padding:14px 18px;display:flex}.calc-guide-hero-icon{color:#fff;background:#0284c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.calc-guide-hero-title{color:#0369a1;margin:0;font-size:15px;font-weight:800}.calc-guide-hero-subtitle{color:#0c4a6e;margin:2px 0 0;font-size:11.5px}.calc-guide-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.calc-guide-step-num{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.calc-guide-step-content{flex:1}.calc-guide-step-title{color:#0f172a;margin:0 0 4px;font-size:13px;font-weight:700}.calc-guide-step-text{color:#475569;margin:0;font-size:12px;line-height:1.5}.calc-guide-example-box{color:#1e293b;background:#f8fafc;border-left:3px solid #0284c7;margin-top:8px;padding:6px 10px;font-size:11.5px}.calc-guide-fn-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.calc-guide-fn-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:6px 10px;display:flex}.calc-guide-fn-item code{color:#4338ca;font-size:11px;font-weight:700}.calc-guide-fn-item span{color:#64748b;margin-top:2px;font-size:10.5px}.calc-guide-pipeline-list{color:#334155;margin:8px 0 0 16px;font-size:12px;line-height:1.6}.calc-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}.truncate-1{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.calc-page-container{flex-direction:column;gap:12px;display:flex}.calc-metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.calc-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #00000008}.calc-metric-icon{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.calc-metric-value{color:#0f172a;font-size:20px;font-weight:800;line-height:1.1}.calc-metric-label{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600}.formula-code-badge{color:#0369a1;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e0f2fe;border-radius:4px;max-width:280px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;display:inline-block;overflow:hidden}@media (width<=900px){.calc-metrics-grid{grid-template-columns:repeat(2,1fr)}}.tmpl-list-container{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.tmpl-list-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.tmpl-breadcrumb{color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;display:flex}.tmpl-breadcrumb a{color:#2563eb;font-weight:500;text-decoration:none}.tmpl-breadcrumb a:hover{text-decoration:underline}.tmpl-breadcrumb .current{color:#0f172a;font-weight:600}.tmpl-title-area h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.55rem;font-weight:700;display:flex}.tmpl-title-icon{color:#2563eb}.tmpl-title-area p{color:#64748b;margin:4px 0 0;font-size:.88rem}.tmpl-add-btn{align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.tmpl-toast-alert{border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:500;animation:.2s ease-in fadeIn;display:flex;box-shadow:0 4px 12px #00000014}.toast-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.tmpl-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tmpl-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000008}.tmpl-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.tmpl-kpi-card.active-kpi{background:#f8faff;border-color:#2563eb}.kpi-icon-box{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bg-blue{color:#2563eb;background:#eff6ff}.bg-green{color:#16a34a;background:#f0fdf4}.bg-amber{color:#d97706;background:#fffbeb}.bg-purple{color:#9333ea;background:#faf5ff}.kpi-content{flex-direction:column;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.tmpl-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tmpl-search-box{flex:1;align-items:center;min-width:280px;max-width:480px;display:flex;position:relative}.tmpl-search-box input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 32px 8px 36px;font-size:.86rem}.tmpl-search-box input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;right:10px}.tmpl-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tmpl-status-tabs{background:#f1f5f9;border-radius:6px;padding:3px;display:flex}.tmpl-status-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.tmpl-status-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000f}.tmpl-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:.84rem}.tmpl-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.tmpl-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.tmpl-table thead th{color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 14px;font-weight:700}.tmpl-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.tmpl-table tbody tr:hover td{background:#f8fafc}.tmpl-table tr.row-inactive td{opacity:.7}.tmpl-name-cell{flex-direction:column;gap:3px;display:flex}.tmpl-name-link{color:#0284c7;font-size:.88rem;font-weight:600;text-decoration:none}.tmpl-name-link:hover{text-decoration:underline}.tmpl-code-badges{align-items:center;gap:6px;display:flex}.tmpl-code{color:#334155;background:#f1f5f9;border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:.74rem;font-weight:600}.tmpl-commercial-id{color:#92400e;background:#fef3c7;border-radius:3px;padding:1px 5px;font-size:.72rem;font-weight:600}.tmpl-ver-tag{color:#3730a3;background:#e0e7ff;border-radius:3px;padding:1px 4px;font-size:.7rem;font-weight:600}.tmpl-dept-cell{flex-direction:column;gap:2px;display:flex}.dept-tag{color:#334155;font-size:.78rem;font-weight:600}.matrix-sub{color:#64748b;font-size:.72rem}.tmpl-tests-pill{cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;flex-direction:column;padding:4px 8px;transition:background .15s;display:inline-flex}.tmpl-tests-pill:hover{background:#dcfce7}.test-count-main{color:#166534;font-size:.8rem;font-weight:700}.test-breakdown{color:#15803d;font-size:.7rem}.tmpl-pricing-cell{flex-direction:column;display:flex}.price-main{color:#0f172a;font-weight:700}.price-gst-sub{color:#64748b;font-size:.7rem}.tmpl-status-badge{text-align:center;border-radius:12px;padding:2px 8px;font-size:.74rem;font-weight:700;display:inline-block}.badge-active{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-inactive{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-draft{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.tmpl-update-cell{color:#334155;flex-direction:column;font-size:.78rem;display:flex}.user-sub{color:#64748b;font-size:.7rem}.tmpl-action-buttons{justify-content:flex-end;align-items:center;gap:4px;display:flex}.action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.action-btn:hover{color:#0f172a;background:#f1f5f9}.action-btn.view:hover{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.action-btn.edit:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.action-btn.copy:hover{color:#9333ea;background:#faf5ff;border-color:#e9d5ff}.action-btn.deactivate:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.action-btn.activate:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.action-btn.audit:hover{color:#d97706;background:#fffbeb;border-color:#fde68a}.tmpl-loading-state,.tmpl-error-state,.tmpl-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.tmpl-loading-state .spin{color:#2563eb;margin-bottom:10px;animation:1s linear infinite spin}.tmpl-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tmpl-preview-modal,.tmpl-audit-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:750px;max-height:85vh;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.tmpl-preview-modal .modal-header,.tmpl-audit-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:1.15rem}.modal-sub{color:#64748b;font-size:.78rem}.preview-desc{color:#475569;margin-bottom:14px;font-size:.85rem}.preview-services-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:.82rem}.preview-services-table th{color:#334155;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:8px 10px;font-weight:600}.preview-services-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px}.point-badge{border-radius:3px;padding:1px 5px;font-size:.7rem;font-weight:700}.point-badge.lab{color:#1d4ed8;background:#eff6ff}.point-badge.field{color:#15803d;background:#f0fdf4}.preview-summary-footer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:flex-end;gap:20px;padding:10px 14px;font-size:.85rem;display:flex}.audit-timeline{flex-direction:column;gap:16px;padding-left:18px;display:flex;position:relative}.audit-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.audit-timeline-item{position:relative}.timeline-marker{background:#2563eb;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-18px;box-shadow:0 0 0 2px #bfdbfe}.timeline-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.timeline-header{justify-content:space-between;align-items:center;display:flex}.audit-action-badge{border-radius:3px;padding:1px 6px;font-size:.74rem;font-weight:700}.action-created{color:#166534;background:#dcfce7}.action-updated{color:#1e40af;background:#dbeafe}.action-duplicated{color:#6b21a8;background:#f3e8ff}.action-activated{color:#047857;background:#ecfdf5}.action-deactivated{color:#b91c1c;background:#fee2e2}.audit-time{color:#64748b;font-size:.72rem}.audit-user{color:#334155;font-size:.78rem}.audit-details{color:#0f172a;font-size:.8rem}.audit-reason{color:#64748b;font-size:.76rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spec-list-container{flex-direction:column;gap:16px;width:100%;display:flex}.spec-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.spec-title-left{align-items:center;gap:14px;display:flex}.spec-header-icon-box{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0284c740}.spec-main-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.spec-sub-title{color:#64748b;margin:2px 0 0;font-size:.8125rem}.btn-spec-add{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.8125rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex;box-shadow:0 2px 6px #0284c740}.btn-spec-add:hover{background:#0369a1;transform:translateY(-1px)}.spec-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 1px 2px #00000008}.spec-tabs-group{align-items:center;gap:6px;display:flex}.spec-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.spec-tab-btn:hover{color:#1e293b;background:#f8fafc}.spec-tab-btn.active{color:#fff;background:#0f172a}.spec-tab-btn.active .tab-pill{color:#fff;background:#fff3}.tab-pill{color:#475569;background:#f1f5f9;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.spec-search-controls{align-items:center;gap:10px;display:flex}.spec-matrix-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 12px;font-size:.8125rem;font-weight:500}.spec-search-input-box{align-items:center;min-width:280px;display:flex;position:relative}.spec-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 32px 7px 12px;font-size:.8125rem;transition:border-color .15s}.spec-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c71a}.spec-search-icon-static{color:#94a3b8;pointer-events:none;position:absolute;right:10px}.spec-btn-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.spec-btn-search-clear:hover{color:#0f172a}.spec-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.spec-table-responsive{width:100%;overflow-x:auto}.spec-master-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.spec-master-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:.72rem;font-weight:600}.spec-master-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.spec-table-row{cursor:pointer;transition:background-color .1s}.spec-table-row:hover{background-color:#f8fafc}.spec-table-row.row-selected{background-color:#f0f9ff}.spec-name-cell{flex-direction:column;gap:3px;display:flex}.spec-title-link{color:#0f172a;cursor:pointer;font-weight:700;transition:color .15s}.spec-title-link:hover{color:#0284c7;text-decoration:underline}.spec-code-tag{color:#0284c7;background:#e0f2fe;border-radius:4px;width:fit-content;padding:1px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.7rem;font-weight:700;display:inline-block}.spec-desc-hint{color:#64748b;font-size:.75rem}.spec-sample-type-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.dynamic-spec-pill{color:#b45309;background:#fef3c7;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.75rem;font-weight:600;display:inline-flex}.rule-count-pill{color:#334155;background:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.status-toggle-pill{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.status-toggle-pill .status-dot{border-radius:50%;width:6px;height:6px}.status-toggle-pill.status-active{color:#15803d;background:#dcfce7}.status-toggle-pill.status-active .status-dot{background:#16a34a}.status-toggle-pill.status-inactive{color:#64748b;background:#f1f5f9}.status-toggle-pill.status-inactive .status-dot{background:#94a3b8}.action-btn-group{justify-content:center;align-items:center;gap:4px;display:flex}.btn-action-icon{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-action-icon.btn-action-danger:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.spec-table-footer{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.8125rem;display:flex}.btn-spec-export{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-spec-export:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.spec-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.spec-preview-modal,.spec-audit-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:960px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.spec-audit-modal{max-width:560px}.spec-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.spec-modal-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.btn-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-modal-close:hover{color:#0f172a;background:#e2e8f0}.spec-modal-body{flex:1;padding:20px;overflow-y:auto}.spec-preview-desc-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.8125rem}.spec-rules-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.spec-rules-table{border-collapse:collapse;width:100%;font-size:.78rem}.spec-rules-table th{color:#475569;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600}.spec-rules-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.spec-unit-pill{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:600}.spec-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.audit-timeline-flow{flex-direction:column;gap:14px;display:flex}.audit-timeline-node{gap:12px;display:flex}.audit-node-icon{margin-top:2px}.audit-node-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px}.audit-node-header{color:#0f172a;justify-content:space-between;font-size:.8125rem;display:flex}.audit-node-time{color:#64748b;font-size:.72rem}.audit-node-user{color:#475569;font-size:.75rem}.audit-node-reason{color:#64748b;margin:4px 0 0;font-size:.75rem}.spec-loader-state,.spec-empty-state,.spec-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.lab-setup-container{color:#1e293b;background:#f8fafc;max-width:1480px;min-height:calc(100vh - 70px);margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.setup-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;display:flex}.setup-breadcrumb a,.setup-breadcrumb-link{color:#0284c7;cursor:pointer;font-weight:500;text-decoration:none}.setup-breadcrumb a:hover,.setup-breadcrumb-link:hover{color:#0369a1;text-decoration:underline}.setup-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.setup-title-box{align-items:center;gap:14px;display:flex}.setup-title-icon{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 6px #0284c71f}.setup-title-text{color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.2}.setup-subtitle-text{color:#64748b;margin:4px 0 0;font-size:13px}.setup-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}@media (width<=1280px){.setup-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.setup-cards-grid{grid-template-columns:1fr}}.setup-master-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:175px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #00000008}.setup-master-card:hover{border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 8px 16px -2px #0284c71a,0 2px 4px -1px #0000000a}.setup-master-card.active{background:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c7,0 6px 14px #0284c71a}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.card-icon-blue{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}.card-icon-indigo{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe}.card-icon-emerald{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.card-icon-amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.card-icon-purple{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.card-icon-cyan{color:#0e7490;background:#cffafe;border:1px solid #a5f3fc}.card-count-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;padding:3px 10px;font-size:11.5px;font-weight:700}.setup-master-card.active .card-count-badge{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.card-title{color:#0f172a;margin:0 0 4px;font-size:14.5px;font-weight:750;line-height:1.3}.card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.card-footer-action{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.card-link-btn{color:#0284c7;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.setup-master-card:hover .card-link-btn{color:#0369a1;text-decoration:underline}.setup-tabs-bar{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;margin-bottom:20px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #00000008}.setup-tabs-bar::-webkit-scrollbar{display:none}.setup-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.setup-tab-btn:hover{color:#0f172a;background:#f8fafc}.setup-tab-btn.active{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;font-weight:750;box-shadow:0 1px 2px #0284c714}.setup-tab-badge{color:#475569;background:#f1f5f9;border-radius:12px;padding:1px 7px;font-size:11px;font-weight:700}.setup-tab-btn.active .setup-tab-badge{color:#fff;background:#0284c7}.setup-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.setup-search-wrap{flex:1;min-width:240px;max-width:380px;position:relative}.setup-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.setup-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:36px;padding:6px 12px 6px 34px;font-size:12.5px;transition:all .15s}.setup-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.setup-filters-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setup-select{color:#0f172a;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:36px;padding:0 10px;font-size:12.5px}.setup-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.status-pill-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:2px;display:inline-flex}.status-pill-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .15s}.status-pill-btn.active{color:#0284c7;background:#fff;font-weight:700;box-shadow:0 1px 2px #00000014}.btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;line-height:1.3;transition:all .15s;display:inline-flex}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.btn-primary{color:#fff;background:#0284c7;border-color:#0284c7}.btn-primary:hover:not(:disabled){background:#0369a1;border-color:#0369a1;box-shadow:0 2px 6px #0284c740}.btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.btn-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.action-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.action-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.action-icon-btn-view:hover{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.action-icon-btn-edit:hover{color:#b45309;background:#fef3c7;border-color:#fde68a}.action-icon-btn-delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.setup-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000008}.table-responsive{width:100%;overflow-x:auto}.setup-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.setup-data-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.setup-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.setup-data-table tr:hover td{background:#f8fafc}.badge-tag{border-radius:12px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-tag-active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-tag-inactive{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.badge-tag-warning{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-tag-danger{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.setup-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.setup-modal-container,.setup-modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:860px;height:88vh;max-height:90vh;animation:.18s ease-out scaleInModal;display:flex;overflow:hidden;box-shadow:0 20px 30px -10px #0003,0 10px 15px -5px #0000000a}.setup-modal-container>form,.setup-modal-card>form{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.setup-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.setup-modal-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:750;display:flex}.setup-modal-close{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.setup-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.modal-steps-nav{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:0 16px;display:flex}.modal-step-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.modal-step-btn:hover{color:#0f172a}.modal-step-btn.active{color:#0284c7;background:#fff;border-bottom-color:#0284c7;font-weight:700}.modal-step-num{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.modal-step-btn.active .modal-step-num{color:#fff;background:#0284c7}.setup-modal-body{box-sizing:border-box;background:#fff;flex:auto;min-height:0;padding:20px 24px;overflow-x:hidden;overflow-y:auto!important}.setup-modal-body::-webkit-scrollbar{width:7px}.setup-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.setup-modal-body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.setup-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.setup-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.form-section-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px 16px}.form-section-title{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin:0 0 12px;font-size:12.5px;font-weight:750;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.setup-form-group{flex-direction:column;margin-bottom:12px;display:flex}.setup-label{color:#1e293b;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.setup-input,.setup-select,.setup-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:7px 11px;font-family:inherit;font-size:12.5px;transition:all .15s}.setup-input:focus,.setup-select:focus,.setup-textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.field-description-hint{color:#64748b;margin-top:3px;font-size:11px;line-height:1.35}.methods-multiselect-container{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.methods-chips-wrapper{flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;display:flex}.method-chip{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.method-chip-remove{cursor:pointer;color:#ef4444;align-items:center;font-size:13px;font-weight:700;display:flex}.method-chip-remove:hover{color:#b91c1c}.methods-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:12px}.methods-search-input:focus{background:#fff;border-color:#0284c7}.methods-dropdown-list{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;max-height:140px;display:flex;overflow-y:auto}.methods-dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .1s;display:flex}.methods-dropdown-item:hover{background:#f1f5f9}.methods-dropdown-item.selected{color:#1e40af;background:#eff6ff;font-weight:600}.profile-banner-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#0369a1 100%);border:1px solid #334155;border-radius:14px;margin-bottom:16px;padding:20px 24px;box-shadow:0 4px 12px #0f172a1f}.profile-banner-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-title-left{align-items:center;gap:14px;display:flex}.profile-photo-wrap{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.profile-photo-img{object-fit:cover;width:100%;height:100%}.profile-kpis-grid{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:16px;padding:8px 16px;display:flex}.profile-kpi-block{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:10px}.profile-kpi-val{margin-top:2px;font-size:13px;font-weight:750}.profile-subnav-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;margin-bottom:16px;padding:5px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #00000008}.profile-subnav-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.profile-subnav-btn:hover{color:#0f172a;background:#f8fafc}.profile-subnav-btn.active{color:#0369a1;background:#e0f2fe;font-weight:750}.profile-subnav-badge{color:#475569;background:#f1f5f9;border-radius:10px;padding:1px 6px;font-size:10.5px;font-weight:700}.profile-subnav-btn.active .profile-subnav-badge{color:#fff;background:#0284c7}.profile-portlets-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.profile-portlets-grid{grid-template-columns:1fr}}.profile-portlet-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000008}.profile-portlet-card.full-width{grid-column:1/-1}.portlet-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.portlet-title-text{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:750;display:flex}.portlet-data-grid{grid-template-columns:1fr 1fr;gap:10px 14px;font-size:12px;display:grid}.portlet-item{flex-direction:column;display:flex}.portlet-label{color:#64748b;margin-bottom:2px;font-size:11px}.portlet-value{color:#1e293b;font-size:12.5px;font-weight:600}@keyframes scaleInModal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.supplier-page-container{flex-direction:column;gap:24px;display:flex}.supplier-page-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;padding-bottom:20px;display:flex}.supplier-page-header .page-title{color:var(--text-dark);margin-bottom:4px;font-size:1.8rem}.supplier-page-header .page-subtitle{color:var(--text-light);font-size:.95rem}.supplier-header-actions{gap:12px;display:flex}.supplier-breadcrumb{color:var(--text-light);align-items:center;gap:8px;margin-bottom:4px;font-size:.88rem;display:flex}.supplier-breadcrumb a{color:var(--primary-color);font-weight:500;text-decoration:none}.supplier-breadcrumb a:hover{text-decoration:underline}.supplier-breadcrumb span.separator{color:var(--text-light);opacity:.5}.supplier-breadcrumb span.current{color:var(--text-dark);font-weight:500}.supplier-list-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #00000005}.supplier-list-filters{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px;display:flex}.supplier-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.supplier-filter-group label{color:var(--text-light);font-size:.85rem;font-weight:500}.supplier-search-box{align-items:center;display:flex;position:relative}.supplier-search-box input{border:1px solid var(--border-color);border-radius:6px;outline:none;width:280px;padding:8px 12px 8px 36px;font-size:.9rem;transition:border-color .2s}.supplier-search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2e7d3214}.supplier-search-box .search-icon{color:var(--text-light);position:absolute;left:10px}.supplier-filter-select{border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem}.supplier-filter-select:focus{border-color:var(--primary-color)}.supplier-status-tabs{border:1px solid var(--border-color);border-radius:6px;gap:0;display:flex;overflow:hidden}.supplier-status-tab{color:var(--text-light);cursor:pointer;border:none;border-right:1px solid var(--border-color);background:#fff;padding:7px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.supplier-status-tab:last-child{border-right:none}.supplier-status-tab:hover{background:#f9fafb}.supplier-status-tab.active{background:var(--primary-color);color:#fff}.supplier-table-container{overflow-x:auto}.supplier-table{border-collapse:collapse;width:100%;font-size:.9rem}.supplier-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--border-color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fafbfc;padding:12px 16px;font-size:.82rem;font-weight:600;transition:background .15s}.supplier-table th:hover{background-color:#f0f2f5}.supplier-table th .sort-arrow{opacity:.4;margin-left:4px;font-size:.7rem}.supplier-table th .sort-arrow.active{opacity:1;color:var(--primary-color)}.supplier-table td{border-bottom:1px solid var(--border-color);color:var(--text-dark);vertical-align:middle;padding:14px 16px}.supplier-table tbody tr{transition:background .1s}.supplier-table tbody tr:hover{background-color:#f9fafb}.supplier-table tbody tr:last-child td{border-bottom:none}.supplier-name-cell{flex-direction:column;gap:2px;display:flex}.supplier-name-link{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none}.supplier-name-link:hover{text-decoration:underline}.supplier-code-badge{color:var(--text-light);font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem}.supplier-status-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.supplier-status-badge.active{color:#2e7d32;background:#e8f5e9}.supplier-status-badge.inactive{color:#9e9e9e;background:#f5f5f5}.supplier-actions-cell{align-items:center;gap:4px;display:flex}.supplier-action-btn{cursor:pointer;width:32px;height:32px;color:var(--text-light);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.supplier-action-btn:hover{color:var(--text-dark);background:#f0f2f5}.supplier-action-btn.view:hover{color:var(--primary-color);background:#e8f5e9}.supplier-action-btn.edit:hover{color:#1565c0;background:#e3f2fd}.supplier-action-btn.deactivate:hover{color:#e65100;background:#fff3e0}.supplier-action-btn.activate:hover{color:#2e7d32;background:#e8f5e9}.supplier-action-btn.delete:hover{color:#c62828;background:#ffebee}.supplier-pagination{border-top:1px solid var(--border-color);color:var(--text-light);justify-content:space-between;align-items:center;padding:16px 20px;font-size:.85rem;display:flex}.supplier-pagination-info{align-items:center;gap:6px;display:flex}.supplier-pagination-controls{align-items:center;gap:4px;display:flex}.supplier-page-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-dark);background:#fff;border-radius:5px;padding:6px 12px;font-size:.85rem;transition:all .15s}.supplier-page-btn:hover:not(:disabled){border-color:var(--primary-color);background:#f0f2f5}.supplier-page-btn:disabled{opacity:.4;cursor:not-allowed}.supplier-page-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.supplier-empty-state{text-align:center;color:var(--text-light);padding:60px 20px}.supplier-empty-state .empty-icon{width:80px;height:80px;color:var(--text-light);background:#f5f7fa;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.supplier-empty-state h3{color:var(--text-dark);margin-bottom:8px;font-size:1.1rem}.supplier-empty-state p{max-width:400px;margin:0 auto;font-size:.9rem}.supplier-loading-state{text-align:center;color:var(--text-light);padding:60px 20px;font-size:.95rem}.supplier-loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin}.supplier-error-state{text-align:center;color:var(--error-color);padding:40px 20px;font-size:.9rem}.supplier-error-state button{border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;background:#fff;border-radius:6px;margin-top:12px;padding:8px 16px;font-size:.85rem}.supplier-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.supplier-modal-card{background:#fff;border-radius:12px;width:90%;max-width:440px;padding:28px;animation:.2s slideUp;box-shadow:0 20px 60px #00000026}.supplier-modal-card h3{color:var(--text-dark);align-items:center;gap:10px;margin-bottom:12px;font-size:1.1rem;display:flex}.supplier-modal-card p{color:var(--text-light);margin-bottom:20px;font-size:.9rem;line-height:1.5}.supplier-modal-actions{justify-content:flex-end;gap:10px;display:flex}.supplier-modal-actions .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.supplier-modal-actions .btn-cancel{color:var(--text-dark);border:1px solid var(--border-color);background:#fff}.supplier-modal-actions .btn-cancel:hover{background:#f9fafb}.supplier-modal-actions .btn-danger{color:#fff;background:#c62828}.supplier-modal-actions .btn-danger:hover{background:#b71c1c}.supplier-modal-actions .btn-warning{color:#fff;background:#e65100}.supplier-modal-actions .btn-warning:hover{background:#d84315}.supplier-toast{color:#fff;z-index:2000;border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:500;animation:.3s slideInRight;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000026}.supplier-toast.success{background:#2e7d32}.supplier-toast.error{background:#c62828}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.supplier-page-header{flex-direction:column;align-items:stretch;gap:16px}.supplier-header-actions{justify-content:flex-start}.supplier-list-filters{flex-direction:column}.supplier-search-box input{width:100%}.supplier-table th,.supplier-table td{padding:10px 12px;font-size:.85rem}.supplier-pagination{flex-direction:column;gap:12px}}.ref-mat-page-container{flex-direction:column;gap:20px;display:flex}.ref-mat-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.ref-mat-breadcrumb{color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;display:flex}.ref-mat-breadcrumb a{color:#2563eb;font-weight:500;text-decoration:none}.ref-mat-breadcrumb a:hover{text-decoration:underline}.ref-mat-title-area h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.6rem;font-weight:700;display:flex}.ref-mat-title-area p{color:#64748b;margin:4px 0 0;font-size:.88rem}.ref-mat-header-actions{align-items:center;gap:10px;display:flex}.ref-mat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ref-mat-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.ref-mat-status-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ref-mat-status-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.ref-mat-status-tab:hover{color:#1e293b;background:#f1f5f9}.ref-mat-status-tab.active{color:#fff;background:#0f172a;border-color:#0f172a}.ref-mat-tab-count{background:#00000014;border-radius:10px;padding:1px 6px;font-size:.75rem;font-weight:700}.ref-mat-status-tab.active .ref-mat-tab-count{color:#fff;background:#ffffff40}.ref-mat-search-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ref-mat-search-box{align-items:center;display:flex;position:relative}.ref-mat-search-box input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:260px;padding:7px 32px 7px 34px;font-size:.84rem;transition:border-color .15s}.ref-mat-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.ref-mat-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;right:8px}.ref-mat-search-clear:hover{color:#475569}.ref-mat-type-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 12px;font-size:.84rem}.ref-mat-table-container{overflow-x:auto}.ref-mat-table{border-collapse:collapse;text-align:left;width:100%;font-size:.83rem}.ref-mat-table th{color:#475569;white-space:nowrap;letter-spacing:.02em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-weight:600}.ref-mat-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.ref-mat-table tr:hover td{background:#f8fafc}.ref-mat-table tr.selected td{background:#eff6ff}.ref-mat-name-cell{flex-direction:column;gap:2px;display:flex}.ref-mat-link{color:#1d4ed8;font-weight:600;text-decoration:none;transition:color .15s}.ref-mat-link:hover{color:#1e40af;text-decoration:underline}.ref-mat-id-sub{color:#64748b;align-items:center;gap:4px;font-family:ui-monospace,monospace;font-size:.74rem;display:inline-flex}.ref-mat-type-badge{white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-block}.type-crm{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.type-block{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.type-blank{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.type-sample{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.type-solution{color:#115e59;background:#ccfbf1;border:1px solid #99f6e4}.type-other{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ref-mat-status-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.status-active{color:#15803d;background:#dcfce7}.status-inactive{color:#64748b;background:#f1f5f9}.status-expired{color:#b91c1c;background:#fee2e2}.status-retired{color:#4b5563;background:#f3f4f6}.ref-mat-services-pill-group{flex-wrap:wrap;gap:4px;max-width:240px;display:flex}.ref-mat-service-tag{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 7px;font-size:.72rem}.ref-mat-service-tag-more{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.ref-mat-range-preview{color:#334155;font-size:.78rem;line-height:1.35}.ref-mat-range-exp{color:#0f172a;font-weight:700}.ref-mat-range-limits{color:#64748b;font-size:.73rem}.ref-mat-flag-badges{gap:4px;display:flex}.flag-blank{color:#0284c7;background:#e0f2fe;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.flag-hazardous{color:#dc2626;background:#fee2e2;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-flex}.ref-mat-expiry-warning{color:#d97706;align-items:center;gap:4px;font-size:.74rem;font-weight:600;display:inline-flex}.ref-mat-expiry-danger{color:#dc2626;align-items:center;gap:4px;font-size:.74rem;font-weight:600;display:inline-flex}.ref-mat-actions-group{align-items:center;gap:6px;display:flex}.ref-mat-action-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;padding:5px 8px;transition:all .15s;display:inline-flex}.ref-mat-action-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.ref-mat-action-btn.edit-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ref-mat-action-btn.toggle-btn:hover{color:#ca8a04;background:#fefce8;border-color:#fef08a}.ref-mat-action-btn.delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ref-mat-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:.82rem;display:flex}.ref-mat-pagination{align-items:center;gap:6px;display:flex}.ref-mat-page-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 10px;font-size:.8rem;transition:all .15s}.ref-mat-page-btn:hover:not(:disabled){background:#f1f5f9}.ref-mat-page-btn:disabled{opacity:.5;cursor:not-allowed}.ref-mat-page-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.ref-mat-loading,.ref-mat-empty{text-align:center;color:#64748b;padding:50px 20px}.ref-mat-empty h3{color:#1e293b;margin-bottom:6px;font-size:1.1rem}.ref-mat-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ref-mat-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.ref-mat-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ref-mat-modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.ref-mat-modal-body{color:#334155;padding:20px;font-size:.9rem;line-height:1.5}.ref-mat-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.supplier-form-container{flex-direction:column;gap:24px;max-width:960px;display:flex}.supplier-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.supplier-form-header h1{color:var(--text-dark);align-items:center;gap:12px;font-size:1.6rem;display:flex}.supplier-form-header .code-display{color:var(--primary-color);background:#f0f7f0;border-radius:6px;padding:4px 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:600}.supplier-form-tabs{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:4px;display:flex}.supplier-form-tab{color:var(--text-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex;position:relative}.supplier-form-tab:hover{color:var(--text-dark)}.supplier-form-tab.active{color:var(--primary-color);font-weight:600}.supplier-form-tab.active:after{content:"";background:var(--primary-color);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-2px;left:0;right:0}.supplier-form-tab .tab-badge{background:var(--primary-color);color:#fff;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:600}.supplier-form-tab.locked{opacity:.4;cursor:not-allowed}.supplier-form-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:28px;box-shadow:0 2px 10px #00000005}.supplier-form-section-title{color:var(--text-dark);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:10px;font-size:1.05rem;font-weight:600;display:flex}.supplier-form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.supplier-form-grid.three-col{grid-template-columns:1fr 1fr 1fr}.supplier-form-grid .full-width{grid-column:1/-1}.supplier-form-group{flex-direction:column;gap:6px;display:flex}.supplier-form-group label{color:var(--text-dark);font-size:.85rem;font-weight:600}.supplier-form-group label .required{color:var(--error-color);margin-left:2px}.supplier-form-group input,.supplier-form-group textarea,.supplier-form-group select{border:1px solid var(--border-color);color:var(--text-dark);background:#fff;border-radius:6px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.supplier-form-group input:focus,.supplier-form-group textarea:focus,.supplier-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2e7d3214}.supplier-form-group input:read-only{color:var(--text-light);cursor:not-allowed;background:#f9fafb}.supplier-form-group input.error,.supplier-form-group textarea.error,.supplier-form-group select.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef444414}.supplier-form-group textarea{resize:vertical;min-height:80px}.supplier-field-error{color:var(--error-color);font-size:.78rem;font-weight:500}.supplier-address-section{margin-bottom:28px}.supplier-address-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.supplier-address-header h4{color:var(--text-dark);font-size:.95rem;font-weight:600}.supplier-copy-btn{border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.supplier-copy-btn:hover{border-color:var(--primary-color);background:#f0f7f0}.supplier-contacts-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.supplier-contact-card{border:1px solid var(--border-color);background:#fafbfc;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .15s;display:flex}.supplier-contact-card:hover{border-color:var(--primary-color)}.supplier-contact-card.primary{border-color:var(--primary-color);background:#f0f7f0}.supplier-contact-info{flex-direction:column;gap:4px;display:flex}.supplier-contact-info .contact-name{color:var(--text-dark);align-items:center;gap:8px;font-weight:600;display:flex}.supplier-contact-info .contact-name .primary-badge{background:var(--primary-color);color:#fff;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.supplier-contact-info .contact-detail{color:var(--text-light);font-size:.83rem}.supplier-contact-actions{gap:6px;display:flex}.supplier-contact-actions button{cursor:pointer;width:30px;height:30px;color:var(--text-light);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.supplier-contact-actions button:hover{color:var(--text-dark);background:#f0f2f5}.supplier-contact-actions button.delete:hover{color:#c62828;background:#ffebee}.supplier-contact-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.supplier-contact-modal{background:#fff;border-radius:12px;width:92%;max-width:560px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.supplier-contact-modal h3{color:var(--text-dark);margin-bottom:20px;font-size:1.1rem}.supplier-duplicate-warning{background:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.supplier-duplicate-warning .warning-icon{color:#e65100;flex-shrink:0;margin-top:2px}.supplier-duplicate-warning .warning-content{flex:1}.supplier-duplicate-warning .warning-content h4{color:#e65100;margin-bottom:6px;font-size:.9rem}.supplier-duplicate-warning .warning-content p{color:var(--text-dark);margin-bottom:4px;font-size:.82rem}.supplier-form-footer{border-top:1px solid var(--border-color);background:var(--card-bg);z-index:10;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;display:flex;position:sticky;bottom:0}.supplier-form-footer .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.supplier-form-footer .btn-save{background:var(--primary-color);color:#fff}.supplier-form-footer .btn-save:hover{background:#246328}.supplier-form-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.supplier-form-footer .btn-cancel{color:var(--text-dark);border:1px solid var(--border-color);background:#fff}.supplier-form-footer .btn-cancel:hover{background:#f9fafb}@media (width<=768px){.supplier-form-grid,.supplier-form-grid.three-col{grid-template-columns:1fr}.supplier-form-card{padding:20px}.supplier-form-tabs{overflow-x:auto}.supplier-form-header{flex-direction:column;align-items:flex-start;gap:12px}.supplier-address-header{flex-direction:column;align-items:flex-start;gap:8px}}.supplier-detail-container{flex-direction:column;gap:24px;display:flex}.supplier-profile-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:28px;box-shadow:0 2px 10px #00000005}.supplier-profile-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.supplier-profile-identity{align-items:center;gap:20px;display:flex}.supplier-profile-avatar{width:64px;height:64px;color:var(--primary-color);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.supplier-profile-info h1{color:var(--text-dark);align-items:center;gap:12px;margin-bottom:6px;font-size:1.5rem;display:flex}.supplier-profile-info .supplier-detail-code{color:var(--text-light);background:#f5f7fa;border-radius:5px;padding:3px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;font-weight:500}.supplier-profile-meta{color:var(--text-light);gap:20px;margin-top:8px;font-size:.88rem;display:flex}.supplier-profile-meta span{align-items:center;gap:6px;display:flex}.supplier-profile-actions{flex-shrink:0;gap:10px;display:flex}.supplier-profile-actions .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.supplier-profile-actions .btn-outline{color:var(--text-dark);border:1px solid var(--border-color);background:#fff}.supplier-profile-actions .btn-outline:hover{border-color:var(--primary-color);background:#f9fafb}.supplier-detail-tabs{border-bottom:2px solid var(--border-color);gap:0;display:flex;overflow-x:auto}.supplier-detail-tab{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:12px 18px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex;position:relative}.supplier-detail-tab:hover{color:var(--text-dark)}.supplier-detail-tab.active{color:var(--primary-color);font-weight:600}.supplier-detail-tab.active:after{content:"";background:var(--primary-color);height:2px;position:absolute;bottom:-2px;left:0;right:0}.supplier-detail-tab .tab-count{color:var(--primary-color);background:#e8f5e9;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:600}.supplier-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:28px;box-shadow:0 2px 10px #00000005}.supplier-detail-section-title{color:var(--text-dark);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:18px;padding-bottom:10px;font-size:1rem;font-weight:600;display:flex}.supplier-info-grid{grid-template-columns:1fr 1fr;gap:16px 32px;margin-bottom:24px;display:grid}.supplier-info-grid.three-col{grid-template-columns:1fr 1fr 1fr}.supplier-info-item{flex-direction:column;gap:4px;display:flex}.supplier-info-item .info-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);font-size:.78rem;font-weight:600}.supplier-info-item .info-value{color:var(--text-dark);word-break:break-word;font-size:.92rem}.supplier-info-item .info-value.empty{color:#bdbdbd;font-style:italic}.supplier-addresses-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.supplier-address-card{border:1px solid var(--border-color);background:#fafbfc;border-radius:8px;padding:18px}.supplier-address-card h4{color:var(--text-dark);align-items:center;gap:6px;margin-bottom:12px;font-size:.88rem;font-weight:600;display:flex}.supplier-address-card p{color:var(--text-dark);font-size:.85rem;line-height:1.6}.supplier-address-card p.empty{color:#bdbdbd;font-style:italic}.supplier-detail-contacts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.supplier-detail-contact-card{border:1px solid var(--border-color);background:#fafbfc;border-radius:8px;padding:18px;transition:border-color .15s}.supplier-detail-contact-card.primary{border-color:var(--primary-color);background:#f0f7f0}.supplier-detail-contact-card h4{color:var(--text-dark);align-items:center;gap:8px;margin-bottom:10px;font-size:.92rem;font-weight:600;display:flex}.supplier-detail-contact-card .role-tag{color:#1565c0;background:#e3f2fd;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600}.supplier-detail-contact-card .contact-field{color:var(--text-light);align-items:center;gap:8px;margin-bottom:6px;font-size:.84rem;display:flex}.supplier-detail-contact-card .contact-field svg{flex-shrink:0}.supplier-bank-masked{letter-spacing:.05em;font-family:SFMono-Regular,Consolas,monospace}.supplier-audit-timeline{flex-direction:column;gap:0;display:flex}.supplier-audit-entry{border-bottom:1px solid var(--border-color);gap:16px;padding:16px 0;display:flex}.supplier-audit-entry:last-child{border-bottom:none}.supplier-audit-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.supplier-audit-dot.status{background:#e65100}.supplier-audit-dot.delete{background:#c62828}.supplier-audit-dot.contact{background:#1565c0}.supplier-audit-dot.bank{background:#6a1b9a}.supplier-audit-content{flex:1}.supplier-audit-content .audit-action{color:var(--text-dark);margin-bottom:4px;font-size:.88rem;font-weight:600}.supplier-audit-content .audit-details{color:var(--text-light);margin-bottom:4px;font-size:.82rem}.supplier-audit-content .audit-meta{color:#9e9e9e;gap:12px;font-size:.78rem;display:flex}.supplier-detail-empty{text-align:center;color:var(--text-light);padding:50px 20px}.supplier-detail-empty .empty-icon{background:#f5f7fa;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex}.supplier-detail-empty h4{color:var(--text-dark);margin-bottom:6px;font-size:1rem}.supplier-detail-empty p{font-size:.85rem}.supplier-quick-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.supplier-stat-card{border:1px solid var(--border-color);text-align:center;background:#fafbfc;border-radius:8px;padding:18px}.supplier-stat-card .stat-value{color:var(--primary-color);margin-bottom:4px;font-size:1.5rem;font-weight:700}.supplier-stat-card .stat-label{text-transform:uppercase;color:var(--text-light);letter-spacing:.03em;font-size:.78rem;font-weight:600}@media (width<=768px){.supplier-profile-top{flex-direction:column}.supplier-profile-actions{flex-wrap:wrap;width:100%}.supplier-info-grid,.supplier-info-grid.three-col,.supplier-addresses-grid,.supplier-detail-contacts-grid{grid-template-columns:1fr}.supplier-quick-stats{grid-template-columns:1fr 1fr}.supplier-detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}.ref-form-container{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.ref-form-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.ref-form-breadcrumb{color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;display:flex}.ref-form-breadcrumb a{color:#2563eb;font-weight:500;text-decoration:none}.ref-form-breadcrumb a:hover{text-decoration:underline}.ref-form-title-area h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.6rem;font-weight:700;display:flex}.ref-form-title-area p{color:#64748b;margin:4px 0 0;font-size:.88rem}.ref-form-header-actions{align-items:center;gap:10px;display:flex}.ref-form-tabs{background:#fff;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;gap:4px;padding:0 16px;display:flex}.ref-form-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.ref-form-tab-btn:hover{color:#0f172a}.ref-form-tab-btn.active{color:#2563eb}.ref-form-tab-btn.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-2px;left:0;right:0}.ref-tab-badge{color:#2563eb;background:#eff6ff;border-radius:10px;padding:2px 7px;font-size:.75rem;font-weight:700}.ref-form-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;padding:24px;box-shadow:0 1px 3px #0000000a}.ref-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ref-form-grid.full-width{grid-column:span 2}.ref-form-group{flex-direction:column;gap:6px;display:flex}.ref-form-group.span-2{grid-column:span 2}.ref-form-group label{color:#334155;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.ref-form-group label .required{color:#ef4444}.ref-form-group input[type=text],.ref-form-group input[type=date],.ref-form-group input[type=number],.ref-form-group select,.ref-form-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:9px 12px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.ref-form-group input[readonly],.ref-form-group input:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.ref-form-group input:focus,.ref-form-group select:focus,.ref-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ref-form-group textarea{resize:vertical;min-height:80px}.ref-form-hint{color:#64748b;margin-top:2px;font-size:.78rem}.ref-checkbox-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.ref-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.ref-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:17px;height:17px;margin-top:2px}.ref-checkbox-text{flex-direction:column;display:flex}.ref-checkbox-title{color:#1e293b;font-size:.88rem;font-weight:600}.ref-checkbox-sub{color:#64748b;font-size:.78rem}.ref-matrix-container{flex-direction:column;gap:16px;display:flex}.ref-values-section-header{margin-bottom:4px}.ref-values-title{color:#0f172a;align-items:center;gap:6px;margin:0 0 6px;font-size:1.05rem;font-weight:700;display:flex}.ref-title-bullet{color:#dc2626;font-weight:700}.ref-values-instructions{color:#475569;margin:0;font-size:.83rem;line-height:1.55}.ref-matrix-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ref-matrix-search{align-items:center;display:flex;position:relative}.ref-matrix-search input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:280px;padding:6px 30px 6px 32px;font-size:.84rem}.ref-matrix-search input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.ref-mat-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.ref-mat-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:8px}.ref-matrix-actions{align-items:center;gap:8px;display:flex}.ref-unified-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.ref-master-table{border-collapse:collapse;text-align:left;width:100%;font-size:.83rem}.ref-master-table thead th{color:#334155;white-space:nowrap;background:#fff;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-weight:700}.ref-cat-bar-row{cursor:pointer;-webkit-user-select:none;user-select:none}.ref-cat-bar-cell{background:#f1f5f9;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:8px 12px!important}.ref-cat-bar-row:hover .ref-cat-bar-cell{background:#e6edf5}.ref-cat-bar-content{justify-content:space-between;align-items:center;display:flex}.ref-cat-bar-left{align-items:center;gap:8px;display:flex}.ref-cat-gear-icon{color:#475569}.ref-cat-toggle-square{color:#334155;align-items:center;display:inline-flex}.ref-cat-title-text{color:#0f172a;font-size:.86rem;font-weight:700}.ref-cat-count-pill{color:#1e293b;background:#cbd5e1;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:600}.ref-cat-selected-pill{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:600}.ref-cat-select-all-label{color:#475569;cursor:pointer;align-items:center;gap:5px;font-size:.76rem;display:flex}.ref-srv-data-row td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.ref-srv-data-row:hover td{background:#f8fafc}.ref-srv-data-row.is-selected-row{background:#fafafa}.ref-srv-data-row.is-selected-row:hover td{background:#f1f5f9}.ref-srv-title-wrapper{align-items:center;gap:6px;display:flex}.ref-srv-name{color:#0284c7;cursor:pointer;font-weight:500}.ref-srv-name:hover{text-decoration:underline}.ref-srv-star{color:#0f172a;font-size:.85rem}.ref-srv-unit-tag{color:#64748b;background:#f1f5f9;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:.7rem}.ref-srv-kw{color:#64748b;margin-top:1px;font-size:.7rem}.ref-cell-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;max-width:140px;padding:5px 8px;font-size:.82rem;transition:all .15s}.ref-cell-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c71f}.ref-cell-input::placeholder{color:#94a3b8;font-size:.78rem}.ref-form-footer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px 24px;display:flex}.ref-form-footer-info{color:#475569;font-size:.85rem}.ref-detail-container{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.ref-detail-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.ref-detail-breadcrumb{color:#64748b;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;display:flex}.ref-detail-breadcrumb a{color:#2563eb;font-weight:500;text-decoration:none}.ref-detail-breadcrumb a:hover{text-decoration:underline}.ref-detail-title-box{flex-direction:column;gap:4px;display:flex}.ref-detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ref-detail-title-row h1{color:#0f172a;margin:0;font-size:1.6rem;font-weight:700}.ref-detail-id-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:700}.ref-detail-subtitle{color:#64748b;margin:0;font-size:.88rem}.ref-detail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ref-detail-tabs-bar{background:#fff;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;gap:6px;padding:0 16px;display:flex}.ref-detail-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.ref-detail-tab-btn:hover{color:#0f172a}.ref-detail-tab-btn.active{color:#2563eb}.ref-detail-tab-btn.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-2px;left:0;right:0}.ref-detail-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;padding:24px;box-shadow:0 1px 3px #0000000a}.ref-detail-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ref-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.ref-info-box.span-2{grid-column:span 2}.ref-info-box.span-3{grid-column:span 3}.ref-info-box-header{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.ref-info-row{justify-content:space-between;padding:4px 0;font-size:.84rem;display:flex}.ref-info-label{color:#64748b;font-weight:500}.ref-info-val{color:#0f172a;text-align:right;font-weight:600}.ref-detail-table-box{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.ref-detail-table{border-collapse:collapse;text-align:left;width:100%;font-size:.83rem}.ref-detail-table th{color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-weight:600}.ref-detail-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.ref-detail-table tr:last-child td{border-bottom:none}.ref-detail-table tr:hover td{background:#f8fafc}.ref-audit-timeline{flex-direction:column;gap:16px;padding-left:24px;display:flex;position:relative}.ref-audit-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.ref-audit-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px;position:relative}.ref-audit-dot{background:#2563eb;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:14px;left:-24px;box-shadow:0 0 0 1px #cbd5e1}.ref-audit-entry-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ref-audit-action{color:#0f172a;font-size:.88rem;font-weight:700}.ref-audit-time{color:#64748b;font-size:.78rem}.ref-audit-author{color:#475569;margin-bottom:8px;font-size:.8rem}.ref-audit-changes-list{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:.8rem}.ref-audit-change-row{gap:8px;padding:2px 0;display:flex}.tmpl-form-container{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.tmpl-form-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.tmpl-form-breadcrumb{color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;display:flex}.tmpl-form-breadcrumb a{color:#2563eb;font-weight:500;text-decoration:none}.tmpl-form-breadcrumb a:hover{text-decoration:underline}.tmpl-form-breadcrumb .current{color:#0f172a;font-weight:600}.tmpl-form-title-area h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.55rem;font-weight:700;display:flex}.tmpl-form-icon{color:#2563eb}.tmpl-form-title-area p{color:#64748b;margin:4px 0 0;font-size:.88rem}.tmpl-form-header-actions{align-items:center;gap:10px;display:flex}.tmpl-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;display:flex}.tmpl-form-tabs{background:#fff;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;gap:4px;padding:0 16px;display:flex}.tmpl-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.tmpl-tab-btn:hover{color:#0f172a}.tmpl-tab-btn.active{color:#2563eb}.tmpl-tab-btn.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-2px;left:0;right:0}.tmpl-tab-badge{color:#2563eb;background:#eff6ff;border-radius:10px;padding:2px 7px;font-size:.74rem;font-weight:700}.tmpl-tab-price-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:2px 8px;font-size:.74rem;font-weight:700}.tmpl-form-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;padding:24px;box-shadow:0 1px 3px #00000008}.tmpl-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.tmpl-form-group{flex-direction:column;gap:6px;display:flex}.tmpl-form-group.span-2{grid-column:span 2}.tmpl-form-group label{color:#334155;font-size:.85rem;font-weight:600}.tmpl-form-group label .required{color:#ef4444}.tmpl-form-group input,.tmpl-form-group select,.tmpl-form-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:9px 12px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.tmpl-form-group input:focus,.tmpl-form-group select:focus,.tmpl-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tmpl-form-hint{color:#64748b;font-size:.76rem}.field-error{color:#ef4444;font-size:.76rem}.tmpl-services-container{flex-direction:column;gap:16px;display:flex}.tmpl-matrix-info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.84rem;line-height:1.5;display:flex}.tmpl-matrix-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.tmpl-matrix-search{align-items:center;display:flex;position:relative}.tmpl-matrix-search input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:280px;padding:6px 30px 6px 32px;font-size:.84rem}.tmpl-matrix-search input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.tmpl-matrix-actions{align-items:center;gap:8px;display:flex}.configured-count-badge{color:#2563eb;margin-left:8px;font-size:.82rem;font-weight:700}.tmpl-unified-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.tmpl-master-table{border-collapse:collapse;text-align:left;width:100%;font-size:.83rem}.tmpl-master-table thead th{color:#334155;white-space:nowrap;background:#fff;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-weight:700}.tmpl-cat-bar-row{cursor:pointer;-webkit-user-select:none;user-select:none}.tmpl-cat-bar-cell{background:#f1f5f9;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:8px 12px!important}.tmpl-cat-bar-row:hover .tmpl-cat-bar-cell{background:#e6edf5}.tmpl-cat-bar-content{justify-content:space-between;align-items:center;display:flex}.tmpl-cat-bar-left{align-items:center;gap:8px;display:flex}.gear-icon{color:#475569}.toggle-square{color:#334155;align-items:center;display:inline-flex}.cat-title{color:#0f172a;font-size:.86rem;font-weight:700}.cat-count{color:#1e293b;background:#cbd5e1;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:600}.cat-selected-badge{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:600}.select-all-label{color:#475569;cursor:pointer;align-items:center;gap:5px;font-size:.76rem;display:flex}.tmpl-srv-row td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.tmpl-srv-row:hover td{background:#f8fafc}.tmpl-srv-row.is-selected td{background:#fafafa}.tmpl-srv-row.is-selected:hover td{background:#f1f5f9}.srv-name-box{align-items:center;gap:6px;display:flex}.srv-title{color:#0284c7;cursor:pointer;font-weight:600}.srv-title:hover{text-decoration:underline}.star-icon{color:#0f172a;font-size:.85rem}.kw-tag{color:#64748b;background:#f1f5f9;border-radius:3px;padding:1px 4px;font-size:.7rem}.capture-badge{border-radius:3px;padding:1px 5px;font-size:.7rem;font-weight:700}.capture-badge.lab{color:#1d4ed8;background:#eff6ff}.capture-badge.field{color:#15803d;background:#f0fdf4}.price-override-box{align-items:center;gap:6px;display:flex}.override-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:90px;padding:4px 6px;font-size:.82rem}.override-input.has-override{color:#6b21a8;background:#faf5ff;border-color:#9333ea;font-weight:600}.override-tag{color:#7e22ce;background:#f3e8ff;border-radius:3px;padding:1px 4px;font-size:.68rem;font-weight:700}.tmpl-pricing-workspace{flex-direction:column;gap:20px;display:flex}.pricing-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pricing-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:14px;padding:20px;display:flex}.pricing-box.highlight{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.pricing-box-header{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.pricing-row{color:#334155;justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.pricing-row.total-row{border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:10px}.checkbox-toggle-label{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;display:flex}.checkbox-toggle-label input{margin-top:2px}.custom-package-input-box{flex-direction:column;gap:4px;display:flex}.custom-package-input-box label{color:#334155;font-size:.8rem;font-weight:600}.package-rate-input{color:#0f172a;background:#eff6ff;border:1px solid #2563eb;border-radius:6px;width:200px;padding:8px 12px;font-size:1rem;font-weight:700}.tax-settings-row{color:#475569;align-items:center;gap:8px;font-size:.85rem;display:flex}.gst-input{text-align:center;border:1px solid #cbd5e1;border-radius:4px;width:60px;padding:5px 8px;font-weight:600}.pricing-row.grand-total-row{border-top:2px solid #e2e8f0;margin-top:10px;padding-top:14px}.grand-total-val{color:#15803d;font-size:1.4rem;font-weight:800}.tmpl-form-footer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px 24px;display:flex}.tmpl-footer-info{color:#475569;font-size:.85rem}.save-submit-btn{align-items:center;gap:6px;font-weight:600;display:inline-flex}.tmpl-detail-container{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.tmpl-detail-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.tmpl-detail-title-box{flex-direction:column;gap:6px;display:flex}.tmpl-detail-breadcrumb{color:#64748b;align-items:center;gap:6px;font-size:.85rem;display:flex}.tmpl-detail-breadcrumb a{color:#2563eb;font-weight:500;text-decoration:none}.tmpl-detail-breadcrumb a:hover{text-decoration:underline}.tmpl-detail-breadcrumb .current{color:#0f172a;font-weight:600}.tmpl-detail-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tmpl-detail-title-row h1{color:#0f172a;margin:0;font-size:1.6rem;font-weight:700}.tmpl-detail-code{color:#1e293b;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:700}.commercial-tag{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:2px 7px;font-size:.78rem;font-weight:700}.tmpl-detail-desc{color:#475569;max-width:800px;margin:4px 0 0;font-size:.9rem}.tmpl-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tmpl-detail-stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:16px 20px;display:grid;box-shadow:0 1px 3px #00000005}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:600}.stat-value{color:#0f172a;font-size:1.4rem;font-weight:800}.stat-value.highlight{color:#15803d}.tmpl-detail-tabs{background:#fff;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;gap:4px;padding:0 16px;display:flex}.detail-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.detail-tab-btn.active{color:#2563eb}.detail-tab-btn.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-2px;left:0;right:0}.detail-card{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;padding:24px;box-shadow:0 1px 3px #00000005}.services-table-header{margin-bottom:16px}.services-table-header h3{color:#0f172a;margin:0;font-size:1.15rem}.services-table-header .subtitle{color:#64748b;font-size:.84rem}.detail-services-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.detail-services-table th{color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-weight:700}.detail-services-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px}.service-title-cell{align-items:center;gap:6px;display:flex}.service-title-cell .name{color:#0f172a;font-weight:600}.service-title-cell .star{color:#0f172a}.service-title-cell .kw{color:#64748b;background:#f1f5f9;border-radius:3px;padding:1px 4px;font-size:.72rem}.point-pill{border-radius:3px;padding:1px 6px;font-size:.7rem;font-weight:700}.point-pill.lab{color:#1d4ed8;background:#eff6ff}.point-pill.field{color:#15803d;background:#f0fdf4}.override-badge-sm{color:#7e22ce;background:#f3e8ff;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:.68rem}.overview-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.overview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.overview-box h4{color:#0f172a;border-bottom:1px solid #e2e8f0;margin:0 0 4px;padding-bottom:8px;font-size:.95rem}.meta-row{justify-content:space-between;align-items:center;font-size:.86rem;display:flex}.meta-label{color:#64748b;font-weight:500}.meta-val{color:#0f172a;font-weight:600}.meta-block{flex-direction:column;gap:4px;display:flex}.meta-text{color:#334155;margin:0;font-size:.86rem;line-height:1.5}.pricing-detail-grid{max-width:600px}.pricing-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.pricing-summary-card h4{color:#0f172a;border-bottom:1px solid #e2e8f0;margin:0;padding-bottom:8px;font-size:1rem}.fee-row{color:#334155;justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.fee-row.subtotal{border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:10px;font-weight:600}.package-override-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin:4px 0;padding:10px 14px}.fee-row.grand-total{border-top:2px solid #e2e8f0;margin-top:10px;padding-top:14px}.total-amount{color:#15803d;font-size:1.4rem;font-weight:800}.spec-form-container{flex-direction:column;gap:16px;width:100%;display:flex}.spec-form-breadcrumb{color:#64748b;align-items:center;gap:6px;padding:4px 0;font-size:.78rem;display:flex}.spec-breadcrumb-link{cursor:pointer;transition:color .15s}.spec-breadcrumb-link:hover{color:#0284c7}.spec-form-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;box-shadow:0 1px 3px #0000000a}.btn-form-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.btn-form-back:hover{color:#0f172a;background:#f1f5f9}.spec-form-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.spec-form-subtitle{color:#64748b;margin:2px 0 0;font-size:.78rem}.btn-form-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 16px;font-size:.8125rem;font-weight:600}.btn-form-cancel:hover{color:#0f172a;background:#f8fafc}.btn-form-save{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 18px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0284c740}.btn-form-save:hover:not(:disabled){background:#0369a1;transform:translateY(-1px)}.spec-form-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:.8125rem;display:flex}.spec-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.spec-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:12px;display:flex}.spec-section-tag{text-transform:uppercase;letter-spacing:.05em;color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:700}.spec-section-header h3{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.spec-section-header-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.spec-section-header-row h3{color:#0f172a;margin:2px 0 0;font-size:.95rem;font-weight:700}.spec-metadata-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.spec-field-group{flex-direction:column;gap:4px;display:flex}.spec-field-full{grid-column:1/-1}.spec-label{color:#334155;font-size:.8125rem;font-weight:600}.req-star{color:#ef4444}.spec-field-hint{color:#64748b;font-size:.72rem}.spec-input-control,.spec-select-control,.spec-textarea-control{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:.8125rem;transition:border-color .15s}.spec-input-control:focus,.spec-select-control:focus,.spec-textarea-control:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c71a}.spec-status-radio-group{gap:8px;margin-top:2px;display:flex}.radio-pill{color:#475569;cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.radio-pill.active{color:#fff;background:#0f172a;border-color:#0f172a}.spec-guidance-banner{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.spec-guidance-text{color:#0369a1;font-size:.76rem;line-height:1.45}.spec-guidance-text p{margin:0 0 4px}.spec-guidance-text p:last-child{margin-bottom:0}.rule-counter-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.spec-matrix-search-box{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;min-width:220px;padding:5px 10px;display:flex}.spec-matrix-search-box input{border:none;outline:none;width:100%;font-size:.78rem}.spec-expand-btn-group{gap:4px;display:flex}.btn-spec-toggle-all{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:600}.btn-spec-toggle-all:hover{color:#0f172a;background:#f1f5f9}.spec-accordion-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.spec-matrix-table-scroll{max-height:600px;overflow:auto}.spec-config-table{border-collapse:collapse;text-align:left;width:100%;font-size:.78rem}.spec-config-table thead th{z-index:10;color:#475569;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:10px 8px;font-size:.7rem;font-weight:700;position:sticky;top:0}.spec-cat-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9}.spec-cat-header-row:hover{background:#e2e8f0}.spec-cat-header-content{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.spec-cat-title{color:#0f172a;font-size:.8125rem;font-weight:700}.spec-cat-count-pill{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:1px 6px;font-size:.7rem}.spec-cat-active-rules-badge{color:#16a34a;background:#dcfce7;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.spec-service-row td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:6px}.spec-service-row.service-configured{background-color:#f0fdf4}.service-title-cell{flex-direction:column;display:flex}.service-title-text{color:#0f172a;font-weight:600}.service-sub-type{color:#64748b;font-size:.68rem}.keyword-cell-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.7rem}.method-cell-text{color:#475569;font-size:.72rem}.unit-cell-tag{color:#0369a1;background:#e0f2fe;border-radius:3px;padding:1px 4px;font-size:.7rem}.spec-cell-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:5px 6px;font-size:.75rem}.spec-cell-input:focus{background:#fff;border-color:#0284c7}.spec-cell-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:5px 2px;font-size:.75rem;font-weight:700}.btn-clear-single-rule{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.btn-clear-single-rule:hover{color:#ef4444}.spec-form-bottom-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.spec-detail-container{flex-direction:column;gap:16px;width:100%;display:flex}.spec-detail-breadcrumb{color:#64748b;align-items:center;gap:6px;padding:4px 0;font-size:.78rem;display:flex}.spec-detail-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.spec-header-left{align-items:center;gap:14px;display:flex}.btn-detail-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-detail-back:hover{color:#0f172a;background:#f1f5f9}.spec-detail-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.status-badge-lg{border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:700}.status-badge-lg.active{color:#15803d;background:#dcfce7}.status-badge-lg.inactive{color:#64748b;background:#f1f5f9}.version-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:600}.spec-header-actions{align-items:center;gap:8px;display:flex}.btn-detail-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-detail-action:hover{color:#0f172a;background:#f8fafc}.btn-detail-action-primary{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;align-items:center;gap:5px;padding:7px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-detail-action-primary:hover{background:#0369a1}.spec-detail-desc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px}.spec-detail-tabs-bar{gap:8px;display:flex}.spec-detail-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.spec-detail-tab:hover{color:#1e293b;background:#f8fafc}.spec-detail-tab.active{color:#fff;background:#0f172a;border-color:#0f172a}.spec-detail-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000000a}.spec-detail-loading,.spec-detail-error{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.testing-tasks-workspace{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;min-height:calc(100vh - 60px);padding:16px 20px;font-family:inherit}.testing-tasks-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000008}.badge-testing-role{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border-radius:6px;align-items:center;gap:5px;margin-bottom:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.header-title-area h1{color:#0f172a;letter-spacing:-.01em;margin:0 0 3px;font-size:1.35rem;font-weight:800}.header-title-area p{color:#64748b;max-width:760px;margin:0;font-size:.82rem;line-height:1.35}.header-actions-area{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-refresh-tasks,.btn-browse-all-samples{cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-refresh-tasks{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-refresh-tasks:hover{color:#0f172a;background:#f1f5f9}.btn-action-booking{color:#fff;background:#2563eb;border:1px solid #2563eb}.btn-action-booking:hover{color:#fff;background:#1d4ed8}.btn-action-approvals{color:#fff;background:#f59e0b;border:1px solid #d97706}.btn-action-approvals:hover{color:#fff;background:#d97706}.btn-action-register{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.btn-action-register:hover{background:#f8fafc;border-color:#94a3b8}.testing-kpi-grid-7{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:14px;display:grid}@media (width<=1400px){.testing-kpi-grid-7{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.testing-kpi-grid-7{grid-template-columns:repeat(2,1fr)}}.testing-kpi-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.testing-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000a}.testing-kpi-card.active-card{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.kpi-icon-wrapper{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-total .kpi-icon-wrapper{color:#475569;background:#f1f5f9}.kpi-inprogress .kpi-icon-wrapper{color:#2563eb;background:#eff6ff}.kpi-pending .kpi-icon-wrapper{color:#d97706;background:#fffbeb}.kpi-submitted .kpi-icon-wrapper{color:#7c3aed;background:#f5f3ff}.kpi-retest .kpi-icon-wrapper{color:#dc2626;background:#fef2f2}.kpi-rejected .kpi-icon-wrapper{color:#be123c;background:#ffe4e6}.kpi-verified .kpi-icon-wrapper{color:#16a34a;background:#f0fdf4}.kpi-urgent .kpi-icon-wrapper{color:#ea580c;background:#fff7ed}.kpi-info{flex-direction:column;display:flex;overflow:hidden}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;overflow:hidden}.testing-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.status-tabs-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.status-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .12s;display:inline-flex}.status-tab-btn:hover{color:#0f172a;background:#f1f5f9}.status-tab-btn.active-tab{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.filter-controls-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-mode-toggle-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px;display:inline-flex}.view-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:.74rem;font-weight:600;transition:all .12s;display:inline-flex}.view-mode-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #0000000d}.search-form-control{align-items:center;display:flex;position:relative}.search-form-control input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:210px;padding:5px 24px 5px 28px;font-size:.78rem}.search-form-control input:focus{border-color:#3b82f6}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:8px}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:6px}.select-filter-control{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:5px 8px;font-size:.76rem}.testing-tasks-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tasks-table-wrapper{width:100%;overflow-x:auto}.tasks-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}.tasks-data-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.72rem;font-weight:700}.tasks-data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .12s}.tasks-data-table tbody tr:hover{background-color:#f8faff}.tasks-data-table tbody td{vertical-align:middle;padding:8px 12px}.btn-expand-chevron{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.btn-expand-chevron:hover{color:#0f172a;background:#f1f5f9}.priority-pill{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}.task-priority-urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.task-priority-high{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.task-priority-medium{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.task-priority-standard{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.batch-clickable-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-family:monospace;font-size:.76rem;font-weight:700;transition:all .12s;display:inline-flex}.batch-clickable-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.batch-badge{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:.74rem;display:inline-block}.batch-badge-clickable{cursor:pointer;transition:all .12s}.batch-badge-clickable:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.batch-sub{color:#64748b;margin-left:2px;font-size:.68rem;font-weight:500}.sample-id-cell{flex-direction:column;display:flex}.sample-link{color:#2563eb;font-size:.8rem;font-weight:700;text-decoration:none}.sample-link:hover{text-decoration:underline}.customer-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.7rem;overflow:hidden}.matrix-cell{flex-direction:column;gap:2px;display:flex}.sample-name-title{color:#1e293b;font-size:.78rem;font-weight:600;line-height:1.2}.matrix-badge{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:.66rem;font-weight:700;display:inline-block}.batch-gauge-container{align-items:center;gap:8px;display:inline-flex;overflow:visible}.gauge-chart-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;display:flex;overflow:visible}.gauge-chart-wrapper svg{overflow:visible}.gauge-details-col{flex-direction:column;justify-content:center;gap:1px;display:flex}.gauge-params-count{color:#0f172a;font-size:.76rem;font-weight:600}.gauge-params-count strong{font-weight:800}.gauge-recorded-text{color:#64748b;font-size:.7rem}.recorded-fraction{color:#334155;font-weight:700}.retest-micro-tag{color:#dc2626;background:#fef2f2;border-radius:3px;margin-top:1px;padding:1px 4px;font-size:.65rem;font-weight:700;display:inline-block}.status-pill{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.task-status-verified{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.task-status-submitted{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.task-status-entered{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.task-status-pending{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1}.task-status-retest{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.task-status-rejected{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.date-cell{color:#475569;white-space:nowrap;font-size:.76rem}.text-urgent-date{font-weight:700;color:#dc2626!important}.task-action-buttons{justify-content:center;display:flex}.btn-action-primary,.btn-action-secondary,.btn-action-outline,.btn-action-approvals-pill{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .12s;display:inline-flex}.btn-action-primary{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.btn-action-primary:hover{color:#fff;background:#2563eb;border-color:#2563eb}.btn-action-approvals-pill{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.btn-action-approvals-pill:hover{color:#fff;background:#f59e0b;border-color:#f59e0b}.btn-action-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.btn-action-secondary:hover{color:#0f172a;background:#e2e8f0}.btn-action-outline{color:#475569;background:0 0;border:1px solid #cbd5e1}.btn-action-outline:hover{color:#0f172a;background:#f8fafc}.expanded-details-row{background-color:#f8fafc}.inline-parameters-container{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 14px;box-shadow:0 1px 3px #00000008}.inline-header{color:#334155;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.78rem;display:flex}.btn-open-modal-link{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.btn-open-modal-link:hover{color:#fff;background:#2563eb}.inline-params-table{border-collapse:collapse;width:100%;font-size:.76rem}.inline-params-table th{color:#475569;text-transform:uppercase;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-size:.7rem;font-weight:700}.inline-params-table td{border-bottom:1px solid #f1f5f9;padding:6px 8px}.param-cat-sub{color:#64748b;font-size:.65rem;font-weight:500;display:block}.observed-value-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.no-value-text{color:#94a3b8;font-size:.72rem;font-style:italic}.conformity-pill{border-radius:10px;padding:2px 6px;font-size:.68rem;font-weight:700;display:inline-block}.conf-conforms,.conf-pass{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.conf-non-conforming,.conf-fail{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.conf-pending{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1}.tasks-loading-state,.tasks-error-state,.tasks-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.tasks-empty-state h3{color:#0f172a;margin:10px 0 4px;font-size:1rem;font-weight:700}.tasks-empty-state p{color:#64748b;margin:0;font-size:.82rem}.batch-view-toolbar{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.78rem;font-weight:600;display:flex}.batch-view-actions{gap:8px;display:flex}.btn-batch-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .15s}.btn-batch-action:hover{color:#0f172a;background:#f1f5f9}.testing-batch-cards-container{flex-direction:column;gap:12px;padding:14px;display:flex}.testing-batch-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000005}.testing-batch-card.is-expanded{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb0f}.testing-batch-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;transition:background .15s;display:flex}.testing-batch-card.is-expanded .testing-batch-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.testing-batch-header:hover{background:#f8fafc}.batch-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-batch-chevron{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.testing-batch-card.is-expanded .btn-batch-chevron{color:#1d4ed8;background:#dbeafe}.batch-info-col{flex-direction:column;gap:4px;display:flex}.batch-top-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.batch-code-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-family:monospace;font-size:.88rem;font-weight:800;display:inline-flex}.batch-samples-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.batch-sub-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:.74rem;display:flex}.batch-customer-text{color:#334155;align-items:center;gap:4px;font-weight:600;display:inline-flex}.batch-matrix-text{color:#64748b;align-items:center;gap:4px;display:inline-flex}.batch-header-right{align-items:center;gap:12px;display:flex}.btn-toggle-samples{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.74rem;font-weight:600;text-decoration:none}.btn-toggle-samples:hover{text-decoration:underline}.testing-batch-body{background:#fff;overflow-x:auto}.nested-samples-table{border-collapse:collapse;width:100%;font-size:.78rem}.nested-samples-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:.7rem;font-weight:700}.nested-samples-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.nested-samples-table tr:last-child td{border-bottom:none}.nested-samples-table tr:hover{background:#fafafa}.sidebar{z-index:100;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:2px 0 10px #00000005}.sidebar.collapsed{width:72px}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}.sidebar-header{z-index:10;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex;position:sticky;top:0}.sidebar.collapsed .sidebar-header{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-height:auto;padding:12px 6px;display:flex}.logo-container{flex:1;justify-content:flex-start;align-items:center;min-width:0;display:flex}.sidebar-workspace-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:10px 12px 6px;padding:8px 10px;display:flex}.sidebar.collapsed .sidebar-workspace-badge{justify-content:center;margin:6px 8px;padding:6px}.workspace-info{flex-direction:column;display:flex;overflow:hidden}.sidebar.collapsed .workspace-info{display:none}.workspace-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:600}.workspace-name{color:#2563eb;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.btn-switch-workspace{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.sidebar.collapsed .btn-switch-workspace{width:32px;height:32px}.btn-switch-workspace:hover{color:#fff;background:#2563eb;border-color:#2563eb}.sidebar.collapsed .logo-container{flex:none;justify-content:center;align-items:center;width:100%;display:flex}.sidebar-custom-logo{object-fit:contain;object-position:left center;width:auto;max-width:140px;height:auto;max-height:36px;display:block}.sidebar.collapsed .sidebar-custom-logo{object-position:center;width:auto;max-width:44px;height:auto;max-height:32px}.logo-text-we{color:#0f172a;letter-spacing:-.5px;align-items:center;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.logo-w{color:#16a34a;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;margin-right:2px;padding:3px 8px;display:inline-flex}.logo-e{color:#0f172a;font-size:22px;font-weight:800}.sidebar-toggle-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.sidebar-toggle-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.sidebar.collapsed .sidebar-toggle-btn{width:32px;height:32px;box-shadow:none;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;display:flex;position:static}.sidebar-nav{flex:1;padding:12px 0}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-item{margin-bottom:3px;padding:0 8px}.sidebar.collapsed .sidebar-item{padding:0 8px}.sidebar-link{color:#4b5563;white-space:nowrap;border-radius:8px;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.sidebar.collapsed .sidebar-link{justify-content:center;padding:11px}.sidebar-link:hover{color:#0f172a;background-color:#f1f5f9}.sidebar-link.active{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe;font-weight:700}.sidebar-icon{opacity:.75;flex-shrink:0;margin-right:14px;transition:transform .15s,opacity .15s}.sidebar.collapsed .sidebar-icon{margin-right:0}.sidebar-text{text-overflow:ellipsis;transition:opacity .2s,transform .2s;overflow:hidden}.sidebar.collapsed .sidebar-text{opacity:0;display:none}.sidebar-link:hover .sidebar-icon,.sidebar-link.active .sidebar-icon{opacity:1;transform:scale(1.05)}.sidebar-footer{background-color:#fff;border-top:1px solid #f1f5f9;margin-top:auto;padding:14px 12px}.sidebar-logout-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:11px}.sidebar-logout-btn:hover{color:#ef4444;background-color:#fee2e2}.logout-icon{flex-shrink:0}.sidebar-badge-pill{color:#fff;background:#dc2626;border-radius:9999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.4;box-shadow:0 1px 2px #dc262640}.sidebar-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.sidebar-dot-badge{background-color:#dc2626;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.dashboard-layout{background-color:var(--background-color,#f8fafc);box-sizing:border-box;width:100%;max-width:100vw;height:100vh;max-height:100vh;display:flex;overflow:hidden}.main-content{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:1;width:calc(100% - 260px);min-width:0;height:100vh;max-height:100vh;margin-left:260px;padding:20px 28px 40px;transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#f1f5f9}.main-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.main-content.sidebar-collapsed{width:calc(100% - 72px);margin-left:72px}.dashboard-header{margin-bottom:32px}.hr-dashboard-unified-wrapper{color:#0f172a;background-color:#f8fafc;flex-direction:column;gap:18px;width:100%;min-height:100%;margin:0;padding:0 0 36px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow-y:visible}.hr-dashboard-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex;box-shadow:0 1px 3px #0000000a}.hr-header-left{flex:1;min-width:300px}.hr-header-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.hr-pill-badge{color:#1d4ed8;letter-spacing:.02em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.hr-role-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:3px 10px;font-size:11px}.hr-last-updated-text{color:#64748b;margin-left:4px;font-size:11px}.hr-header-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:800}.hr-header-desc{color:#64748b;max-width:860px;margin:0;font-size:12.5px;line-height:1.4}.hr-header-right{align-items:center;gap:8px;display:flex}.hr-header-btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-dash-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.hr-dash-btn-primary{color:#fff;background:#2563eb;border-color:#1d4ed8}.hr-dash-btn-primary:hover{color:#fff;background:#1d4ed8}.hr-dash-btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.hr-dash-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.hr-dash-btn-approve-solid{color:#fff;background:#059669;border-color:#047857}.hr-dash-btn-approve-solid:hover{background:#047857}.hr-dash-btn-reject-solid{color:#fff;background:#dc2626;border-color:#b91c1c}.hr-dash-btn-reject-solid:hover{background:#b91c1c}.notif-btn{position:relative}.hr-notif-counter-bubble{color:#fff;background:#ef4444;border-radius:9999px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:800}.hr-approvals-counter-bubble{color:#2563eb;background:#fff;border-radius:9999px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:800}.hr-global-filter-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;box-shadow:0 1px 2px #00000008}.hr-filter-items-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hr-filter-group{align-items:center;gap:6px;display:flex}.hr-filter-group label{color:#64748b;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.hr-filter-select,.hr-filter-date{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:500}.hr-filter-select:focus,.hr-filter-date:focus{background:#fff;border-color:#2563eb}.hr-custom-range-inputs{align-items:center;gap:6px;display:flex}.hr-filter-clear-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.hr-filter-clear-btn:hover{background:#ffe4e6}.hr-kpi-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.hr-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.hr-kpi-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.hr-kpi-spark-wrap{position:absolute;top:10px;right:12px}.hr-kpi-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bg-blue-subtle{background:#eff6ff}.text-blue{color:#2563eb}.bg-emerald-subtle{background:#ecfdf5}.bg-purple-subtle{background:#faf5ff}.bg-amber-subtle{background:#fffbeb}.bg-rose-subtle{background:#fff1f2}.bg-indigo-subtle{background:#eef2ff}.text-indigo{color:#4f46e5}.bg-slate-subtle{background:#f1f5f9}.hr-kpi-content{flex:1;min-width:0}.hr-kpi-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block;overflow:hidden}.hr-kpi-value-row{align-items:baseline;gap:6px;display:flex}.hr-kpi-num{color:#0f172a;letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.hr-kpi-subtext{color:#94a3b8;white-space:nowrap;font-size:10.5px}.hr-kpi-footer-status{align-items:center;gap:3px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.hr-visual-command-deck{flex-direction:column;gap:16px;display:flex}.hr-deck-row-2col{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:16px;display:grid}.hr-deck-row-2col:last-child{grid-template-columns:1fr 1fr}@media (width<=1100px){.hr-deck-row-2col,.hr-deck-row-2col:last-child{grid-template-columns:1fr}}.hr-deck-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.hr-deck-card:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d}.hr-deck-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.hr-deck-title-group{align-items:center;gap:10px;display:flex}.hr-deck-title-group h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.hr-deck-title-group p{color:#64748b;margin:2px 0 0;font-size:11px}.hr-deck-header-link{color:#2563eb;align-items:center;gap:3px;font-size:11.5px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.hr-deck-header-link:hover{color:#1d4ed8;text-decoration:underline}.hr-deck-card-body{flex-direction:column;flex:1;justify-content:space-between;display:flex}.hr-donut-split-layout{grid-template-columns:150px 1fr;align-items:center;gap:16px;height:100%;display:grid}@media (width<=650px){.hr-donut-split-layout{grid-template-columns:1fr}}.hr-donut-split-layout .hr-graph-dept-bars-list{flex-direction:column;gap:7px;display:flex}.hr-graph-grid-workforce{grid-template-columns:240px 1fr;align-items:center;gap:24px;display:grid}@media (width<=900px){.hr-graph-grid-workforce{grid-template-columns:1fr}}.hr-donut-chart-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.hr-donut-svg{width:150px;height:150px}.hr-donut-slice{cursor:pointer;transition:transform .15s,opacity .15s}.hr-donut-slice:hover{opacity:.85;transform-origin:60px 60px;transform:scale(1.03)}.hr-donut-center-num{fill:#0f172a;font-family:inherit;font-size:16px;font-weight:800}.hr-donut-center-lbl{fill:#64748b;text-transform:uppercase;font-family:inherit;font-size:9px;font-weight:700}.hr-donut-summary-legend{text-align:center;margin-top:8px}.hr-donut-hint{color:#64748b;font-size:11px}.hr-graph-dept-bars-list{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}@media (width<=650px){.hr-graph-dept-bars-list{grid-template-columns:1fr}}.hr-graph-bar-row{cursor:pointer;border-radius:6px;padding:4px 6px;transition:background .15s}.hr-graph-bar-row:hover{background:#f8fafc}.hr-graph-bar-labels{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11.5px;display:flex}.hr-graph-bar-title{color:#1e293b;align-items:center;gap:6px;font-weight:600;display:flex}.hr-legend-color-dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px}.hr-graph-bar-count{color:#64748b;font-size:11px}.hr-graph-progress-track{background:#f1f5f9;border-radius:9999px;height:6px;overflow:hidden}.hr-graph-progress-fill{border-radius:9999px;height:100%;transition:width .3s}.hr-donut-slice.hovered{opacity:.95;filter:drop-shadow(0 2px 6px #0000002e);transform-origin:60px 60px;transform:scale(1.05)}.hr-graph-bar-row.active-row{border-left:3px solid #2563eb;background:#eff6ff!important}.hr-trend-chart-wrapper{flex-direction:column;gap:12px;display:flex}.hr-trend-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hr-trend-metrics-summary{flex-wrap:wrap;gap:14px;display:flex}.trend-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:6px 12px;display:flex}.trend-stat-lbl{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.trend-stat-num{margin-top:1px;font-size:16px;font-weight:800}.hr-chart-mode-toggles{background:#f1f5f9;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.hr-chart-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.hr-chart-mode-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #00000014}.hr-chart-hover-indicator{align-items:center;min-height:24px;display:flex}.hr-chart-hover-tag{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:11.5px;display:inline-block}.hr-chart-hover-tag.text-muted{color:#94a3b8;background:0 0;border-color:#0000;padding:0}.hr-svg-area-chart-container{background:#fff;border:1px solid #f1f5f9;border-radius:8px;width:100%;height:160px;padding:8px 12px}.hr-area-svg{width:100%;height:100%;overflow:visible}.hr-chart-axis-text{fill:#94a3b8;font-family:inherit;font-size:9.5px;font-weight:600}.hr-chart-y-axis-text{fill:#94a3b8;font-family:inherit;font-size:9px;font-weight:500}.hr-chart-bar-val-text{fill:#059669;font-family:inherit;font-size:9.5px;font-weight:700}.fill-blue{fill:#2563eb!important}.fill-emerald{fill:#059669!important}.hr-funnel-step-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=800px){.hr-funnel-step-row{grid-template-columns:1fr}}.hr-funnel-step-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-left-width:4px;border-radius:8px;flex-direction:column;padding:10px 12px;transition:all .15s;display:flex}.hr-funnel-step-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 3px 8px #0000000f}.step-header{justify-content:space-between;align-items:center;display:flex}.step-count{color:#0f172a;font-size:18px;font-weight:800}.step-badge{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:1px 6px;font-size:9.5px;font-weight:700}.step-label{color:#334155;margin-top:2px;font-size:11px;font-weight:700}.step-conversion{color:#64748b;margin-top:4px;font-size:10px;font-weight:600}.hr-attendance-health-wrapper{flex-direction:column;gap:14px;padding:6px 0;display:flex}.hr-attendance-bar-summary{flex-wrap:wrap;gap:12px;display:flex}.attendance-stat-pill{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;display:inline-flex}.stat-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.hr-attendance-segmented-track{background:#f1f5f9;border-radius:6px;height:12px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.seg-fill{height:100%;transition:width .4s}.hr-attendance-quick-action-row{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.hr-dashboard-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1024px){.hr-dashboard-grid-2col{grid-template-columns:1fr}}.hr-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;box-shadow:0 1px 3px #00000008}.hr-panel-header{background:#fff;border-bottom:1px solid #f1f5f9;border-top-left-radius:10px;border-top-right-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hr-panel-header-left{align-items:center;gap:8px;display:flex}.hr-panel-header-left h3{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.hr-panel-counter-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:1px 7px;font-size:10.5px;font-weight:700}.hr-counter-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.hr-counter-danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.hr-panel-link{color:#2563eb;align-items:center;gap:2px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.hr-panel-link:hover{text-decoration:underline}.hr-panel-body{flex:1;padding:14px 16px}.p-0{padding:0!important}.hr-table-responsive{width:100%;overflow-x:auto}.hr-table-compact{border-collapse:collapse;width:100%;font-size:11.5px}.hr-table-compact thead th{color:#64748b;text-transform:uppercase;letter-spacing:.02em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:10.5px;font-weight:700}.hr-table-compact tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.hr-table-compact tbody tr:last-child td{border-bottom:none}.hr-table-compact tbody tr:hover{background:#f8fafc}.text-right{text-align:right!important}.hr-task-cell-main{flex-direction:column;display:flex}.hr-task-title{color:#0f172a;font-size:12px;font-weight:700}.hr-task-sub{color:#64748b;margin-top:1px;font-size:10.5px}.hr-emp-name-bold{color:#0f172a;font-size:11.5px;font-weight:700;display:block}.hr-emp-code-sub{color:#64748b;font-size:10px}.hr-emp-dept-text{color:#334155;font-weight:600;display:block}.hr-emp-desig-sub{color:#64748b;font-size:10px}.hr-module-tag{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.hr-priority-pill{border-radius:9999px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.hr-priority-urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.hr-priority-high{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.hr-priority-normal{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.hr-priority-low{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.hr-sla-text{color:#475569;font-size:11px}.hr-task-actions-inline{align-items:center;gap:4px;display:inline-flex}.hr-dash-btn-xs{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.hr-dash-btn-approve{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.hr-dash-btn-approve:hover{color:#fff;background:#059669}.hr-dash-btn-reject{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.hr-dash-btn-reject:hover{color:#fff;background:#e11d48}.hr-exceptions-list-stack{flex-direction:column;gap:8px;display:flex}.hr-exception-card{background:#fff;border:1px solid #f1f5f9;border-left:4px solid #e2e8f0;border-radius:8px;padding:8px 10px}.hr-exc-severity-critical{background:#fffdfd;border-left-color:#dc2626}.hr-exc-severity-high{background:#fffdfa;border-left-color:#ea580c}.hr-exc-severity-medium{background:#fffefb;border-left-color:#d97706}.hr-exc-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.hr-exc-title-row{align-items:center;gap:6px;display:flex}.hr-exc-severity-badge{text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800}.hr-sev-critical{color:#fff;background:#dc2626}.hr-sev-high{color:#fff;background:#ea580c}.hr-sev-medium{color:#fff;background:#d97706}.hr-exc-category{color:#64748b;font-size:10.5px;font-weight:600}.hr-exc-action-link{color:#2563eb;align-items:center;gap:2px;font-size:10.5px;font-weight:700;text-decoration:none;display:inline-flex}.hr-exc-action-link:hover{text-decoration:underline}.hr-exc-title{color:#0f172a;margin:0 0 2px;font-size:12px;font-weight:700}.hr-exc-desc{color:#475569;margin:0;font-size:10.5px;line-height:1.35}.hr-rec-stages-pills-row{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.hr-stage-pill{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:6px 2px;display:flex}.stage-num{color:#0f172a;font-size:15px;font-weight:800}.stage-lbl{color:#64748b;text-transform:uppercase;font-size:9.5px;font-weight:600}.hr-sub-heading{color:#475569;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px;font-size:11px;font-weight:700}.hr-rec-list-stack{flex-direction:column;gap:6px;display:flex}.hr-req-item-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.hr-req-item-row:hover{background:#eff6ff;border-color:#bfdbfe}.hr-req-main{flex-direction:column;display:flex}.hr-req-title{color:#0f172a;font-size:11.5px;font-weight:700}.hr-req-dept{color:#64748b;font-size:10px}.hr-req-side{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hr-req-date{color:#94a3b8;font-size:9.5px}.hr-status-pill{border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700;display:inline-block}.hr-status-open{color:#2563eb;background:#eff6ff}.hr-status-review{color:#7c3aed;background:#faf5ff}.hr-status-warning{color:#c2410c;background:#fff7ed}.hr-onb-prob-split{flex-direction:column;gap:12px;display:flex}.hr-onb-mini-card,.hr-prob-mini-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:7px 9px;display:flex}.hr-prob-mini-card{cursor:pointer}.hr-prob-mini-card:hover{background:#ecfdf5;border-color:#a7f3d0}.hr-onb-info,.hr-prob-info{flex-direction:column;display:flex}.hr-onb-name,.hr-prob-name{color:#0f172a;font-size:11.5px;font-weight:700}.hr-onb-dept{color:#64748b;font-size:10px}.hr-prob-due{color:#d97706;font-size:10px;font-weight:600}.hr-onb-progress-wrap{text-align:right;min-width:80px}.hr-onb-tasks-lbl{color:#475569;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.hr-mini-progress-bar{background:#e2e8f0;border-radius:9999px;height:4px;overflow:hidden}.hr-mini-progress-fill{background:#059669;border-radius:9999px;height:100%}.hr-att-counters-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hr-att-mini-box{text-align:center;border-radius:6px;flex-direction:column;padding:8px 4px;display:flex}.att-box-num{font-size:16px;font-weight:800;line-height:1.1}.att-box-lbl{color:#64748b;margin-top:2px;font-size:9.5px;font-weight:600}.hr-leaves-today-list{flex-direction:column;gap:4px;display:flex}.hr-leave-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;display:flex}.hr-leave-emp{color:#1e293b;font-weight:600}.hr-leave-tag{color:#8b5cf6;background:#f5f3ff;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.hr-payroll-summary-block{flex-direction:column;gap:10px;display:flex}.hr-payroll-cycle-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.hr-payroll-cycle-title{color:#0f172a;font-size:13px;font-weight:800;display:block}.hr-payroll-run-id{color:#64748b;font-size:10px}.hr-status-payroll-reconciled{color:#047857;background:#ecfdf5}.hr-status-payroll-draft{color:#475569;background:#f1f5f9}.hr-status-payroll-locked{color:#1d4ed8;background:#eff6ff}.hr-payroll-financial-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 10px;display:grid}.hr-pay-stat{flex-direction:column;display:flex}.pay-stat-lbl{color:#64748b;font-size:10px;font-weight:600}.pay-stat-val{color:#0f172a;margin-top:1px;font-size:13px;font-weight:800}.hr-payroll-footer-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.hr-lock-indicator{color:#475569;font-weight:600}.hr-perf-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hr-perf-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:8px 6px;display:flex}.perf-num{font-size:16px;font-weight:800}.perf-lbl{color:#64748b;margin-top:1px;font-size:10px;font-weight:600}.hr-talent-links-row{flex-wrap:wrap;gap:10px;display:flex}.hr-talent-sub-link{color:#2563eb;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.hr-talent-sub-link:hover{text-decoration:underline}.hr-compliance-health-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:16px;padding:10px 14px;display:flex}.hr-health-score-dial{text-align:center;background:#fff;border:2px solid #10b981;border-radius:10px;min-width:70px;padding:8px}.hr-score-num{color:#059669;font-size:20px;font-weight:800;line-height:1;display:block}.hr-score-lbl{color:#64748b;text-transform:uppercase;font-size:9.5px;font-weight:700}.hr-health-stats-list{flex-direction:column;flex:1;gap:3px;font-size:11.5px;display:flex}.hr-hstat-row{color:#475569;justify-content:space-between;display:flex}.hr-audit-feed-stream{flex-direction:column;display:flex}.hr-audit-event-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:8px 16px;font-size:11.5px;display:flex}.hr-audit-event-row:last-child{border-bottom:none}.hr-audit-icon-dot{background:#2563eb;border-radius:9999px;flex-shrink:0;width:7px;height:7px}.hr-audit-content{flex:1;min-width:0}.hr-audit-title-line{color:#0f172a}.hr-audit-event-tag{color:#2563eb;font-weight:600}.hr-audit-details{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:10.5px;overflow:hidden}.hr-audit-timestamp{color:#94a3b8;white-space:nowrap;font-size:10.5px}.hr-quick-actions-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 1px 2px #00000008}.hr-quick-actions-label{color:#1e293b;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.hr-quick-actions-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hr-quick-action-pill-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.hr-quick-action-pill-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.hr-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-modal-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:500px;animation:.15s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hr-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hr-modal-title-row{align-items:center;gap:8px;display:flex}.hr-modal-title-row h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.hr-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.hr-modal-close:hover{color:#0f172a}.hr-modal-body{padding:14px 16px}.hr-task-summary-callout{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:10px;font-size:12px}.hr-task-summary-callout strong{color:#0f172a;margin-bottom:3px;display:block}.hr-task-summary-callout p{color:#475569;margin:0 0 6px;font-size:11.5px}.hr-task-meta-pills{color:#64748b;flex-wrap:wrap;gap:6px;font-size:10.5px;display:flex}.hr-form-group label{color:#334155;margin-bottom:3px;font-size:11.5px;font-weight:700;display:block}.hr-textarea{color:#0f172a;resize:vertical;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:7px 9px;font-family:inherit;font-size:12px}.hr-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.hr-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.hr-alert-banner{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex}.hr-alert-banner-danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.hr-alert-banner-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.hr-empty-state-compact{text-align:center;color:#64748b;padding:20px 14px;font-size:12px}.hr-empty-state-compact p{margin:6px 0 0}.org-mgmt-container{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.org-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.org-header-row h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.badge-org-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.org-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=992px){.org-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.org-kpi-grid{grid-template-columns:1fr}}.org-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a}.org-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.org-kpi-card.active-kpi{background:#f8fafc;border-color:#3b82f6}.org-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.org-kpi-icon.blue{color:#2563eb;background:#eff6ff}.org-kpi-icon.emerald{color:#059669;background:#ecfdf5}.org-kpi-icon.purple{color:#9333ea;background:#faf5ff}.org-kpi-icon.amber{color:#d97706;background:#fffbeb}.org-kpi-info{flex-direction:column;min-width:0;display:flex}.org-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px;font-weight:600}.org-kpi-val{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2}.org-kpi-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.org-tabs-bar{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:20px;display:flex}.org-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-top-left-radius:6px;border-top-right-radius:6px;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.org-tab-btn:hover{color:#0f172a;background:#f1f5f9}.org-tab-btn.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb;font-weight:700}.btn-toggle-all{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.btn-toggle-all:hover{color:#0f172a;background:#f1f5f9}.dept-hierarchy-grid{flex-direction:column;gap:14px;display:flex}.dept-tree-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.dept-tree-card:hover{border-color:#cbd5e1}.dept-tree-card.collapsed .dept-card-header{border-bottom:none}.dept-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.dept-card-header:hover{background:#f8fafc}.dept-icon-box{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-collapse-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.dept-title{color:#0f172a;font-size:15px;font-weight:700}.badge-code{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.badge-category-pill{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.dept-submeta{color:#64748b;margin-top:3px;font-size:11px}.dept-head-chip{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:flex}.dept-head-chip.assigned{background:#f8fafc;border-color:#e2e8f0}.dept-head-chip.unassigned{background:#fffbeb;border-color:#fef3c7}.dept-head-chip .chip-label{color:#64748b;font-weight:500}.dept-head-chip .chip-val{color:#0f172a;font-weight:600}.dept-count-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}.dept-count-badge.has-members{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.dept-count-badge.zero-members{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.dept-card-body{background:#fbfcfe;padding:18px 20px}.empty-dept-banner{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:14px 18px}.dept-members-container{flex-direction:column;gap:12px;display:flex}.team-cluster{flex-direction:column;gap:8px;display:flex}.member-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 1px 2px #00000005}.lead-member{border-left:4px solid #3b82f6}.member-avatar-box{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.member-avatar-box.sm{color:#475569;background:#f1f5f9;width:26px;height:26px;font-size:10px}.sub-member{background:#fff;border-left:3px solid #cbd5e1;margin-left:36px;position:relative}.sub-member:before{content:"";background:#cbd5e1;width:18px;height:2px;position:absolute;top:50%;left:-22px}.direct-reports-tree{flex-direction:column;gap:8px;display:flex;position:relative}.direct-reports-tree:before{content:"";background:#cbd5e1;width:2px;position:absolute;top:0;bottom:16px;left:14px}.member-info{flex:1}.member-name{color:#0f172a;font-size:13px}.member-id{color:#64748b;font-size:11px}.member-desig{color:#64748b;font-size:11px;display:block}.badge-manager-pill{color:#1e40af;background:#dbeafe;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.badge-role-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.btn-member-link{color:#94a3b8;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-member-link:hover{color:#2563eb;background:#eff6ff}.unassigned-staff-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-top:10px;padding:18px 20px}.unassigned-chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.unassigned-chip{color:#92400e;background:#fff;border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.unassigned-chip:hover{color:#78350f;background:#fef3c7;transform:translateY(-1px)}.desig-filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.search-box-wrap{flex:1;min-width:240px;position:relative}.search-box-wrap input{border-color:#cbd5e1;border-radius:8px;padding-left:32px}.category-filter-wrap{align-items:center;gap:6px;min-width:200px;display:flex}.category-filter-wrap select{border-color:#cbd5e1;border-radius:8px}.desig-table-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.desig-table-card table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.desig-table-card table tbody td{border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.desig-avatar-icon{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.desig-desc-line{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.badge-level-pill{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.level-director{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.level-hod{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.level-manager{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.level-lead{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.level-executive{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.level-entry{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.badge-category-text{color:#475569;font-size:12px;font-weight:500}.dept-scope-tag{color:#334155;background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.badge-status-pill{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-status-pill.active{color:#15803d;background:#dcfce7}.badge-status-pill.inactive{color:#64748b;background:#f1f5f9}.modal-backdrop-custom{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.btn-close-clean{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.btn-close-clean:hover{color:#0f172a}.badge-level-pill{color:#4338ca;background:#eef2ff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.modal-backdrop-custom{z-index:1050;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog-custom{background:#fff;border-radius:12px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header-clean{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header-clean h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.btn-close-clean{color:#94a3b8;cursor:pointer;background:0 0;border:none}.modal-body-content{padding:20px}.modal-footer-clean{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.hr-audit-container{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.audit-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.audit-header-row h2{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.badge-audit-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.audit-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.badge-audit{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700}.badge-audit-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-audit-danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-audit-info{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-audit-primary{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.badge-audit-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}:root{--rec-primary:#3b82f6;--rec-primary-dark:#1d4ed8;--rec-primary-light:#eff6ff;--rec-primary-border:#bfdbfe;--rec-slate-900:#0f172a;--rec-slate-800:#1e293b;--rec-slate-700:#334155;--rec-slate-600:#475569;--rec-slate-500:#64748b;--rec-slate-400:#94a3b8;--rec-slate-300:#cbd5e1;--rec-slate-200:#e2e8f0;--rec-slate-100:#f1f5f9;--rec-slate-50:#f8fafc;--rec-emerald:#10b981;--rec-emerald-dark:#047857;--rec-emerald-light:#ecfdf5;--rec-emerald-border:#a7f3d0;--rec-amber:#f59e0b;--rec-amber-dark:#b45309;--rec-amber-light:#fffbeb;--rec-amber-border:#fde68a;--rec-purple:#8b5cf6;--rec-purple-dark:#6d28d9;--rec-purple-light:#f5f3ff;--rec-purple-border:#ddd6fe;--rec-rose:#f43f5e;--rec-rose-dark:#be123c;--rec-rose-light:#fff1f2;--rec-rose-border:#fecdd3;--rec-cyan:#06b6d4;--rec-cyan-dark:#0e7490;--rec-cyan-light:#ecfeff;--rec-cyan-border:#a5f3fc;--rec-shadow-sm:0 1px 2px 0 #0000000d;--rec-shadow:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--rec-shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--rec-shadow-lg:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--rec-radius-sm:6px;--rec-radius:10px;--rec-radius-lg:16px}.rec-container,.recruitment-container{min-height:calc(100vh - 64px);color:var(--rec-slate-800);background:#f8fafc;padding:24px 32px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rec-header,.recruitment-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.rec-header-left,.recruitment-title-wrap{flex:1;min-width:280px}.rec-title,.recruitment-title-wrap h2{color:var(--rec-slate-900);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:800;display:flex}.rec-subtitle,.recruitment-title-wrap p{color:var(--rec-slate-500);margin:0;font-size:13.5px;line-height:1.5}.badge-recruitment-pill,.rec-badge-pill{background:var(--rec-emerald-light);color:var(--rec-emerald-dark);border:1px solid var(--rec-emerald-border);letter-spacing:.01em;border-radius:9999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.rec-header-actions,.recruitment-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recruitment-tabs-bar,.rec-tabs-nav{border-radius:var(--rec-radius);border:1px solid var(--rec-slate-200);box-shadow:var(--rec-shadow-sm);background:#fff;align-items:center;gap:6px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}.recruitment-tab-btn,.rec-tab-item{border-radius:var(--rec-radius-sm);color:var(--rec-slate-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.recruitment-tab-btn:hover,.rec-tab-item:hover{color:var(--rec-slate-900);background:var(--rec-slate-100)}.recruitment-tab-btn.active,.rec-tab-item.active{color:#fff;background:#2563eb;box-shadow:0 2px 6px #2563eb40}.rec-btn{border-radius:var(--rec-radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.rec-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 2px 8px #2563eb40}.rec-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.rec-btn-secondary{color:var(--rec-slate-700);border:1px solid var(--rec-slate-300);box-shadow:var(--rec-shadow-sm);background:#fff}.rec-btn-secondary:hover{background:var(--rec-slate-50);border-color:var(--rec-slate-400);color:var(--rec-slate-900)}.rec-btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98140}.rec-btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.rec-btn-danger{color:var(--rec-rose-dark);border:1px solid var(--rec-rose-border);background:#fff}.rec-btn-danger:hover{background:var(--rec-rose-light)}.rec-btn-sm{border-radius:5px;padding:6px 12px;font-size:12px}.rec-stats-grid,.recruitment-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px;display:grid}.rec-stat-card,.recruitment-kpi-card{border-radius:var(--rec-radius);border:1px solid var(--rec-slate-200);box-shadow:var(--rec-shadow-sm);background:#fff;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.rec-stat-card:hover,.recruitment-kpi-card:hover{box-shadow:var(--rec-shadow-md);border-color:var(--rec-primary-border);transform:translateY(-2px)}.rec-stat-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rec-stat-label,.kpi-label{text-transform:uppercase;letter-spacing:.04em;color:var(--rec-slate-500);font-size:12px;font-weight:700}.rec-stat-icon-wrap,.kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rec-stat-value,.kpi-num{color:var(--rec-slate-900);letter-spacing:-.03em;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.1}.rec-stat-sub,.kpi-sub{color:var(--rec-slate-500);align-items:center;gap:4px;font-size:12px;display:flex}.rec-nav-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.rec-nav-card{border:1px solid var(--rec-slate-200);border-radius:var(--rec-radius);cursor:pointer;box-shadow:var(--rec-shadow-sm);color:inherit;background:#fff;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.rec-nav-card:hover{box-shadow:var(--rec-shadow-md);border-color:#2563eb;transform:translateY(-2px)}.rec-nav-icon{background:var(--rec-slate-100);width:44px;height:44px;color:var(--rec-slate-800);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.rec-nav-card:hover .rec-nav-icon{background:var(--rec-primary-light);color:#2563eb}.rec-nav-title{color:var(--rec-slate-900);margin-bottom:2px;font-size:14px;font-weight:700}.rec-nav-desc{color:var(--rec-slate-500);font-size:11.5px;line-height:1.3}.rec-pipeline-funnel-card{border:1px solid var(--rec-slate-200);border-radius:var(--rec-radius);box-shadow:var(--rec-shadow-sm);background:#fff;margin-bottom:24px;padding:24px}.rec-pipeline-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.rec-pipeline-title{color:var(--rec-slate-900);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.rec-pipeline-stages-flow{align-items:center;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.rec-stage-node{background:var(--rec-slate-50);border:1px solid var(--rec-slate-200);border-radius:var(--rec-radius-sm);text-align:center;cursor:pointer;flex:1;min-width:120px;padding:12px 10px;transition:all .2s;position:relative}.rec-stage-node:hover{box-shadow:var(--rec-shadow-sm);background:#fff;border-color:#2563eb}.rec-stage-node.active{background:var(--rec-primary-light);border-color:var(--rec-primary-border)}.rec-stage-node-count{color:var(--rec-slate-900);margin-bottom:2px;font-size:18px;font-weight:800}.rec-stage-node-name{color:var(--rec-slate-600);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.rec-stage-arrow{color:var(--rec-slate-400);flex-shrink:0;font-size:14px}.rec-work-queues-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;margin-bottom:24px;display:grid}.rec-queue-card{border:1px solid var(--rec-slate-200);border-radius:var(--rec-radius);box-shadow:var(--rec-shadow-sm);background:#fff;flex-direction:column;display:flex;overflow:hidden}.rec-queue-header{border-bottom:1px solid var(--rec-slate-200);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rec-queue-title{color:var(--rec-slate-900);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.rec-queue-badge{border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.rec-queue-body{flex:1;max-height:320px;padding:0;overflow-y:auto}.rec-queue-item{border-bottom:1px solid var(--rec-slate-100);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.rec-queue-item:hover{background:var(--rec-slate-50)}.rec-queue-item:last-child{border-bottom:none}.rec-queue-item-info h5{color:var(--rec-slate-900);margin:0 0 3px;font-size:13.5px;font-weight:700}.rec-queue-item-info p{color:var(--rec-slate-500);margin:0;font-size:12px}.recruitment-toolbar,.rec-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.recruitment-search-box,.rec-search-box{flex:1;min-width:280px;position:relative}.recruitment-search-box input,.rec-search-box input{border-radius:var(--rec-radius-sm);border:1px solid var(--rec-slate-300);width:100%;color:var(--rec-slate-800);background:#fff;padding:10px 14px 10px 38px;font-size:13px;transition:border-color .15s,box-shadow .15s}.recruitment-search-box input:focus,.rec-search-box input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.recruitment-search-box .search-icon,.rec-search-box .search-icon{color:var(--rec-slate-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.recruitment-filter-group,.rec-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rec-filter-select,.recruitment-filter-group select{border-radius:var(--rec-radius-sm);border:1px solid var(--rec-slate-300);color:var(--rec-slate-700);cursor:pointer;background:#fff;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .15s}.rec-filter-select:focus,.recruitment-filter-group select:focus{border-color:#2563eb;outline:none}.rec-table-card{border-radius:var(--rec-radius);border:1px solid var(--rec-slate-200);box-shadow:var(--rec-shadow-sm);background:#fff;margin-bottom:24px;overflow:hidden}.table-recruitment,.rec-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.table-recruitment th,.rec-table th{background:var(--rec-slate-50);color:var(--rec-slate-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--rec-slate-200);white-space:nowrap;padding:12px 16px;font-size:11.5px;font-weight:700}.table-recruitment td,.rec-table td{border-bottom:1px solid var(--rec-slate-100);color:var(--rec-slate-800);vertical-align:middle;padding:14px 16px}.table-recruitment tbody tr:hover,.rec-table tbody tr:hover{background:#f8fafc}.table-recruitment tbody tr:last-child td,.rec-table tbody tr:last-child td{border-bottom:none}.badge-stage,.rec-badge{white-space:nowrap;letter-spacing:.01em;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-stage-applied{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-stage-screening{color:#a16207;background:#fefce8;border:1px solid #fef08a}.badge-stage-shortlisted{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-stage-interview{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.badge-stage-technical-evaluation{color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc}.badge-stage-hr-interview{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.badge-stage-selected{color:#166534;background:#dcfce7;border:1px solid #86efac}.badge-stage-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.badge-stage-offer{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.badge-stage-offer-accepted{color:#166534;background:#dcfce7;border:1px solid #86efac}.badge-stage-offer-declined{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.badge-stage-joined{color:#fff;background:#0284c7;border:1px solid #0369a1}.badge-priority-urgent{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.badge-priority-high{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.badge-priority-medium{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}.badge-priority-low{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge-status-approved{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.badge-status-open{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.badge-status-draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.badge-status-on-hold{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-status-filled{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.badge-status-closed{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.badge-status-cancelled{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.rec-workspace-grid{grid-template-columns:1fr 360px;gap:24px;display:grid}@media (width<=1100px){.rec-workspace-grid{grid-template-columns:1fr}}.rec-card{border-radius:var(--rec-radius);border:1px solid var(--rec-slate-200);box-shadow:var(--rec-shadow-sm);background:#fff;margin-bottom:24px;padding:24px}.rec-card-header{border-bottom:1px solid var(--rec-slate-100);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.rec-card-title{color:var(--rec-slate-900);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.rec-stepper{background:var(--rec-slate-50);border-radius:var(--rec-radius);border:1px solid var(--rec-slate-200);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex;overflow-x:auto}.rec-step-item{flex-direction:column;flex:1;align-items:center;min-width:90px;display:flex;position:relative}.rec-step-circle{border:2px solid var(--rec-slate-300);width:32px;height:32px;color:var(--rec-slate-500);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.rec-step-item.completed .rec-step-circle{color:#fff;background:#10b981;border-color:#10b981}.rec-step-item.active .rec-step-circle{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb33}.rec-step-title{color:var(--rec-slate-600);text-align:center;font-size:11px;font-weight:600}.rec-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out recFadeIn;display:flex;position:fixed;inset:0}.rec-modal-content{border-radius:var(--rec-radius-lg);box-shadow:var(--rec-shadow-lg);background:#fff;flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) recSlideUp;display:flex;overflow:hidden}.rec-modal-header{border-bottom:1px solid var(--rec-slate-200);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rec-modal-title{color:var(--rec-slate-900);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:800;display:flex}.rec-modal-body{flex:1;padding:24px;overflow-y:auto}.rec-modal-footer{border-top:1px solid var(--rec-slate-200);background:var(--rec-slate-50);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.rec-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.rec-form-grid.full{grid-template-columns:1fr}.rec-form-group{flex-direction:column;gap:6px;display:flex}.rec-form-group label{color:var(--rec-slate-700);font-size:12.5px;font-weight:600}.rec-form-group label .req{color:var(--rec-rose-dark);margin-left:2px}.rec-form-group input,.rec-form-group select,.rec-form-group textarea{border-radius:var(--rec-radius-sm);border:1px solid var(--rec-slate-300);color:var(--rec-slate-800);background:#fff;padding:10px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.rec-form-group input:focus,.rec-form-group select:focus,.rec-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.rec-form-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--rec-slate-500);border-bottom:1px solid var(--rec-slate-200);margin:18px 0 12px;padding-bottom:6px;font-size:13px;font-weight:700}@keyframes recFadeIn{0%{opacity:0}to{opacity:1}}@keyframes recSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes recSpin{to{transform:rotate(360deg)}}.rec-empty-state{text-align:center;color:var(--rec-slate-500);padding:48px 24px}.rec-empty-icon{background:var(--rec-slate-100);width:56px;height:56px;color:var(--rec-slate-400);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.rec-empty-title{color:var(--rec-slate-800);margin-bottom:6px;font-size:16px;font-weight:700}.rec-empty-desc{color:var(--rec-slate-500);max-width:380px;margin:0 auto 16px;font-size:13px}:root{--app-primary:#1e3a8a;--app-primary-hover:#1d4ed8;--app-accent:#0284c7;--app-success:#059669;--app-warning:#d97706;--app-danger:#dc2626;--app-bg:#f8fafc;--app-card-bg:#fff;--app-border:#e2e8f0;--app-text-main:#0f172a;--app-text-muted:#64748b}.applicant-portal-root{background-color:var(--app-bg);min-height:100vh;color:var(--app-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.applicant-header{color:#fff;z-index:50;background:#0f172a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.applicant-header-brand{align-items:center;gap:12px;display:flex}.applicant-brand-logo{letter-spacing:-.5px;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.applicant-header-subtitle{color:#94a3b8;border-left:1px solid #334155;padding-left:12px;font-size:.85rem}.applicant-header-user{align-items:center;gap:16px;display:flex}.applicant-user-badge{flex-direction:column;align-items:flex-end;display:flex}.applicant-user-name{color:#f1f5f9;font-size:.9rem;font-weight:600}.applicant-user-id{color:#94a3b8;font-size:.75rem}.applicant-login-wrapper{background:radial-gradient(circle at 100% 0,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.applicant-login-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;max-width:440px;padding:2.5rem 2rem;box-shadow:0 20px 25px -5px #00000040,0 8px 10px -6px #00000040}.applicant-login-title{color:#0f172a;text-align:center;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.applicant-login-desc{color:#64748b;text-align:center;margin-bottom:1.75rem;font-size:.875rem}.applicant-main-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.applicant-apps-bar{align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.applicant-app-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.applicant-app-pill:hover{background:#f1f5f9;border-color:#94a3b8}.applicant-app-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 6px -1px #0f172a33}.applicant-stepper-card{border:1px solid var(--app-border);background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.applicant-stepper-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.applicant-stepper-track{justify-content:space-between;align-items:flex-start;padding:.5rem 0;display:flex;position:relative;overflow-x:auto}.applicant-stepper-step{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:100px;display:flex;position:relative}.applicant-step-circle{color:#64748b;z-index:2;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.applicant-stepper-step.completed .applicant-step-circle{color:#fff;background:#059669}.applicant-stepper-step.current .applicant-step-circle{color:#fff;background:#2563eb;box-shadow:0 0 0 4px #2563eb33}.applicant-stepper-step.rejected .applicant-step-circle{color:#fff;background:#dc2626}.applicant-step-title{color:#475569;font-size:.75rem;font-weight:600}.applicant-stepper-step.current .applicant-step-title{color:#1d4ed8;font-weight:700}.applicant-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=992px){.applicant-grid{grid-template-columns:1fr}}.applicant-card{border:1px solid var(--app-border);background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.applicant-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.applicant-card-title{color:#0f172a;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.applicant-interview-item{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:1rem;padding:1.25rem;transition:all .2s}.applicant-interview-item.completed{border-left-color:#059669}.applicant-interview-item.cancelled{opacity:.8;border-left-color:#94a3b8}.applicant-offer-banner{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.applicant-offer-doc-container{background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:500px;padding:2rem;font-family:Georgia,serif;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000a}.applicant-deactivation-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.onb-container{color:#0f172a;background-color:#f8fafc;min-height:calc(100vh - 70px);padding:24px 28px;font-family:Inter,system-ui,-apple-system,sans-serif}.onb-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.onb-title-section h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:4px 0 6px;font-size:22px;font-weight:800;display:flex}.onb-title-section p{color:#64748b;max-width:850px;margin:0;font-size:13.5px;line-height:1.45}.onb-tag-pill{text-transform:uppercase;letter-spacing:.04em;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.onb-subnav-strip{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #00000008}.onb-subnav-strip::-webkit-scrollbar{display:none}.onb-subnav-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.onb-subnav-btn:hover{color:#0f172a;background:#f1f5f9}.onb-subnav-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a26}.onb-subnav-count{opacity:.85;margin-left:2px;font-size:12px}.onb-subnav-count.active-count{opacity:1}.onb-nav-tabs{scrollbar-width:none;border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:22px;padding-bottom:2px;display:flex;overflow-x:auto}.onb-nav-tabs::-webkit-scrollbar{display:none}.onb-nav-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.onb-nav-tab:hover{color:#0f172a;background:#f8fafc}.onb-nav-tab.active{color:#2563eb;background:#fff;border-color:#e2e8f0 #e2e8f0 #2563eb;border-bottom-style:solid;border-bottom-width:2px;font-weight:700}.onb-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=992px){.onb-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.onb-stats-grid{grid-template-columns:1fr}}.onb-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.onb-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.onb-stat-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.onb-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.onb-stat-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.onb-stat-value{color:#0f172a;margin-bottom:4px;font-family:inherit;font-size:22px;font-weight:800;line-height:1.1}.onb-stat-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.onb-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.onb-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.onb-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.onb-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.onb-search-box{flex:1;min-width:260px;position:relative}.onb-search-box input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 14px 9px 36px;font-size:13px;transition:all .2s}.onb-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.onb-search-box .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.onb-filter-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 14px;font-size:13px}.onb-filter-select:focus{border-color:#2563eb}.onb-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.onb-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.onb-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.onb-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.onb-btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.onb-table-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%;overflow-x:auto}.onb-table-container::-webkit-scrollbar{height:6px}.onb-table-container::-webkit-scrollbar-track{background:0 0}.onb-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.onb-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.onb-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.onb-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.onb-table tbody tr:hover{background:#f8fafc}.onb-table tbody td{vertical-align:middle;color:#334155;padding:14px 16px}.badge-onb{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-onb-not-started{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.badge-onb-pre-joining{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-onb-in-progress{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-onb-ready{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-onb-completed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-onb-on-probation{color:#86198f;background:#fdf4ff;border:1px solid #f5d0fe}.badge-onb-review-due{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.badge-onb-confirmed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-onb-extended{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.badge-onb-verified{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-onb-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-onb-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.onb-progress-bar-wrap{background:#e2e8f0;border-radius:9999px;width:100%;height:8px;margin-top:4px;overflow:hidden}.onb-progress-bar-fill{background:linear-gradient(90deg,#2563eb,#10b981);border-radius:9999px;height:100%;transition:width .4s}.onb-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.onb-btn-primary{color:#fff;background:#2563eb}.onb-btn-primary:hover{background:#1d4ed8}.onb-btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.onb-btn-secondary:hover{color:#0f172a;background:#f8fafc}.onb-btn-success{color:#fff;background:#10b981}.onb-btn-success:hover{background:#059669}.onb-btn-danger{color:#fff;background:#ef4444}.onb-btn-danger:hover{background:#dc2626}.onb-btn-sm{padding:5px 10px;font-size:12px}.onb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onb-modal-content{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s ease-out onbModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes onbModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.onb-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.onb-modal-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16.5px;font-weight:700;display:flex}.onb-modal-body{flex:1;padding:24px;overflow-y:auto}.onb-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.onb-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px;display:grid}.onb-form-group{flex-direction:column;gap:6px;display:flex}.onb-form-group label{color:#334155;font-size:12.5px;font-weight:600}.onb-form-group label .req{color:#ef4444}.onb-form-group input,.onb-form-group select,.onb-form-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px;transition:border-color .2s}.onb-form-group input:focus,.onb-form-group select:focus,.onb-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.onb-empty-state{text-align:center;color:#64748b;padding:48px 24px}.onb-empty-title{color:#0f172a;margin:8px 0 4px;font-size:16px;font-weight:700}.onb-empty-desc{color:#64748b;margin:0;font-size:13px}.pr-cfg-banner{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;animation:.2s ease-out slideDown;display:flex}.pr-cfg-banner.error{background:#fef2f2;border:1px solid #fecaca}.pr-cfg-banner.info{background:#eff6ff;border:1px solid #bfdbfe}.pr-cfg-toast{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.2s ease-out slideDown;display:flex}.pr-cfg-toast.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.pr-cfg-toast.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pr-cfg-loading-state{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:14px;font-weight:600;display:flex}.pr-cfg-spinner{border:3px solid #e2e8f0;border-top-color:#16a34a;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.pr-cfg-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}@media (width<=1024px){.pr-cfg-layout{grid-template-columns:1fr}}.pr-cfg-main-col{flex-direction:column;gap:20px;display:flex}.pr-cfg-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pr-cfg-card-header{background:#fafafa;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:18px 24px;display:flex}.pr-cfg-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pr-cfg-card-title{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.pr-cfg-card-subtitle{color:#64748b;margin:0;font-size:12.5px}.pr-cfg-card-body{padding:22px 24px}.pr-cfg-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;display:flex}.pr-cfg-toggle-row.highlight{background:#f0fdf4;border-color:#bbf7d0}.pr-cfg-toggle-info{flex-direction:column;gap:4px;display:flex}.pr-cfg-toggle-label{color:#0f172a;font-size:14px;font-weight:700}.pr-cfg-toggle-desc{color:#64748b;font-size:12px;line-height:1.4}.pr-cfg-badge-green{color:#15803d;letter-spacing:.04em;background:#dcfce7;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:800}.pr-cfg-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.pr-cfg-form-grid.three-col{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.pr-cfg-form-grid,.pr-cfg-form-grid.three-col{grid-template-columns:1fr}}.pr-cfg-form-group{flex-direction:column;gap:6px;display:flex}.pr-cfg-form-label{color:#334155;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.pr-cfg-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:all .15s ease-in-out}.pr-cfg-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.pr-cfg-input.sm{padding:6px 10px;font-size:12.5px}.pr-cfg-form-hint{color:#64748b;font-size:11.5px;line-height:1.3}.pr-cfg-statuses-section{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:18px}.pr-cfg-tags-container{flex-wrap:wrap;gap:8px;display:flex}.pr-cfg-tag-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.pr-cfg-tag-btn:hover{background:#f8fafc;border-color:#94a3b8}.pr-cfg-tag-btn.selected{color:#166534;background:#f0fdf4;border-color:#86efac}.pr-cfg-tag-btn.custom{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.pr-cfg-add-tag-row{gap:8px;max-width:460px;display:flex}.pr-cfg-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.pr-cfg-switch input{opacity:0;width:0;height:0}.pr-cfg-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .25s;position:absolute;inset:0}.pr-cfg-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.pr-cfg-switch input:checked+.pr-cfg-slider{background-color:#16a34a}.pr-cfg-switch input:checked+.pr-cfg-slider:before{transform:translate(20px)}.pr-cfg-side-col{flex-direction:column;gap:16px;display:flex}.pr-cfg-sim-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 1px 3px #0000000a}.pr-cfg-sim-header{color:#0f172a;align-items:center;gap:8px;margin-bottom:4px;font-size:14.5px;font-weight:700;display:flex}.pr-cfg-sim-desc{color:#64748b;margin:0 0 14px;font-size:11.5px;line-height:1.4}.pr-cfg-sim-form{flex-direction:column;gap:10px;display:flex}.pr-cfg-sim-label{color:#475569;margin-bottom:3px;font-size:11.5px;font-weight:600;display:block}.pr-cfg-sim-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:7px;margin-top:14px;padding:12px;display:flex}.pr-cfg-sim-row{color:#475569;justify-content:space-between;align-items:center;font-size:12px;display:flex}.pr-cfg-sim-divider{background:#e2e8f0;height:1px;margin:4px 0}.pr-cfg-sim-row.total{color:#0f172a;font-size:13px}.pr-cfg-sim-alert{border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:11.5px;font-weight:600;display:flex}.pr-cfg-sim-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.pr-cfg-governance-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 1px 3px #0000000a}.pr-cfg-gov-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.pr-cfg-gov-badge{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.pr-cfg-gov-desc{color:#64748b;margin:0 0 12px;font-size:11.5px;line-height:1.4}.pr-cfg-gov-rows{flex-direction:column;gap:10px;display:flex}.pr-cfg-gov-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;transition:all .15s;display:flex}.pr-cfg-gov-row:hover{background:#f1f5f9;border-color:#e2e8f0}.pr-cfg-gov-row-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;display:flex}.pr-cfg-gov-row-content{flex:1;min-width:0}.pr-cfg-gov-row-title{color:#0f172a;font-size:12.5px;font-weight:700}.pr-cfg-gov-row-text{color:#64748b;font-size:11.5px;line-height:1.35;display:block}.pr-cfg-pill{white-space:nowrap;border-radius:9999px;padding:1.5px 6px;font-size:9.5px;font-weight:700}.pr-cfg-pill.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.pr-cfg-pill.amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pr-cfg-pill.emerald{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pr-cfg-pill.purple{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.exit-page-container{color:#1e293b;background-color:#f8fafc;max-width:1600px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.5rem 2rem 3rem;font-family:inherit}.exit-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.exit-header-title h1{color:#0f172a;letter-spacing:-.025em;align-items:center;gap:.75rem;margin:0 0 .35rem;font-size:1.625rem;font-weight:700;display:flex}.exit-header-title p{color:#64748b;margin:0;font-size:.875rem}.exit-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.exit-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.exit-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.exit-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.exit-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.exit-kpi-icon.blue{color:#2563eb;background:#eff6ff}.exit-kpi-icon.amber{color:#d97706;background:#fffbeb}.exit-kpi-icon.emerald{color:#059669;background:#ecfdf5}.exit-kpi-icon.purple{color:#9333ea;background:#faf5ff}.exit-kpi-icon.rose{color:#e11d48;background:#fff1f2}.exit-kpi-icon.indigo{color:#4f46e5;background:#eef2ff}.exit-kpi-info h3{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .25rem;font-size:.75rem;font-weight:600}.exit-kpi-info .kpi-value{color:#0f172a;margin:0;font-size:1.375rem;font-weight:700;line-height:1.2}.exit-kpi-info .kpi-subtext{color:#94a3b8;margin:.15rem 0 0;font-size:.75rem}.exit-tabs-nav{border-bottom:1px solid #e2e8f0;gap:.5rem;margin-bottom:1.25rem;padding-bottom:2px;display:flex;overflow-x:auto}.exit-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex;position:relative}.exit-tab-btn:hover{color:#1e293b;background:#f1f5f9}.exit-tab-btn.active{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-bottom-color:#fff;margin-bottom:-1px;font-weight:600}.exit-tab-badge{color:#475569;background:#e2e8f0;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.exit-tab-btn.active .exit-tab-badge{color:#1d4ed8;background:#dbeafe}.exit-filter-strip{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.exit-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:260px;max-width:400px;padding:.45rem .75rem;display:flex}.exit-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.exit-filter-group{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.exit-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.8125rem}.exit-select:focus{background:#fff;border-color:#3b82f6}.exit-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.exit-table-wrapper{max-height:650px;overflow-x:auto}.exit-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.8125rem}.exit-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;z-index:10;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.exit-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.exit-table tbody tr{transition:background-color .15s}.exit-table tbody tr:hover{background-color:#f8fafc}.exit-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.exit-badge.submitted{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.exit-badge.under-review{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.exit-badge.approved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.exit-badge.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.exit-badge.notice{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.exit-badge.cleared{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.exit-badge.pending{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.exit-badge.blocked{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.exit-badge.paid{color:#047857;background:#ecfdf5;border:1px solid #6ee7b7}.exit-badge.relieved{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.exit-badge.inactive{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.btn-exit-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-exit-primary:hover{background:#1d4ed8;box-shadow:0 2px 6px #2563eb40}.btn-exit-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-exit-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-exit-danger{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #dc2626;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-exit-danger:hover{background:#dc2626}.btn-exit-success{color:#fff;cursor:pointer;background:#10b981;border:1px solid #059669;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-exit-success:hover{background:#059669}.exit-modal-overlay{padding:1rem;z-index:9999!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.exit-modal-container{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) exitModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.exit-modal-container.large{max-width:960px}@keyframes exitModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.exit-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.exit-modal-header h2{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;display:flex}.exit-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.exit-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.exit-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.exit-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.exit-form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.exit-form-group{flex-direction:column;gap:.35rem;display:flex}.exit-form-group.full-width{grid-column:1/-1}.exit-form-group label{color:#334155;font-size:.8125rem;font-weight:600}.exit-form-group input,.exit-form-group select,.exit-form-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.exit-form-group input:focus,.exit-form-group select:focus,.exit-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.exit-form-group textarea{resize:vertical;min-height:80px}.exit-form-group small{color:#64748b;font-size:.75rem}.exit-detail-banner{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.exit-employee-summary{align-items:center;gap:1.25rem;display:flex}.exit-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.35rem;font-weight:700;display:flex;box-shadow:0 4px 10px #2563eb33}.exit-employee-info h2{color:#0f172a;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.exit-meta-row{color:#64748b;flex-wrap:wrap;gap:1.25rem;font-size:.8125rem;display:flex}.exit-meta-item{align-items:center;gap:.35rem;display:flex}.exit-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.exit-section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.exit-section-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.fnf-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.fnf-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.fnf-box.earnings{border-left:4px solid #10b981}.fnf-box.deductions{border-left:4px solid #ef4444}.fnf-box.net{background:#eff6ff;border-left:4px solid #2563eb}.fnf-box h4{color:#0f172a;justify-content:space-between;align-items:center;margin:0 0 1rem;font-size:.875rem;font-weight:700;display:flex}.fnf-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.8125rem;display:flex}.fnf-row:last-child{border-bottom:none}.fnf-row.total{border-top:1px solid #cbd5e1;border-bottom:none;margin-top:.5rem;padding-top:.75rem;font-size:.9375rem;font-weight:700}.exit-timeline{margin:1rem 0;padding-left:1.5rem;position:relative}.exit-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.exit-timeline-item{margin-bottom:1.25rem;position:relative}.exit-timeline-dot{background:#2563eb;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-1.5rem;box-shadow:0 0 0 1px #cbd5e1}.exit-timeline-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem}.exit-timeline-title{color:#0f172a;justify-content:space-between;font-size:.8125rem;font-weight:600;display:flex}.exit-timeline-desc{color:#64748b;margin-top:.25rem;font-size:.75rem}.star-rating-group{gap:.25rem;display:flex}.star-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;font-size:1.25rem;transition:color .15s}.star-btn.active{color:#f59e0b}.compliance-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .15s;display:flex}.compliance-item-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.compliance-item-card.critical{border-left:4px solid #ef4444}.compliance-item-card.high{border-left:4px solid #f97316}.compliance-item-card.medium{border-left:4px solid #eab308}.compliance-item-card.low{border-left:4px solid #3b82f6}.integration-page-container,.integration-container{color:#1e293b;background-color:#f8fafc;max-width:1600px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.5rem 2rem 3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.integration-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.integration-title-area,.integration-header-title{flex:1;min-width:320px}.integration-badge{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.integration-title-area h1,.integration-header-title h1{color:#0f172a;letter-spacing:-.025em;align-items:center;gap:.75rem;margin:0 0 .4rem;font-size:1.75rem;font-weight:800;display:flex}.integration-title-area p,.integration-header-title p{color:#64748b;max-width:900px;margin:0;font-size:.875rem;line-height:1.5}.integration-action-bar,.integration-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.integration-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.15rem;margin-bottom:1.75rem;display:grid}.integration-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.15rem;padding:1.25rem 1.4rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000008}.integration-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.kpi-icon-wrapper,.integration-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-blue,.integration-kpi-icon.blue{color:#2563eb;background:#eff6ff}.kpi-icon-amber,.integration-kpi-icon.amber{color:#d97706;background:#fffbeb}.kpi-icon-green,.integration-kpi-icon.emerald{color:#059669;background:#ecfdf5}.kpi-icon-purple,.integration-kpi-icon.purple{color:#9333ea;background:#faf5ff}.kpi-icon-red,.integration-kpi-icon.rose{color:#dc2626;background:#fef2f2}.kpi-content,.integration-kpi-info{flex-direction:column;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.2rem;font-size:.725rem;font-weight:700}.integration-content-card,.integration-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:2rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.integration-tab-bar,.integration-tabs-nav{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:.5rem;padding:.75rem 1.25rem 0;display:flex;overflow-x:auto}.integration-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.integration-tab-btn:hover{color:#0f172a;background:#f1f5f9}.integration-tab-btn.active{color:#2563eb;background:#fff;border-color:#e2e8f0 #e2e8f0 #fff;margin-bottom:-1px}.tab-counter-pill,.integration-tab-badge{color:#475569;background:#e2e8f0;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.tab-counter-pill.unread-pill{color:#b45309;background:#fef3c7}.tab-counter-pill.high-pill{color:#b91c1c;background:#fee2e2}.integration-tab-btn.active .tab-counter-pill{color:#1d4ed8;background:#dbeafe}.integration-filter-toolbar,.integration-filter-strip{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.search-box-wrapper,.integration-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:.6rem;min-width:280px;max-width:480px;padding:.5rem .85rem;transition:all .15s;display:flex}.search-box-wrapper:focus-within,.integration-search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#94a3b8;flex-shrink:0}.integration-search-input,.integration-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.84rem}.filter-dropdown-group,.integration-filter-group{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.integration-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.5rem .85rem;font-size:.8125rem;font-weight:500;transition:all .15s}.integration-select:focus{background:#fff;border-color:#3b82f6}.integration-table-wrapper{max-height:680px;overflow-x:auto}.integration-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.8125rem}.integration-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;z-index:10;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.15rem;font-size:.725rem;font-weight:700;position:sticky;top:0}.integration-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem 1.15rem}.integration-table tbody tr{transition:background-color .15s}.integration-table tbody tr:hover{background-color:#f8fafc}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary,.btn-int-primary{color:#fff;background:#2563eb;border-color:#1d4ed8;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover,.btn-int-primary:hover{background:#1d4ed8}.btn-outline,.btn-int-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.btn-outline:hover,.btn-int-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-success,.btn-int-success{color:#fff;background:#10b981;border-color:#059669}.btn-success:hover,.btn-int-success:hover{background:#059669}.btn-danger,.btn-int-danger{color:#fff;background:#ef4444;border-color:#dc2626}.btn-danger:hover,.btn-int-danger:hover{background:#dc2626}.btn-sm{padding:.35rem .75rem;font-size:.775rem}.btn-action-icon{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:inline-flex}.btn-action-icon:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.status-pill,.integration-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.725rem;font-weight:700;display:inline-flex}.badge-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-purple{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.tag-module{text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.tag-module-payroll{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.tag-module-recruitment{color:#a21caf;background:#fdf4ff;border-color:#f5d0fe}.tag-module-onboarding{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.tag-module-performance{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.tag-module-exit{color:#be123c;background:#fff1f2;border-color:#fecdd3}.tag-module-requests{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.tag-module-core_hr,.tag-module-corehr{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.tag-module-security{color:#334155;background:#f8fafc;border-color:#cbd5e1}.tag-module-lab_setup,.tag-module-labsetup{color:#b45309;background:#fffbeb;border-color:#fde68a}.tag-module-approvals,.tag-module-approval{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.tag-module-probation{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.notification-item-stream{flex-direction:column;display:flex}.notification-card-row{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .15s;display:flex}.notification-card-row:hover{background:#f8fafc}.notification-card-row.unread-glow{background:#fff;border-left:4px solid #2563eb}.notification-card-row.read-dim{opacity:.85}.notif-icon-col{flex-shrink:0;padding-top:.2rem}.notif-body-col{flex:1}.notif-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.notif-title-group{align-items:center;gap:.5rem;display:flex}.notif-title{color:#0f172a;font-size:.925rem;font-weight:700}.notif-new-tag{color:#fff;letter-spacing:.05em;background:#2563eb;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.notif-meta-group{align-items:center;gap:.65rem;display:flex}.notif-timestamp{color:#94a3b8;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.notif-message-text{color:#475569;margin:0 0 .65rem;font-size:.825rem;line-height:1.45}.notif-footer-row{align-items:center;gap:1rem;display:flex}.btn-link-action{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-link-action:hover{text-decoration:underline}.btn-text-mark{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:.775rem}.btn-text-mark:hover{color:#0f172a}.timeline-layout-grid{grid-template-columns:340px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.timeline-layout-grid{grid-template-columns:1fr}}.timeline-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.sidebar-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.45rem .75rem;display:flex}.employee-picker-list{flex-direction:column;gap:.45rem;max-height:600px;display:flex;overflow-y:auto}.employee-picker-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.85rem;padding:.65rem .85rem;transition:all .15s;display:flex}.employee-picker-item:hover{background:#f1f5f9}.employee-picker-item.selected{background:#eff6ff;border-color:#bfdbfe}.picker-avatar{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.employee-picker-item.selected .picker-avatar{color:#fff;background:#2563eb}.picker-info{flex:1;min-width:0}.picker-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;display:block;overflow:hidden}.picker-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;display:block;overflow:hidden}.picker-arrow{color:#94a3b8}.employee-snapshot-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.snapshot-avatar-large{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 10px #2563eb40}.snapshot-details{flex:1}.snapshot-name-row{align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.snapshot-name-row h2{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800}.snapshot-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.snapshot-meta-item{gap:.4rem;font-size:.8rem;display:flex}.snapshot-meta-item .meta-lbl{color:#64748b;font-weight:500}.snapshot-meta-item .meta-val{color:#0f172a;font-weight:600}.timeline-filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.btn-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.4rem .95rem;font-size:.775rem;font-weight:600;transition:all .15s}.btn-pill:hover{color:#0f172a;border-color:#cbd5e1}.btn-pill.active{color:#fff;background:#2563eb;border-color:#1d4ed8}.vertical-timeline-track{flex-direction:column;margin-top:.75rem;padding-left:3rem;display:flex;position:relative}.timeline-node{gap:1.25rem;margin-bottom:1.75rem;display:flex;position:relative}.timeline-marker{flex-direction:column;align-items:center;width:36px;display:flex;position:absolute;top:0;bottom:-1.75rem;left:-3rem}.timeline-marker-icon{color:#2563eb;z-index:2;background:#fff;border:2px solid #2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 0 0 4px #dbeafe}.timeline-marker-icon.icon-badge-lifecycle{color:#16a34a;background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 4px #dcfce7}.timeline-marker-icon.icon-badge-onboarding{color:#2563eb;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.timeline-marker-icon.icon-badge-recruitment{color:#db2777;background:#fdf2f8;border-color:#db2777;box-shadow:0 0 0 4px #fce7f3}.timeline-marker-icon.icon-badge-salary{color:#059669;background:#ecfdf5;border-color:#059669;box-shadow:0 0 0 4px #a7f3d0}.timeline-marker-icon.icon-badge-performance{color:#7c3aed;background:#f5f3ff;border-color:#7c3aed;box-shadow:0 0 0 4px #ede9fe}.timeline-marker-icon.icon-badge-training{color:#d97706;background:#fffbeb;border-color:#d97706;box-shadow:0 0 0 4px #fef3c7}.timeline-marker-icon.icon-badge-exit{color:#dc2626;background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 4px #fee2e2}.timeline-marker-icon.icon-badge-leave{color:#0d9488;background:#f0fdfa;border-color:#0d9488;box-shadow:0 0 0 4px #ccfbf1}.timeline-marker-icon.icon-badge-attendance{color:#475569;background:#f8fafc;border-color:#475569;box-shadow:0 0 0 4px #e2e8f0}.timeline-marker-icon.icon-badge-documents{color:#059669;background:#f0fdf4;border-color:#059669;box-shadow:0 0 0 4px #dcfce7}.timeline-marker-icon.icon-badge-default{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #dbeafe}.timeline-line{background:#cbd5e1;flex:1;width:2px;margin:4px 0}.timeline-card-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:1.15rem 1.4rem;transition:all .2s;box-shadow:0 1px 3px #00000008}.timeline-card-content:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.tag-module{text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f1f5f9;border-radius:6px;padding:.2rem .55rem;font-size:.68rem;font-weight:700}.tag-module-lifecycle{color:#15803d;background:#dcfce7}.tag-module-onboarding{color:#1d4ed8;background:#dbeafe}.tag-module-recruitment{color:#be185d;background:#fce7f3}.tag-module-salary,.tag-module-payroll{color:#047857;background:#d1fae5}.tag-module-performance{color:#6d28d9;background:#ede9fe}.tag-module-training{color:#b45309;background:#fef3c7}.tag-module-exit,.tag-module-settlement{color:#b91c1c;background:#fee2e2}.tag-module-leave{color:#0f766e;background:#ccfbf1}.tag-module-documents{color:#065f46;background:#d1fae5}.timeline-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.timeline-title-group{align-items:center;gap:.65rem;display:flex}.timeline-event-title{color:#0f172a;font-size:.95rem;font-weight:700}.timeline-timestamp{color:#64748b;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;display:flex}.timeline-desc{color:#475569;margin:0 0 .65rem;font-size:.825rem;line-height:1.45}.timeline-details-box{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin-bottom:.65rem;padding:.65rem .85rem;font-size:.775rem;display:grid}.detail-kv .dk{color:#64748b;margin-right:.35rem;font-weight:500}.detail-kv .dv{color:#0f172a;font-weight:600}.diagnostic-score-banner{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.diagnostic-score-banner.status-critical{border-left:6px solid #ef4444}.diagnostic-score-banner.status-warning{border-left:6px solid #f59e0b}.diagnostic-score-banner.status-healthy{border-left:6px solid #10b981}.score-main{align-items:center;gap:1.5rem;display:flex}.score-dial{background:#eff6ff;border:4px solid #2563eb;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.dial-value{color:#1e293b;font-size:1.25rem;font-weight:800;line-height:1}.dial-label{color:#64748b;text-transform:uppercase;font-size:.6rem;font-weight:700}.score-desc h2{color:#0f172a;margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.score-desc p{color:#64748b;margin:0;font-size:.8125rem}.status-text-critical{color:#dc2626}.status-text-warning{color:#d97706}.status-text-healthy{color:#059669}.score-stats-grid{gap:1.5rem;display:flex}.score-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;padding:.65rem 1.15rem;display:flex}.stat-num{font-size:1.25rem;font-weight:800;line-height:1.1}.stat-lbl{color:#64748b;margin-top:.2rem;font-size:.7rem;font-weight:600}.diagnostic-checks-list{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.diagnostic-check-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .15s;overflow:hidden}.diagnostic-check-card:hover{border-color:#cbd5e1}.diagnostic-check-card.check-status-passed{border-left:4px solid #10b981}.diagnostic-check-card.check-status-warning{border-left:4px solid #f59e0b}.diagnostic-check-card.check-status-error{border-left:4px solid #ef4444}.check-card-header{cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.check-status-col{flex-shrink:0}.check-info-col{flex:1;min-width:0}.check-title-row{align-items:center;gap:.65rem;margin-bottom:.2rem;display:flex}.check-name{color:#0f172a;font-size:.875rem;font-weight:700}.check-msg{color:#64748b;margin:0;font-size:.8rem}.check-action-col{align-items:center;gap:.65rem;display:flex}.btn-icon-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.check-affected-records{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.25rem}.affected-title{color:#475569;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.affected-table{border-collapse:collapse;width:100%;font-size:.775rem}.affected-table th{text-align:left;color:#475569;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:.4rem .65rem}.affected-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:.45rem .65rem}.modal-overlay{padding:1rem;z-index:9999!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.modal-container{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.modal-container.modal-md{max-width:680px}.modal-container.modal-lg{max-width:880px}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-group h3{color:#0f172a;margin:0;font-size:1.125rem;font-weight:800}.modal-subtitle{color:#64748b;margin-top:.15rem;font-size:.75rem;display:block}.btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .5rem;font-size:1.5rem;line-height:1}.btn-close:hover{color:#0f172a;background:#e2e8f0}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.integration-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{color:#94a3b8;margin-bottom:1rem}.integration-empty-state h3{color:#0f172a;margin:0 0 .35rem;font-size:1.125rem;font-weight:700}.integration-empty-state p{color:#64748b;max-width:420px;margin:0;font-size:.84rem}.integration-loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;font-size:.875rem;font-weight:500;display:flex}.spinner-ring{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spinnerRotate}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.spin-icon{animation:.8s linear infinite spinnerRotate}.notification-card-row.severity-critical{border-left:4px solid #ef4444}.notification-card-row.severity-high{border-left:4px solid #f97316}.notification-card-row.severity-medium{border-left:4px solid #f59e0b}.notification-card-row.severity-low{border-left:4px solid #3b82f6}.notification-card-row.severity-info{border-left:4px solid #64748b}.icon-critical{color:#ef4444}.icon-high{color:#f97316}.icon-med{color:#f59e0b}.icon-info{color:#3b82f6}.severity-badge-critical{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.severity-badge-high{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.severity-badge-med{color:#d97706;background:#fffbeb;border:1px solid #fef3c7;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.severity-badge-low{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.exception-info-block{flex-direction:column;gap:2px;display:flex}.exception-title-text{color:#0f172a;font-size:.85rem;font-weight:700}.exception-desc-text{color:#64748b;font-size:.775rem}.employee-cell-meta{flex-direction:column;gap:2px;display:flex}.emp-name{color:#0f172a;font-size:.825rem;font-weight:700}.emp-sub{color:#64748b;font-size:.725rem}.timestamp-group{flex-direction:column;gap:1px;font-size:.75rem;display:flex}.date-part{color:#0f172a;font-weight:600}.time-part{color:#94a3b8;font-size:.7rem}.actor-cell{flex-direction:column;gap:2px;display:flex}.actor-name{color:#0f172a;font-size:.825rem;font-weight:700}.actor-role{color:#2563eb;letter-spacing:.04em;font-size:.7rem;font-weight:700}.cell-entity{font-size:.8rem}.entity-text{color:#0f172a;font-weight:600}.entity-id{color:#64748b;font-family:monospace;font-size:.7rem}.cell-desc{color:#334155;max-width:320px;font-size:.8rem}.desc-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.integration-pagination-row{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.pagination-text{color:#64748b;font-size:.8rem}.pagination-btn-group{gap:.5rem;display:flex}.audit-detail-grid{grid-template-columns:1fr;gap:.65rem;margin-bottom:1.25rem;display:grid}.audit-prop-row{font-size:.825rem;display:flex}.prop-label{color:#64748b;width:110px;font-weight:700}.prop-value{color:#0f172a;flex:1;font-weight:600}.audit-payload-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.payload-title{color:#475569;text-transform:uppercase;margin-bottom:.5rem;font-size:.775rem;font-weight:700;display:block}.payload-json{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin:0;padding:.75rem;font-family:Consolas,Monaco,monospace;font-size:.75rem;overflow-x:auto}@media (width<=768px){.integration-page-container{padding:1rem}.integration-filter-toolbar{flex-direction:column;align-items:stretch}.search-box-wrapper{max-width:100%}.filter-dropdown-group{width:100%}.filter-dropdown-group select{flex:1}}.admin-badge{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.admin-alert-banner{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.notif-context-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.context-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px}.context-chip strong{color:#0f172a}.ack-chip{color:#166534;background:#f0fdf4;border-color:#bbf7d0;align-items:center;gap:4px;display:inline-flex}.notif-action-tag{letter-spacing:.05em;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.notif-reminder-tag{letter-spacing:.05em;color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.has-action-needed{border-left:3.5px solid #dc2626!important}.btn-details-quick{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-details-quick:hover{color:#0f172a;background:#f1f5f9}.btn-ack-action{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-ack-action:hover{color:#065f46;background:#d1fae5}.btn-refresh-icon{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.btn-refresh-icon:hover{color:#0f172a;background:#f1f5f9}.admin-notif-dialog{max-width:640px!important}.detail-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:14px;display:grid}.detail-meta-item{flex-direction:column;gap:4px;display:flex}.meta-k{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.meta-v{color:#0f172a;font-size:13px;font-weight:600}.notif-message-callout{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0284c7;border-radius:8px;margin-bottom:16px;padding:14px}.message-lead{color:#1e293b;margin:0;font-size:13.5px;line-height:1.5}.detail-context-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:20px;padding:10px 14px;display:flex}.context-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.ctx-k{color:#64748b;font-weight:600}.ctx-v{color:#0f172a}.link-audit{color:#2563eb;font-weight:600;text-decoration:underline}.pref-section-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px}.pref-section-title{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:700}.pref-toggle-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.pref-toggle-row:last-child{border-bottom:none}.pref-desc{color:#64748b;margin:2px 0 0;font-size:11.5px}.pref-domain-list{flex-direction:column;gap:8px;display:flex}.pref-check-item{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.pref-check-item.enforced{opacity:.8;cursor:not-allowed;color:#991b1b}.action-pill{color:#dc2626!important;background:#fef2f2!important}.reminder-pill{color:#9333ea!important;background:#faf5ff!important}.fin-dashboard-container{color:#1e293b;background-color:#f8fafc;min-height:100vh;padding:24px;font-family:inherit}.fin-badge-pill{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:600}.fin-subtitle{color:#64748b;max-width:800px;margin:0;font-size:.875rem;line-height:1.4}.fin-header-actions{align-items:center;gap:10px;display:flex}.fin-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.fin-btn-primary{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 3px #1d4ed840}.fin-btn-primary:hover{background-color:#1e40af;border-color:#1e40af;transform:translateY(-1px)}.fin-btn-success{color:#fff;background-color:#16a34a;border-color:#16a34a;box-shadow:0 1px 3px #16a34a40}.fin-btn-success:hover{background-color:#15803d;border-color:#15803d;transform:translateY(-1px)}.fin-btn-outline{color:#334155;background-color:#fff;border-color:#cbd5e1}.fin-btn-outline:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.fin-btn-xs{padding:2px 6px;font-size:.7rem}.fin-quick-links-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;padding:10px 14px;display:flex;box-shadow:0 1px 2px #00000008}.fin-nav-label{color:#64748b;text-transform:uppercase;margin-right:4px;font-size:.75rem;font-weight:700}.fin-nav-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.fin-nav-pill:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.fin-nav-pill-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fin-nav-pill-danger:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.fin-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.fin-kpi-card:before{content:"";background:#94a3b8;height:3px;position:absolute;top:0;left:0;right:0}.fin-kpi-blue:before{background:#2563eb}.fin-kpi-green:before{background:#059669}.fin-kpi-amber:before{background:#d97706}.fin-kpi-purple:before{background:#7c3aed}.fin-kpi-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #00000014}.fin-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.fin-kpi-icon-wrap{border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-blue{color:#2563eb;background:#eff6ff}.icon-green{color:#059669;background:#f0fdf4}.icon-amber{color:#d97706;background:#fffbeb}.icon-purple{color:#7c3aed;background:#faf5ff}.fin-kpi-value{color:#0f172a;margin-bottom:6px;font-size:1.45rem;font-weight:700}.fin-kpi-subtext{color:#64748b;align-items:center;gap:4px;font-size:.78125rem;display:flex}.fin-analytics-row{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:22px;display:grid}.fin-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:18px;display:flex;box-shadow:0 1px 3px #0000000a}.fin-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.fin-panel-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.fin-panel-caption{color:#64748b;margin:2px 0 0;font-size:.78125rem}.fin-chart-hover-indicator{align-items:center;min-height:26px;display:flex}.fin-chart-hover-pill{color:#fff;background:#0f172a;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:.75rem;display:inline-flex;box-shadow:0 2px 4px #00000026}.hover-month{color:#93c5fd;font-weight:700}.hover-val.net{color:#34d399;font-weight:600}.hover-val.gross{color:#cbd5e1}.hover-val.ded{color:#fbbf24}.fin-chart-hint{color:#94a3b8;font-size:.75rem;font-style:italic}.fin-svg-chart-container{width:100%;position:relative}.fin-area-svg{width:100%;height:auto;overflow:visible}.fin-chart-y-axis-text{fill:#94a3b8;font-family:inherit;font-size:10px}.fin-chart-x-axis-text{fill:#64748b;font-size:11px;font-weight:500;transition:all .15s}.fin-chart-x-axis-text.active{fill:#1e3a8a;font-weight:700}.fin-chart-circle{transition:r .15s,stroke-width .15s}.fin-chart-legend{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:10px;padding-top:10px;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-line{border-radius:2px;width:18px;height:3px;display:inline-block}.line-dashed-blue{border-top:2px dashed #93c5fd;height:0}.line-solid-blue{background-color:#2563eb}.line-solid-amber{background-color:#d97706}.fin-donut-main-container{flex-direction:column;flex:1;justify-content:space-between;gap:12px;display:flex}.fin-donut-content{flex:1;align-items:center;gap:20px;display:flex}.fin-donut-svg-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:135px;height:135px;display:flex;position:relative}.fin-donut-svg{width:100%;height:100%;overflow:visible}.fin-donut-slice{cursor:pointer;transform-origin:60px 60px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s,filter .2s}.fin-donut-slice:hover,.fin-donut-slice.active-slice{opacity:1;filter:drop-shadow(0 2px 4px #00000026);transform:scale(1.06)}.fin-donut-center-num{fill:#0f172a;font-size:13px;font-weight:800}.fin-donut-center-lbl{fill:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:7.5px;font-weight:700}.fin-donut-legend-list{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.fin-donut-legend-row{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:.75rem;transition:all .15s;display:flex}.fin-donut-legend-row:hover,.fin-donut-legend-row.highlighted{background:#f1f5f9;transform:translate(2px)}.legend-row-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 1px 2px #0000001a}.legend-cat-name{color:#334155;font-size:.78125rem;font-weight:500}.legend-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.legend-cat-amount{color:#0f172a;font-size:.78125rem;font-weight:600}.legend-cat-pct{color:#64748b;font-size:.71875rem}.fin-donut-footer-bar{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;width:100%;min-height:28px;margin-top:4px;padding-top:10px;font-size:.75rem;display:flex}.fin-donut-hover-badge{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;animation:.15s fadeIn;display:inline-flex}.fin-donut-hover-badge .hover-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.fin-donut-hover-badge .hover-name{color:#475569}.fin-donut-hover-badge .hover-amt{color:#0f172a}.fin-donut-hover-badge .hover-pct{color:#64748b}.fin-donut-hint-text{color:#94a3b8;text-align:center;font-size:.71875rem;font-style:italic}.fin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.fin-panel-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.fin-queue-filter-group{align-items:center;gap:4px;margin-left:10px;display:flex}.fin-filter-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.fin-filter-btn:hover{color:#0f172a;background:#f1f5f9}.fin-filter-btn.active{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.fin-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.fin-empty-state h4{color:#166534;margin:10px 0 4px;font-size:.95rem;font-weight:700}.fin-empty-state p{color:#64748b;max-width:500px;margin:0;font-size:.8125rem}.fin-queue-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;padding:14px 18px;display:grid}.fin-queue-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:space-between;padding:13px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #00000008}.fin-queue-card:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0000000f}.border-critical{border-left:4px solid #dc2626}.border-high{border-left:4px solid #ea580c}.border-normal{border-left:4px solid #0284c7}.fin-queue-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fin-queue-category{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.fin-queue-badge{border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:600}.badge-critical{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.badge-high{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge-normal{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.fin-queue-card-title{color:#0f172a;margin-bottom:6px;font-size:.875rem;font-weight:600;line-height:1.35}.fin-queue-amount{color:#475569;margin-bottom:8px;font-size:.8125rem}.fin-queue-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding-top:10px;display:flex}.fin-main-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.fin-left-col,.fin-right-col{flex-direction:column;gap:16px;display:flex}.fin-table-wrap{overflow-x:auto}.fin-table thead th{color:#475569;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.75rem;font-weight:600}.fin-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.fin-table tbody tr:hover{background-color:#f8fafc}.fin-table-empty{text-align:center;color:#94a3b8;padding:24px!important}.fin-status-tag{text-transform:capitalize;border-radius:4px;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.fin-status-tag.approved,.fin-status-tag.paid,.fin-status-tag.matched,.fin-status-tag.reconciled{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.fin-status-tag.pending,.fin-status-tag.processing,.fin-status-tag.submitted,.fin-status-tag.calculated{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.fin-status-tag.draft{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.fin-status-tag.rejected,.fin-status-tag.failed{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.fin-deadlines-panel{flex-direction:column;display:flex}.fin-deadline-spotlight{border:1px solid #e2e8f0;border-radius:6px;margin:14px 18px 8px;padding:12px 14px}.spotlight-urgent{background:#fef2f2;border-color:#fecaca}.spotlight-normal{background:#f0fdf4;border-color:#bbf7d0}.spotlight-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.spotlight-title{text-transform:uppercase;letter-spacing:.03em;color:#1e293b;font-size:.75rem;font-weight:700}.spotlight-main{flex-direction:column;gap:2px;display:flex}.spotlight-countdown{color:#0f172a;font-size:1.15rem;font-weight:800}.spotlight-sub{color:#64748b;font-size:.75rem}.fin-deadlines-list{flex-direction:column;padding:6px 18px 14px;display:flex}.fin-deadline-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.fin-deadline-item:last-child{border-bottom:none}.fin-deadline-badge{border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:600}.badge-monthly{color:#b45309;background-color:#fef3c7}.badge-quarterly{color:#1d4ed8;background-color:#eff6ff}.badge-annual{color:#dc2626;background-color:#fef2f2}.fin-deadlines-action{border-top:1px solid #f1f5f9;padding:12px 18px 16px}.fin-rules-description{color:#475569;margin:0;padding:12px 18px 8px;font-size:.8125rem;line-height:1.4}.fin-rules-list{flex-direction:column;gap:8px;padding:0 18px 16px;display:flex}.fin-rule-row{justify-content:space-between;font-size:.75rem;display:flex}.rule-label{color:#64748b}.rule-val{color:#0f172a;font-weight:600}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-amber{color:#d97706}.text-primary{color:#1e3a8a}.text-muted{color:#94a3b8}@media (width<=1024px){.fin-analytics-row,.fin-main-grid{grid-template-columns:1fr}}@media (width<=640px){.fin-dashboard-container{padding:16px}.fin-header-row{flex-direction:column;align-items:stretch}.fin-header-actions{justify-content:flex-start}.fin-donut-content{flex-direction:column;align-items:center}}:root{--fin-primary:#1d4ed8;--fin-primary-hover:#1e40af;--fin-primary-light:#eff6ff;--fin-primary-border:#bfdbfe;--fin-success:#16a34a;--fin-success-hover:#15803d;--fin-success-bg:#f0fdf4;--fin-success-border:#bbf7d0;--fin-success-text:#166534;--fin-warning:#d97706;--fin-warning-hover:#b45309;--fin-warning-bg:#fffbeb;--fin-warning-border:#fde68a;--fin-warning-text:#92400e;--fin-danger:#dc2626;--fin-danger-hover:#b91c1c;--fin-danger-bg:#fef2f2;--fin-danger-border:#fecaca;--fin-danger-text:#991b1b;--fin-info:#2563eb;--fin-info-bg:#eff6ff;--fin-info-border:#bfdbfe;--fin-info-text:#1e40af;--fin-purple:#7c3aed;--fin-purple-bg:#f5f3ff;--fin-purple-border:#ddd6fe;--fin-purple-text:#5b21b6;--fin-bg-main:#f8fafc;--fin-card-bg:#fff;--fin-border:#e2e8f0;--fin-border-light:#f1f5f9;--fin-text-dark:#0f172a;--fin-text-body:#334155;--fin-text-muted:#64748b;--fin-text-subtle:#94a3b8;--fin-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.tax-center-container,.fin-dashboard-container,.fin-container{background-color:var(--fin-bg-main);min-height:100vh;color:var(--fin-text-body);-webkit-font-smoothing:antialiased;padding:24px 32px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;line-height:1.5}.fin-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.fin-title-area h1{color:var(--fin-text-dark);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 4px;font-size:1.45rem;font-weight:700;display:flex}.fin-subtitle{color:var(--fin-text-muted);margin:0;font-size:.85rem}.fin-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fin-badge-pill{background-color:var(--fin-primary-light);color:var(--fin-primary-hover);border:1px solid var(--fin-primary-border);text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.fin-badge-pill.success{background-color:var(--fin-success-bg);color:var(--fin-success-text);border-color:var(--fin-success-border)}.fin-badge-pill.warning{background-color:var(--fin-warning-bg);color:var(--fin-warning-text);border-color:var(--fin-warning-border)}.fin-badge-pill.danger{background-color:var(--fin-danger-bg);color:var(--fin-danger-text);border-color:var(--fin-danger-border)}.tax-tabs-row,.fin-tabs-bar{border-bottom:2px solid var(--fin-border);background:0 0;gap:6px;margin-bottom:24px;display:flex;overflow-x:auto}.tax-tab-btn,.fin-tab-btn{color:var(--fin-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:.8125rem;font-weight:600;transition:all .15s ease-in-out;display:flex}.tax-tab-btn:hover,.fin-tab-btn:hover{color:var(--fin-primary);background-color:#0284c70a;border-top-left-radius:6px;border-top-right-radius:6px}.tax-tab-btn.active,.fin-tab-btn.active{color:var(--fin-primary);border-bottom-color:var(--fin-primary);background-color:#fff;border-top-left-radius:6px;border-top-right-radius:6px}.fin-quick-links-bar{border:1px solid var(--fin-border);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;display:flex}.fin-nav-pill{background-color:var(--fin-bg-main);border:1px solid var(--fin-border);color:var(--fin-text-body);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.fin-nav-pill:hover,.fin-nav-pill.active{background-color:var(--fin-primary);color:#fff;border-color:var(--fin-primary)}.tax-card,.fin-card,.fin-panel{border:1px solid var(--fin-border);background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;transition:box-shadow .15s;box-shadow:0 1px 3px #0000000a}.tax-card:hover,.fin-card:hover,.fin-panel:hover{box-shadow:0 2px 6px #0000000f}.tax-card-header,.fin-card-header,.fin-panel-header{border-bottom:1px solid var(--fin-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.tax-card-title,.fin-card-title,.fin-panel-title{color:var(--fin-text-dark);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.fin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.fin-kpi-card{border:1px solid var(--fin-border);background:#fff;border-radius:8px;flex-direction:column;padding:16px 18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.fin-kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000f}.fin-kpi-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fin-kpi-title,.fin-kpi-label{color:var(--fin-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700}.fin-kpi-icon-wrap{border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.fin-kpi-value{color:var(--fin-text-dark);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.02em;margin-bottom:4px;font-size:1.45rem;font-weight:800}.fin-kpi-subtext,.fin-kpi-sub{color:var(--fin-text-subtle);align-items:center;gap:5px;font-size:.75rem;display:flex}.fin-table-wrap,.fin-table-container{border:1px solid var(--fin-border);background:#fff;border-radius:8px;overflow-x:auto}.fin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.fin-table th{color:var(--fin-text-muted);border-bottom:2px solid var(--fin-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;padding:10px 14px;font-size:.75rem;font-weight:700}.fin-table td{border-bottom:1px solid var(--fin-border-light);color:var(--fin-text-body);white-space:nowrap;vertical-align:middle;padding:10px 14px}.fin-table tbody tr:hover td{background-color:#f8fafc}.fin-table tbody tr.row-highlight td{background-color:#f0fdf4}.fin-table-total-row td{color:var(--fin-text-dark)!important;border-top:2px solid var(--fin-border)!important;border-bottom:2px solid var(--fin-border)!important;background-color:#f8fafc!important;font-weight:700!important}.fin-table td strong,.fin-table td code,.tnum,.fin-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}code{font-family:var(--fin-font-mono);color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.78rem}.tax-pill-badge,.fin-status-tag,.tax-badge,.fin-badge{text-transform:capitalize;letter-spacing:.02em;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.tax-pill-badge.active,.fin-status-tag.paid,.fin-status-tag.completed,.fin-status-tag.approved,.fin-status-tag.reconciled,.fin-status-tag.matched,.fin-status-tag.filed,.tax-badge-matched,.fin-badge-success,.fin-badge-primary{background-color:var(--fin-success-bg);color:var(--fin-success-text);border:1px solid var(--fin-success-border)}.tax-pill-badge.inactive,.fin-status-tag.pending,.fin-status-tag.submitted,.fin-status-tag.draft,.fin-status-tag.under_review,.tax-badge-pending,.fin-badge-warning{background-color:var(--fin-warning-bg);color:var(--fin-warning-text);border:1px solid var(--fin-warning-border)}.fin-status-tag.processing,.fin-status-tag.calculated,.fin-status-tag.partially_reconciled,.tax-badge-filed,.fin-badge-info{background-color:var(--fin-info-bg);color:var(--fin-info-text);border:1px solid var(--fin-info-border)}.fin-status-tag.failed,.fin-status-tag.rejected,.fin-status-tag.exception,.fin-status-tag.overdue{background-color:var(--fin-danger-bg);color:var(--fin-danger-text);border:1px solid var(--fin-danger-border)}.fin-badge-secondary{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.fin-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.fin-btn:focus-visible{outline:2px solid var(--fin-primary);outline-offset:2px}.fin-btn:disabled{opacity:.6;cursor:not-allowed}.fin-btn-primary{background-color:var(--fin-primary);color:#fff;border-color:var(--fin-primary)}.fin-btn-primary:hover:not(:disabled){background-color:var(--fin-primary-hover);box-shadow:0 2px 4px #0284c733}.fin-btn-secondary,.fin-btn-outline{color:var(--fin-text-body);background-color:#fff;border-color:#cbd5e1}.fin-btn-secondary:hover:not(:disabled),.fin-btn-outline:hover:not(:disabled){color:var(--fin-text-dark);background-color:#f8fafc;border-color:#94a3b8}.fin-btn-success{background-color:var(--fin-success);color:#fff;border-color:var(--fin-success)}.fin-btn-success:hover:not(:disabled){background-color:var(--fin-success-hover)}.fin-btn-danger{background-color:var(--fin-danger);color:#fff;border-color:var(--fin-danger)}.fin-btn-danger:hover:not(:disabled){background-color:var(--fin-danger-hover)}.fin-btn-sm{padding:5px 10px;font-size:.75rem}.tax-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tax-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.tax-grid-2,.tax-grid-3{grid-template-columns:1fr}}.tax-form-group,.fin-form-group{margin-bottom:14px}.tax-form-label,.tax-label,.fin-form-label{color:var(--fin-text-dark);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.tax-input,.tax-select,.fin-input,.fin-select{width:100%;color:var(--fin-text-dark);box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 12px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.tax-input:focus,.tax-select:focus,.fin-input:focus,.fin-select:focus{border-color:var(--fin-primary);box-shadow:0 0 0 2px #0284c726}.tax-input[readonly],.tax-input:disabled,.fin-input[readonly],.fin-field-readonly{color:#475569;cursor:default;background-color:#f1f5f9;border-color:#e2e8f0}.tax-modal-overlay,.fin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tax-modal,.fin-modal-container,.fin-modal-card{border:1px solid var(--fin-border);background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.15s ease-out finModalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes finModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tax-modal-header,.fin-modal-header{border-bottom:1px solid var(--fin-border);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tax-modal-header h3,.fin-modal-header h2,.fin-modal-title{color:var(--fin-text-dark);align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.tax-modal-close,.fin-modal-close{color:var(--fin-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:1.35rem;line-height:1;transition:color .15s}.tax-modal-close:hover,.fin-modal-close:hover{color:var(--fin-text-dark)}.fin-modal-body{flex:1;padding:20px;overflow-y:auto}.fin-modal-footer{border-top:1px solid var(--fin-border);background:#f8fafc;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.tax-empty-state,.fin-empty-state{text-align:center;color:var(--fin-text-muted);padding:48px 24px}.tax-empty-state h3,.fin-empty-state-title{color:var(--fin-text-dark);margin-top:8px;margin-bottom:4px;font-size:1rem;font-weight:700}.tax-empty-state p,.fin-empty-state-desc{max-width:420px;margin:0 auto;font-size:.8125rem}.tax-loading{text-align:center;color:var(--fin-text-muted);padding:40px}.spin,.animate-spin{animation:1s linear infinite spin}.fin-deadline-item{border:1px solid var(--fin-border);background-color:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;display:flex}.fin-deadline-info{flex-direction:column;gap:2px;display:flex}.fin-deadline-title{color:var(--fin-text-dark);font-size:.8125rem;font-weight:700}.fin-deadline-date{color:var(--fin-text-muted);font-size:.75rem}.fin-deadline-badge{background-color:var(--fin-warning-bg);color:var(--fin-warning-text);border:1px solid var(--fin-warning-border);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.fin-filter-toolbar{border:1px solid var(--fin-border);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.fin-filter-group{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:320px;display:flex}.fin-search-input-wrap{flex:280px;align-items:center;min-width:220px;max-width:420px;display:flex;position:relative}.fin-search-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.fin-search-input{width:100%;height:40px;color:var(--fin-text-dark);box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:0 36px;font-size:.85rem;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1)}.fin-search-input:hover{background-color:#fff;border-color:#cbd5e1}.fin-search-input:focus{border-color:var(--fin-primary);background-color:#fff;box-shadow:0 0 0 3px #0284c726}.fin-search-input::placeholder{color:#94a3b8;font-size:.825rem}.fin-search-clear-btn{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.fin-search-clear-btn:hover{color:#0f172a;background-color:#cbd5e1}.fin-select-wrap{align-items:center;display:inline-flex;position:relative}.fin-select{height:40px;color:var(--fin-text-dark);cursor:pointer;appearance:none;box-sizing:border-box;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:220px;max-width:320px;padding:0 36px 0 14px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.fin-select:hover{background-color:#fff;border-color:#cbd5e1}.fin-select:focus{border-color:var(--fin-primary);background-color:#fff;box-shadow:0 0 0 3px #0284c726}.fin-filter-stats{color:var(--fin-text-muted);white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:.825rem;font-weight:500}.fin-filter-stats strong{color:var(--fin-text-dark)}.fin-config-stepper-container{border:1px solid var(--fin-border);background:#fff;border-radius:12px;margin-bottom:24px;padding:10px 14px;box-shadow:0 2px 8px #00000008}.fin-config-stepper{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}@media (width>=1280px){.fin-config-stepper{grid-template-columns:repeat(7,1fr)}}.fin-config-step-btn{cursor:pointer;text-align:left;background-color:#f8fafc;border:1.5px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.fin-config-step-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.fin-config-step-btn.active{border-color:var(--fin-primary);background-color:#eff6ff;box-shadow:0 2px 6px #0284c71f}.fin-config-step-btn.reports-step{background-color:#f0fdf4;border-color:#bbf7d0}.fin-config-step-btn.reports-step:hover{background-color:#dcfce7;border-color:#86efac}.fin-config-step-btn.reports-step.active{color:#fff;background-color:#0284c7;border-color:#0369a1}.fin-config-step-btn.reports-step.active .fin-step-badge{color:#fff;background-color:#ffffff40}.fin-config-step-btn.reports-step.active .fin-step-title,.fin-config-step-btn.reports-step.active .fin-step-subtitle{color:#fff}.fin-step-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.fin-step-badge{width:20px;height:20px;color:var(--fin-text-dark);background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;transition:all .15s;display:flex}.fin-config-step-btn.active .fin-step-badge{background-color:var(--fin-primary);color:#fff}.fin-step-title{color:var(--fin-text-dark);align-items:center;gap:4px;margin-bottom:2px;font-size:.7875rem;font-weight:700;line-height:1.25;display:flex}.fin-config-step-btn.active .fin-step-title{color:var(--fin-primary)}.fin-step-subtitle{color:var(--fin-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6875rem;line-height:1.2;overflow:hidden}.fin-config-step-btn.active .fin-step-subtitle{color:#0369a1}.fin-config-bottom-nav{border:1px solid var(--fin-border);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.fin-config-step-indicator{color:var(--fin-text-muted);align-items:center;gap:8px;font-size:.825rem;display:flex}.fin-config-step-indicator strong{color:var(--fin-text-dark)}.fin-sync-admin-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0284c740}.fin-sync-admin-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 2px 6px #0284c759}.fin-admin-sync-banner{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;display:flex}.approval-center-container{background-color:var(--bg-main,#f8fafc);min-height:calc(100vh - 64px);color:var(--text-primary,#0f172a);padding:1.5rem}.approval-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.shield-icon{color:#2563eb;font-size:1.5rem}.approval-header h2{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.approval-header .subtitle{color:#64748b;margin-top:.25rem;font-size:.85rem}.approval-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.status-tabs{gap:.5rem;display:flex}.tab-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.tab-pill:hover{background:#f1f5f9}.tab-pill.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 3px #1d4ed840}.count-bubble{color:#fff;background:#ef4444;border-radius:9999px;padding:.1rem .4rem;font-size:.7rem}.search-box{min-width:300px;position:relative}.search-box input:focus{border-color:#2563eb;outline:none}.approval-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.approval-table{border-collapse:collapse;width:100%;font-size:.85rem}.approval-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-weight:600}.approval-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.approval-table tr.row-pending{background:#fffdfa}.approval-table tr:hover{background:#f8fafc}.client-name-cell{flex-direction:column;display:flex}.company-name{color:#0f172a;font-weight:700}.cst-code{color:#2563eb;font-family:monospace;font-size:.75rem;font-weight:600}.creator-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.owner-cell,.date-cell,.location-cell{color:#475569;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.btn-review-action{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-review-action:hover{color:#fff;background:#2563eb;border-color:#2563eb}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.status-badge.warning{color:#b45309;background:#fef3c7}.status-badge.info{color:#0369a1;background:#e0f2fe}.status-badge.success{color:#15803d;background:#dcfce7}.status-badge.danger{color:#991b1b;background:#fee2e2}.status-badge.neutral{color:#64748b;background:#f1f5f9}.modal-backdrop{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.review-modal-card{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-top{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.modal-code-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.modal-pre-title{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.75rem;font-weight:700}.modal-client-name{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.25rem}.btn-close-modal:hover{color:#0f172a}.alert-duplicate-warning{color:#92400e;background:#fffbeb;border-bottom:1px solid #fef3c7;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.85rem;display:flex}.alert-icon{color:#d97706;font-size:1.25rem}.modal-scroll-body{flex-direction:column;flex-grow:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.review-section .section-title{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 .75rem;padding-bottom:.35rem;font-size:.9rem;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.info-item.full-span{grid-column:1/-1}.info-item .lbl{color:#64748b;font-size:.72rem;font-weight:500;display:block}.info-item .val{color:#1e293b;font-size:.85rem;font-weight:600}.info-item .val.monospace{font-family:monospace}.info-item .val.highlight{color:#2563eb}.req-summary{color:#334155;margin:0;font-size:.85rem;line-height:1.4}.docs-list{flex-wrap:wrap;gap:.5rem;display:flex}.doc-pill{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.history-timeline{flex-direction:column;gap:.4rem;display:flex}.history-entry{color:#475569;font-size:.8rem}.history-entry .hist-action{color:#1e293b;font-weight:600}.history-entry.admin-remark{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.4rem .6rem}.modal-action-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.default-action-bar{justify-content:space-between;align-items:center;display:flex}.right-btns{gap:.75rem;display:flex}.btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-approve:hover{background:#15803d}.btn-request-changes{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #1d4ed833}.btn-request-changes:hover{background:#1e40af}.btn-reject{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-reject:hover{background:#fef2f2;border-color:#ef4444}.btn-reopen{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.action-confirm-box{flex-direction:column;gap:.75rem;display:flex}.action-title{font-size:.95rem;font-weight:700}.approve-head{color:#16a34a}.changes-head{color:#1d4ed8}.reject-head{color:#dc2626}.action-confirm-box textarea{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.5rem;font-size:.85rem}.action-confirm-box textarea:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed826}.confirm-btns{justify-content:flex-end;gap:.75rem;display:flex}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.45rem .85rem;font-size:.85rem}.btn-submit-action{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.btn-submit-action.approve{background:#16a34a}.btn-submit-action.request_changes{background:#1d4ed8}.btn-submit-action.reject{background:#dc2626}.btn-submit-action.reopen{background:#4f46e5}.action-error-msg{color:#dc2626;font-size:.8rem;font-weight:600}.table-loading,.table-empty,.modal-loading{text-align:center;color:#64748b;padding:3rem 1rem}.temp-id-tag{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.15rem .5rem;font-family:monospace;font-size:.75rem;font-weight:600}.contacts-review-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:.5rem;overflow-x:auto}.contacts-review-table{border-collapse:collapse;width:100%;font-size:.8rem}.contacts-review-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.5rem .75rem;font-weight:600}.contacts-review-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.5rem .75rem}.primary-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.primary-pill.mini{padding:.1rem .35rem;font-size:.65rem}.alt-pill{color:#64748b;background:#f1f5f9;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.account-pill{border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.account-pill.active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.account-pill.pending{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.account-pill.mini{padding:.1rem .35rem;font-size:.65rem}.customer-login-provision-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin-top:.5rem;padding:1rem}.login-panel-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.login-panel-title{color:#1e293b;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:flex}.login-panel-title .key-icon{color:#1d4ed8}.login-panel-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.login-panel-desc{color:#64748b;margin:0 0 .85rem;font-size:.78rem;line-height:1.4}.portal-mode-selector{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.mode-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;transition:all .15s;display:flex}.mode-card:hover{border-color:#93c5fd}.mode-card.active{background:#f0f7ff;border-color:#1d4ed8;box-shadow:0 1px 3px #1d4ed826}.mode-card input[type=radio]{accent-color:#1d4ed8;margin-top:.2rem}.mode-content{flex-direction:column;display:flex}.mode-content strong{color:#0f172a;font-size:.8rem}.mode-content span{color:#64748b;margin-top:.15rem;font-size:.7rem;line-height:1.3}.contact-credentials-list{flex-direction:column;gap:.75rem;display:flex}.contact-cred-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;transition:all .15s}.contact-cred-card.card-selected{background:#fafcff;border-color:#bfdbfe}.cred-card-top{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.4rem;display:flex}.cred-contact-header{align-items:center;gap:.5rem;display:flex}.cred-checkbox{accent-color:#1d4ed8;cursor:pointer;width:16px;height:16px}.cred-contact-name{color:#0f172a;margin-right:.4rem;font-size:.825rem;font-weight:700}.cred-email-tag{color:#64748b;font-family:monospace;font-size:.725rem}.cred-inputs-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.cred-field{flex-direction:column;gap:.25rem;display:flex}.cred-field label{color:#475569;font-size:.725rem;font-weight:600}.input-with-icon,.input-with-icon-pwd{align-items:center;display:flex;position:relative}.field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.6rem}.input-with-icon input,.input-with-icon-pwd input{background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:100%;padding:.4rem .6rem .4rem 2rem;font-size:.8rem}.input-with-icon-pwd input{padding-right:2rem}.input-with-icon input:focus,.input-with-icon-pwd input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed81f}.pwd-label-row{justify-content:space-between;align-items:center;display:flex}.btn-gen-pwd{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:.25rem;padding:.1rem .4rem;font-size:.675rem;font-weight:600;display:inline-flex}.btn-gen-pwd:hover{background:#dbeafe}.btn-pwd-eye{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;display:flex;position:absolute;right:.5rem}.btn-pwd-eye:hover{color:#475569}.action-success-msg{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.825rem;font-weight:600;display:flex}:root{--mkt-slate-900:#0f172a;--mkt-slate-800:#1e293b;--mkt-slate-700:#334155;--mkt-slate-600:#475569;--mkt-slate-500:#64748b;--mkt-slate-300:#cbd5e1;--mkt-slate-200:#e2e8f0;--mkt-slate-100:#f1f5f9;--mkt-slate-50:#f8fafc;--mkt-cobalt:#1d4ed8;--mkt-cobalt-dark:#1e40af;--mkt-cobalt-light:#eff6ff;--mkt-cobalt-border:#bfdbfe;--mkt-amber:#b45309;--mkt-amber-dark:#92400e;--mkt-amber-light:#fffbeb;--mkt-amber-border:#fde68a;--mkt-green:#15803d;--mkt-green-dark:#166534;--mkt-green-light:#f0fdf4;--mkt-green-border:#bbf7d0;--mkt-red:#b91c1c;--mkt-red-dark:#991b1b;--mkt-red-light:#fef2f2;--mkt-red-border:#fecaca;--mkt-indigo:#4338ca;--mkt-indigo-light:#eef2ff;--mkt-indigo-border:#c7d2fe}.marketing-dashboard-page{min-height:calc(100vh - 60px);color:var(--mkt-slate-800);background-color:#f4f6f9;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mkt-header-bar{border-bottom:1px solid var(--mkt-slate-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.mkt-header-title-wrap{align-items:center;gap:14px;display:flex}.mkt-title-icon{background:var(--mkt-slate-900);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #0f172a26}.mkt-header-eyebrow{letter-spacing:.08em;color:var(--mkt-slate-500);margin-bottom:2px;font-size:10px;font-weight:700}.mkt-page-title{color:var(--mkt-slate-900);letter-spacing:-.01em;margin:0 0 3px;font-size:20px;font-weight:700}.mkt-page-subtitle{color:var(--mkt-slate-600);margin:0;font-size:12.5px}.mkt-header-actions{align-items:center;gap:10px;display:flex}.mkt-btn-primary{background-color:var(--mkt-cobalt);color:#fff;border:1px solid var(--mkt-cobalt-dark);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #1d4ed833}.mkt-btn-primary:hover{background-color:var(--mkt-cobalt-dark)}.mkt-btn-primary:focus-visible,.mkt-btn-secondary:focus-visible,.mkt-metric-card:focus-visible,.mkt-action-card:focus-visible,.mkt-waterfall-row:focus-visible{outline:2px solid var(--mkt-cobalt);outline-offset:2px}.mkt-btn-secondary{color:var(--mkt-slate-700);border:1px solid var(--mkt-slate-300);cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.mkt-btn-secondary:hover{background-color:var(--mkt-slate-50);border-color:var(--mkt-slate-400,#94a3b8);color:var(--mkt-slate-900)}.btn-compact{padding:5px 10px;font-size:12px}.mkt-metrics-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px;display:grid}@media (width<=1400px){.mkt-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.mkt-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mkt-metrics-grid{grid-template-columns:1fr}}.mkt-metric-card{border:1px solid var(--mkt-slate-200);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;padding:14px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.mkt-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.mkt-metric-card.theme-cobalt{border-top:3px solid var(--mkt-cobalt)}.mkt-metric-card.theme-amber{border-top:3px solid var(--mkt-amber)}.mkt-metric-card.theme-indigo{border-top:3px solid var(--mkt-indigo)}.mkt-metric-card.theme-red{border-top:3px solid var(--mkt-red)}.mkt-metric-card.theme-green{border-top:3px solid var(--mkt-green)}.mkt-metric-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mkt-metric-label{color:var(--mkt-slate-600);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.mkt-metric-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon-cobalt{background:var(--mkt-cobalt-light);color:var(--mkt-cobalt)}.icon-amber{background:var(--mkt-amber-light);color:var(--mkt-amber)}.icon-indigo{background:var(--mkt-indigo-light);color:var(--mkt-indigo)}.icon-red{background:var(--mkt-red-light);color:var(--mkt-red)}.icon-green{background:var(--mkt-green-light);color:var(--mkt-green)}.mkt-metric-value{color:var(--mkt-slate-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.mkt-metric-footer{margin-top:auto}.mkt-stat-badge{border-radius:4px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-block}.badge-neutral-cobalt{background-color:var(--mkt-cobalt-light);color:var(--mkt-cobalt-dark);border:1px solid var(--mkt-cobalt-border)}.badge-alert-amber{background-color:var(--mkt-amber-light);color:var(--mkt-amber-dark);border:1px solid var(--mkt-amber-border)}.badge-tech-indigo{background-color:var(--mkt-indigo-light);color:var(--mkt-indigo);border:1px solid var(--mkt-indigo-border)}.badge-critical-red{background-color:var(--mkt-red-light);color:var(--mkt-red-dark);border:1px solid var(--mkt-red-border)}.badge-verified-green{background-color:var(--mkt-green-light);color:var(--mkt-green-dark);border:1px solid var(--mkt-green-border)}.mkt-target-banner{border:1px solid var(--mkt-slate-200);border-left:4px solid var(--mkt-cobalt);background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.mkt-target-left{align-items:center;gap:12px;display:flex}.mkt-target-icon{background:var(--mkt-slate-100);width:36px;height:36px;color:var(--mkt-cobalt);border-radius:6px;justify-content:center;align-items:center;display:flex}.mkt-target-heading{color:var(--mkt-slate-900);font-size:14px;font-weight:700}.mkt-target-sub{color:var(--mkt-slate-600);font-size:12px}.mkt-target-right{align-items:center;gap:16px;display:flex}.mkt-target-metric{flex-direction:column;align-items:flex-end;display:flex}.mkt-target-rate-label{color:var(--mkt-slate-500);text-transform:uppercase;font-size:10.5px;font-weight:600}.mkt-target-rate-val{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.rate-won{color:var(--mkt-green)}.rate-active{color:var(--mkt-cobalt)}.mkt-main-grid{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}@media (width<=1100px){.mkt-main-grid{grid-template-columns:1fr}}.mkt-panel{border:1px solid var(--mkt-slate-200);background:#fff;border-radius:8px;margin-bottom:20px;padding:16px 18px;box-shadow:0 1px 3px #00000008}.mkt-panel-header{border-bottom:1px solid var(--mkt-slate-100);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.mkt-panel-title{color:var(--mkt-slate-900);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.text-slate-primary{color:var(--mkt-slate-700)}.mkt-counter-pill{background-color:var(--mkt-slate-100);color:var(--mkt-slate-700);border:1px solid var(--mkt-slate-200);border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.mkt-panel-actions{align-items:center;gap:12px;display:flex}.mkt-filter-hint{color:var(--mkt-slate-500);font-size:11.5px}.mkt-link-action{color:var(--mkt-cobalt);align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.mkt-link-action:hover{text-decoration:underline}.mkt-funnel-waterfall{flex-direction:column;gap:4px;display:flex}.mkt-waterfall-row{cursor:pointer;border-radius:6px;grid-template-columns:190px 1fr 65px;align-items:center;gap:12px;padding:6px 10px;transition:background-color .12s;display:grid}.mkt-waterfall-row:hover{background-color:var(--mkt-slate-50)}.mkt-waterfall-row.row-active{background-color:#f8fafc;border:1px solid #e2e8f0}.mkt-waterfall-row.row-active:hover{background-color:#f1f5f9}.mkt-waterfall-row.row-zero{opacity:.65}.mkt-waterfall-row.row-zero:hover{opacity:.95}.mkt-waterfall-label{align-items:center;gap:8px;min-width:0;display:flex}.mkt-stage-indicator{border-radius:2px;flex-shrink:0;width:8px;height:8px}.indicator-stage-empty{background-color:var(--mkt-slate-300)}.indicator-stage-won{background-color:var(--mkt-green)}.indicator-stage-lost{background-color:var(--mkt-red)}.indicator-stage-quote{background-color:var(--mkt-amber)}.indicator-stage-sample{background-color:var(--mkt-indigo)}.indicator-stage-active{background-color:var(--mkt-cobalt)}.mkt-stage-text{color:var(--mkt-slate-800);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.row-active .mkt-stage-text{color:var(--mkt-slate-900);font-weight:700}.mkt-waterfall-track{background-color:var(--mkt-slate-100);border-radius:4px;align-items:center;height:18px;display:flex;position:relative;overflow:hidden}.mkt-waterfall-empty-line{background:repeating-linear-gradient(90deg,#cbd5e1 0 4px,#0000 4px 8px);width:100%;height:1px}.mkt-waterfall-bar{border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 -1px #00000026}.bar-stage-won{background-color:var(--mkt-green)}.bar-stage-lost{background-color:var(--mkt-red)}.bar-stage-quote{background-color:var(--mkt-amber)}.bar-stage-sample{background-color:var(--mkt-indigo)}.bar-stage-active{background-color:var(--mkt-cobalt)}.mkt-waterfall-bar-inner-val{color:#fff;font-size:10px;font-weight:800;line-height:1}.mkt-waterfall-meta{text-align:right}.mkt-waterfall-zero-text{color:var(--mkt-slate-400,#94a3b8);font-size:12px;font-weight:600}.mkt-waterfall-badge{border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.badge-stage-won{background:var(--mkt-green-light);color:var(--mkt-green-dark);border:1px solid var(--mkt-green-border)}.badge-stage-lost{background:var(--mkt-red-light);color:var(--mkt-red-dark);border:1px solid var(--mkt-red-border)}.badge-stage-quote{background:var(--mkt-amber-light);color:var(--mkt-amber-dark);border:1px solid var(--mkt-amber-border)}.badge-stage-sample{background:var(--mkt-indigo-light);color:var(--mkt-indigo);border:1px solid var(--mkt-indigo-border)}.badge-stage-active{background:var(--mkt-cobalt-light);color:var(--mkt-cobalt-dark);border:1px solid var(--mkt-cobalt-border)}.mkt-funnel-footer{border-top:1px solid var(--mkt-slate-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:10px;display:flex}.mkt-funnel-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.legend-item{color:var(--mkt-slate-600);align-items:center;gap:5px;font-size:11px;display:inline-flex}.dot-cobalt{background:var(--mkt-cobalt)}.dot-amber{background:var(--mkt-amber)}.dot-green{background:var(--mkt-green)}.dot-red{background:var(--mkt-red)}.mkt-btn-compact-link{color:var(--mkt-cobalt);align-items:center;gap:4px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.mkt-btn-compact-link:hover{text-decoration:underline}.mkt-tab-pills{background-color:var(--mkt-slate-100);border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.mkt-tab-pill{color:var(--mkt-slate-600);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.mkt-tab-pill.tab-active{color:var(--mkt-slate-900);background-color:#fff;box-shadow:0 1px 2px #00000014}.mkt-standard-empty-state{text-align:center;background-color:var(--mkt-slate-50);border:1px dashed var(--mkt-slate-200);border-radius:6px;padding:24px 16px}.mkt-standard-empty-state.compact{color:var(--mkt-slate-600);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12.5px;display:flex}.mkt-standard-empty-state.compact-lead{padding:18px 12px}.mkt-empty-icon-box{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;display:flex}.bg-verified{background:var(--mkt-green-light)}.text-verified{color:var(--mkt-green)}.bg-slate{background:var(--mkt-slate-200)}.mkt-empty-title{color:var(--mkt-slate-900);margin-bottom:4px;font-size:13.5px;font-weight:700}.mkt-empty-desc{color:var(--mkt-slate-600);max-width:400px;margin:0 auto 12px;font-size:12px;line-height:1.4}.mkt-empty-actions{justify-content:center;gap:8px;display:flex}.mkt-table-container{overflow-x:auto}.mkt-industrial-table{border-collapse:collapse;width:100%;font-size:12.5px}.mkt-industrial-table th{text-align:left;background-color:var(--mkt-slate-100);color:var(--mkt-slate-700);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--mkt-slate-200);padding:8px 10px;font-size:10.5px;font-weight:700}.mkt-industrial-table td{border-bottom:1px solid var(--mkt-slate-100);color:var(--mkt-slate-800);padding:9px 10px}.mkt-industrial-table tr:hover td{background-color:var(--mkt-slate-50);cursor:pointer}.cell-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11.5px}.text-cobalt{color:var(--mkt-cobalt)}.text-critical{color:var(--mkt-red-dark);font-weight:700}.cell-muted{color:var(--mkt-slate-600)}.cell-primary{color:var(--mkt-slate-900)}.mkt-tag-pill{background:var(--mkt-slate-100);color:var(--mkt-slate-700);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.mkt-action-stack{flex-direction:column;gap:8px;display:flex}.mkt-action-card{border:1px solid var(--mkt-slate-200);background:#fff;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .15s;display:flex}.mkt-action-card:hover{background-color:var(--mkt-slate-50);border-color:var(--mkt-slate-300);transform:translate(2px)}.mkt-action-card.action-quote{border-left:3px solid var(--mkt-indigo)}.mkt-action-card.action-lead{border-left:3px solid var(--mkt-cobalt)}.mkt-action-card.action-client{border-left:3px solid var(--mkt-amber)}.mkt-action-card.action-tender{border-left:3px solid var(--mkt-slate-700)}.mkt-action-card.action-partner{border-left:3px solid var(--mkt-green)}.mkt-action-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-quote{background:var(--mkt-indigo-light);color:var(--mkt-indigo)}.icon-lead{background:var(--mkt-cobalt-light);color:var(--mkt-cobalt)}.icon-client{background:var(--mkt-amber-light);color:var(--mkt-amber)}.icon-tender{background:var(--mkt-slate-100);color:var(--mkt-slate-700)}.icon-partner{background:var(--mkt-green-light);color:var(--mkt-green)}.mkt-action-details{flex:1;min-width:0}.mkt-action-title{color:var(--mkt-slate-900);font-size:13px;font-weight:700;line-height:1.2}.mkt-action-desc{color:var(--mkt-slate-500);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mkt-action-arrow{color:var(--mkt-slate-400,#94a3b8)}.mkt-lead-stack{flex-direction:column;gap:8px;display:flex}.mkt-lead-card{border:1px solid var(--mkt-slate-200);cursor:pointer;background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 11px;transition:all .12s;display:flex}.mkt-lead-card:hover{background-color:var(--mkt-slate-50);border-color:var(--mkt-slate-300)}.mkt-lead-main{flex:1;min-width:0}.mkt-lead-row-top{align-items:center;gap:6px;margin-bottom:2px;display:flex}.mkt-lead-name{color:var(--mkt-slate-900);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.mkt-mono-chip{background-color:var(--mkt-slate-100);color:var(--mkt-slate-700);border:1px solid var(--mkt-slate-200);border-radius:3px;padding:1px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10px}.mkt-lead-meta-row{color:var(--mkt-slate-500);align-items:center;gap:5px;font-size:11px;display:flex}.mkt-meta-sep{color:var(--mkt-slate-300)}.mkt-lead-badge{border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-block}.badge-new{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe}.badge-contacted{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.badge-qualified{color:#047857;background-color:#d1fae5;border:1px solid #a7f3d0}.badge-converted{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-lost{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}@keyframes mkt-spin{to{transform:rotate(360deg)}}.lead-management-page{background-color:var(--bg-primary,#f8fafc);color:#1e293b;min-height:calc(100vh - 64px);padding:24px}.lead-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lead-title-wrap{align-items:center;gap:12px;display:flex}.lead-icon-box{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lead-title{color:#0f172a;margin:0 0 2px;font-size:20px;font-weight:700}.lead-subtitle{color:#64748b;margin:0;font-size:13px}.lead-actions{align-items:center;gap:10px;display:flex}.btn-refresh{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-add-lead{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-add-lead:hover{background:#1e40af;transform:translateY(-1px)}.lead-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.search-box{flex:1;min-width:260px;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:7px 30px 7px 32px;font-size:13px}.filter-group label{color:#475569;font-size:12px;font-weight:600}.filter-group select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:12px}.lead-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.lead-table{border-collapse:collapse;width:100%;font-size:13px}.lead-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:600}.lead-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.lead-company-name{align-items:center;gap:8px;display:flex}.dupe-indicator-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.source-pill{color:#334155;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px}.priority-pill{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.priority-low{color:#475569;background:#f1f5f9}.priority-medium{color:#1d4ed8;background:#eff6ff}.priority-high{color:#b45309;background:#fffbeb}.priority-urgent{color:#b91c1c;background:#fef2f2}.status-pill{border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600}.followup-date{color:#334155;align-items:center;gap:4px;font-size:12px;display:inline-flex}.followup-date.overdue{color:#dc2626;font-weight:700}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-row-action{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:600}.btn-row-action-primary{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.btn-row-action-primary:hover{color:#fff;background:#2563eb}.lead-modal-card{background:#fff;border-radius:12px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.form-section-title{color:#2563eb;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;margin:18px 0 12px;padding-bottom:6px;font-size:13px;font-weight:700}.dupe-warning-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.dupe-icon{color:#d97706;flex-shrink:0;margin-top:2px}.dupe-warning-banner strong{color:#92400e;font-size:13px;display:block}.dupe-warning-banner p{color:#78350f;margin:3px 0 8px;font-size:12px}.btn-dupe-link{color:#2563eb;font-size:11px;font-weight:600;text-decoration:underline;display:inline-block}.checking-text{color:#64748b;font-size:11px;font-style:italic}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:14px;display:flex}.pagination-bar{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.page-btns{gap:6px;display:flex}.page-btns button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 10px;font-size:12px}.page-btns button:disabled{opacity:.5;cursor:not-allowed}.lead-loading,.lead-empty-state{text-align:center;color:#64748b;padding:40px 16px}.lead-empty-state h3{color:#1e293b;margin:12px 0 4px}.my-clients-page{background-color:var(--bg-primary,#f8fafc);color:#1e293b;min-height:calc(100vh - 64px);padding:24px}.clients-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.clients-title-wrap{align-items:center;gap:12px;display:flex}.clients-icon-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 4px #1d4ed81a}.clients-page-title{color:#0f172a;letter-spacing:-.015em;margin:0 0 2px;font-size:20px;font-weight:700}.clients-page-subtitle{color:#64748b;margin:0;font-size:13px}.clients-actions{align-items:center;gap:10px;display:flex}.btn-refresh:hover{color:#0f172a;background:#f8fafc}.btn-register-client{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-register-client:hover{background:#1e40af;transform:translateY(-1px)}.workspace-mode-selector{gap:10px;margin-bottom:14px;display:flex}.mode-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.mode-btn:hover{color:#1e293b;background:#f8fafc}.mode-btn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 6px #1d4ed840}.governance-banner{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;line-height:1.4}.banner-temp{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.banner-official{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.clients-tabs-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:6px;display:flex;overflow-x:auto}.tab-btn:hover{color:#0f172a;background:#f1f5f9}.tab-btn.active{color:#1d4ed8;background:#eff6ff}.clients-search-bar{margin-bottom:16px}.search-box{max-width:450px;position:relative}.search-box .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed826}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clients-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.clients-table{border-collapse:collapse;width:100%;font-size:13px}.clients-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:600}.clients-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.row-temp-client{background-color:#fff}.row-temp-client:hover{background-color:#fcfdfe}.row-official-client{background-color:#fff}.row-official-client:hover{background-color:#f0fdf4}.temp-id-badge{color:#b45309;letter-spacing:.02em;background:#fffbeb;border:1px dashed #f59e0b;border-radius:4px;padding:2px 7px;font-size:11.5px;display:inline-block}.official-id-badge{color:#166534;letter-spacing:.02em;background:#f0fdf4;border:1px solid #86efac;border-radius:4px;padding:2px 7px;font-size:11.5px;display:inline-block}.status-pill{letter-spacing:.02em;border-radius:9999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.status-submitted{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-changes-requested{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.status-approved{color:#166534;background:#f0fdf4;border:1px solid #86efac}.client-cat-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px}.remarks-cell-text{white-space:nowrap;text-overflow:ellipsis;color:#d97706;max-width:180px;font-size:12px;font-weight:500;overflow:hidden}.client-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-client-edit{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-client-edit:hover{color:#0f172a;background:#e2e8f0}.btn-highlight-resubmit{color:#b45309;background:#fffbeb;border-color:#fde68a;font-weight:700}.btn-highlight-resubmit:hover{background:#fef3c7}.locked-tag{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:inline-flex}.btn-create-opp-sm{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s}.btn-create-opp-sm:hover{color:#1e40af;background:#dbeafe}.btn-view-360{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none}.clients-loading,.clients-empty-state{text-align:center;color:#64748b;padding:40px 16px}.clients-empty-state h3{color:#1e293b;margin:12px 0 4px}.client-form-page{background-color:var(--bg-primary,#f8fafc);color:#1e293b;min-height:calc(100vh - 64px);padding:24px}.client-form-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.back-link{color:#64748b;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:#2563eb}.title-with-badge{align-items:center;gap:10px;display:flex}.title-with-badge h1{color:#0f172a;margin:0;font-size:20px;font-weight:700}.status-badge-header{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.status-submitted{color:#1d4ed8;background:#eff6ff}.status-changes-requested{color:#b45309;background:#fffbeb}.status-approved{color:#15803d;background:#f0fdf4}.status-rejected{color:#b91c1c;background:#fef2f2}.form-subtext{color:#64748b;margin:4px 0 0;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.btn-draft{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-submit-appr{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-submit-appr:hover{background:#1e40af;transform:translateY(-1px)}.submitted-notice-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.admin-remarks-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.remarks-icon{color:#d97706;flex-shrink:0;margin-top:2px}.admin-remarks-banner strong{color:#92400e;font-size:13px}.admin-remarks-banner p{color:#78350f;margin:4px 0 6px;font-size:13px}.form-alert-banner{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.form-tabs-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:22px;box-shadow:0 1px 3px #0000000d}.section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;display:flex}.section-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.mt-6{margin-top:24px}.mt-4{margin-top:16px}.contacts-header-flex{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.btn-add-contact{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-add-contact:hover{color:#fff;background:#2563eb}.empty-contacts-box{text-align:center;color:#64748b;padding:40px 16px}.contacts-table-wrap{overflow-x:auto}.contacts-table{border-collapse:collapse;width:100%;font-size:13px}.contacts-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:600}.contacts-table td{border-bottom:1px solid #f1f5f9;padding:12px}.primary-contact-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.btn-make-primary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-size:10px}.icon-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.icon-action-btn.text-red:hover{color:#dc2626}.contact-modal-card{background:#fff;border-radius:12px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.opp-workspace-page{background-color:var(--bg-primary,#f8fafc);color:#1e293b;min-height:calc(100vh - 64px);padding:24px}.opp-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.opp-title-wrap{align-items:center;gap:14px;display:flex}.opp-icon-box{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 5px #0000000d}.icon-box-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.icon-box-purple{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.opp-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 3px;font-size:22px;font-weight:700}.opp-subtitle{color:#64748b;margin:0;font-size:13px}.opp-actions{align-items:center;gap:10px;display:flex}.btn-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-refresh:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.btn-create-opp{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-create-opp:hover{background:#1e40af;transform:translateY(-1px)}.btn-expected-sample{background:#7e22ce;box-shadow:0 2px 6px #7e22ce40}.btn-expected-sample:hover{background:#6b21a8}.bg-purple{background:#7e22ce!important}.bg-purple:hover{background:#6b21a8!important}.opp-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.opp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:14px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.opp-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.kpi-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-purple .kpi-icon-wrap{color:#7e22ce;background:#faf5ff;border:1px solid #f3e8ff}.card-blue .kpi-icon-wrap{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.card-green .kpi-icon-wrap{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.card-amber .kpi-icon-wrap{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.kpi-info{flex-direction:column;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:12px;font-weight:600}.kpi-value{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.kpi-subtext{color:#94a3b8;margin-top:3px;font-size:11px}.opp-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-icon{color:#94a3b8;position:absolute;left:12px}.search-box input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 34px 8px 36px;font-size:13px;transition:border-color .15s}.search-box input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;right:10px}.clear-search-btn:hover{color:#475569}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:#475569;white-space:nowrap;font-size:12px;font-weight:600}.filter-group select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 12px;font-size:13px}.filter-group select:focus{border-color:#1d4ed8}.results-count-badge{color:#64748b;background:#f1f5f9;border-radius:20px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:700}.opp-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000008}.opp-table{border-collapse:collapse;width:100%;font-size:13px}.opp-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:11px;font-weight:600}.opp-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.opp-table tr:hover{background-color:#f8fafc}.text-purple{color:#7e22ce!important}.cst-pill{color:#1d4ed8;background:#eff6ff;border-radius:3px;margin-right:4px;padding:1px 5px;font-family:monospace;font-weight:700;display:inline-block}.opp-cat-tag{color:#1d4ed8;background:#eff6ff;border-radius:4px;margin-bottom:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.opp-stage-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.stage-select-closed-won{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.stage-select-sample-expected{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.stage-select-sample-received,.stage-select-sample-received-in-lab{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.stage-select-closed-lost{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.lims-status-box{flex-direction:column;gap:3px;display:flex}.lims-id-tag{color:#2563eb;font-family:monospace;font-size:11px;font-weight:700}.lims-badge-online{color:#047857;background:#ecfdf5;border-radius:4px;width:fit-content;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.sample-expected-box{color:#7e22ce;background:#faf5ff;border:1px solid #f3e8ff;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.expected-date-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:5px;margin-bottom:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.delivery-route-tag{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.sample-notes-preview{text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:4px;font-style:italic;overflow:hidden}.opp-action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-action-confirm{color:#7e22ce;cursor:pointer;background:#faf5ff;border:1px solid #e9d5ff;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-action-confirm:hover{color:#fff;background:#7e22ce}.confirmed-tag{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn-action-view{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s}.btn-action-view:hover{color:#0f172a;background:#e2e8f0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.opp-modal-card{background:#fff;border-radius:12px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.modal-title{align-items:center;gap:8px;display:flex}.modal-title h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.close-btn:hover{color:#475569}.modal-form{padding:20px}.modal-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px;display:grid}.form-section-title{text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid #f1f5f9;margin:16px 0 10px;padding-bottom:4px;font-size:12px;font-weight:700}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#334155;font-size:12px;font-weight:600}.form-group label.required:after{content:" *";color:#dc2626}.form-group input,.form-group select,.form-group textarea{color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:14px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.btn-cancel:hover{background:#f1f5f9}.btn-submit{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600}.btn-submit:hover{background:#1e40af}.btn-submit.bg-emerald{background:#059669}.btn-submit.bg-emerald:hover{background:#047857}.opp-loading,.opp-empty-state{text-align:center;color:#64748b;padding:48px 16px}.opp-empty-state h3{color:#1e293b;margin:14px 0 6px;font-size:16px}.opp-empty-state p{max-width:480px;margin:0 auto 16px;font-size:13px;line-height:1.5}.empty-state-actions{justify-content:center;align-items:center;gap:12px;display:flex}.btn-secondary-link{color:#1d4ed8;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary-link:hover{text-decoration:underline}.spinning{animation:1s linear infinite spin}.activities-hub-page{background-color:var(--bg-primary,#f8fafc);color:#1e293b;min-height:calc(100vh - 64px);padding:24px}.act-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.act-title-wrap{align-items:center;gap:12px;display:flex}.act-icon-box{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.act-page-title{color:#0f172a;margin:0 0 2px;font-size:20px;font-weight:700}.act-page-subtitle{color:#64748b;margin:0;font-size:13px}.act-header-actions{align-items:center;gap:10px;display:flex}.btn-log-act{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-log-act:hover{background:#1e40af;transform:translateY(-1px)}.act-tabs-bar{align-items:center;gap:10px;margin-bottom:20px;display:flex;overflow-x:auto}.act-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.act-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1}.act-tab-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb33}.act-tab-btn.tab-overdue.active{background:#dc2626;border-color:#dc2626}.act-content-card{background:0 0}.act-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.act-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px;transition:transform .15s;display:flex;box-shadow:0 1px 3px #0000000d}.act-card-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.act-card-item.item-overdue{border-left:4px solid #dc2626}.act-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.act-type-badge{color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.act-date-meta{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.act-summary-title{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.3}.act-company-line{color:#334155;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.act-discussion-preview{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.act-next-action-box{color:#334155;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;margin-bottom:12px;padding:6px 10px;font-size:11px}.act-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.act-outcome-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.btn-mark-done{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn-mark-done:hover{color:#fff;background:#10b981}.act-modal-card{background:#fff;border-radius:12px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.act-loading,.act-empty-state{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:48px 16px}.act-empty-state h3{color:#1e293b;margin:12px 0 4px}.customer-timeline-container{background-color:var(--bg-main,#f8fafc);min-height:calc(100vh - 64px);color:var(--text-primary,#0f172a);padding:1.5rem}.timeline-page-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.timeline-page-header .btn-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.timeline-page-header .btn-back:hover{color:#0f172a}.timeline-page-header h2{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.timeline-page-header .subtitle{color:#64748b;margin-top:.25rem;font-size:.85rem}.btn-refresh{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-refresh:hover{background-color:#f1f5f9;border-color:#94a3b8}.timeline-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.timeline-customer-selector{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000a}.selector-search{margin-bottom:1rem;position:relative}.selector-search .search-icon{color:#94a3b8;font-size:.9rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.selector-search input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.85rem}.selector-search input:focus{background-color:#fff;border-color:#2563eb;outline:none}.selector-list{flex-direction:column;gap:.5rem;max-height:calc(100vh - 260px);display:flex;overflow-y:auto}.customer-select-card{cursor:pointer;background:#fdfdfd;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;transition:all .15s}.customer-select-card:hover{background:#f0f7ff;border-color:#93c5fd}.customer-select-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.customer-select-card .card-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.customer-code{color:#475569;font-family:monospace;font-size:.75rem;font-weight:600}.status-pill{text-transform:capitalize;border-radius:9999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.customer-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.88rem;font-weight:600;overflow:hidden}.customer-meta{color:#64748b;gap:.35rem;font-size:.75rem;display:flex}.timeline-main-content{flex-direction:column;gap:1.5rem;display:flex}.customer-banner-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.banner-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.banner-code-row{align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.banner-code{color:#334155;background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.8rem;font-weight:700}.banner-title{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.banner-kpis{gap:1rem;display:flex}.kpi-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem}.kpi-num{color:#1e293b;font-size:1.25rem;font-weight:700;display:block}.kpi-label{color:#64748b;font-size:.75rem;font-weight:500}.banner-details-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.detail-item{align-items:center;gap:.75rem;display:flex}.detail-icon{color:#64748b;font-size:1.1rem}.detail-item .lbl{color:#64748b;font-size:.75rem;display:block}.detail-item .val{color:#1e293b;font-size:.85rem;font-weight:600}.timeline-stream-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.section-title{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.05rem;font-weight:700;display:flex}.timeline-stream{flex-direction:column;display:flex}.timeline-event-card{grid-template-columns:48px 1fr;gap:1rem;padding-bottom:1.5rem;display:grid;position:relative}.event-marker{flex-direction:column;align-items:center;display:flex}.timeline-icon{color:#475569;z-index:2;background:#f1f5f9;border-radius:50%;width:36px;height:36px;padding:8px}.timeline-icon.lead{color:#4338ca;background:#e0e7ff}.timeline-icon.opp{color:#1d4ed8;background:#dbeafe}.timeline-icon.approval{color:#b45309;background:#fef3c7}.timeline-icon.sample-exp{color:#be185d;background:#fce7f3}.timeline-icon.lims{color:#0369a1;background:#e0f2fe}.timeline-icon.report{color:#15803d;background:#dcfce7}.event-line{background:#e2e8f0;flex-grow:1;width:2px;margin-top:4px}.event-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.9rem 1.1rem}.event-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.event-title-group{align-items:center;gap:.75rem;display:flex}.event-title{color:#0f172a;font-size:.95rem;font-weight:700}.event-timestamp{color:#64748b;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.event-description{color:#334155;margin-bottom:.65rem;font-size:.85rem;line-height:1.4}.event-metadata{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.meta-pill{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.event-author{color:#64748b;font-size:.75rem;font-style:italic}.badge{border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-info{color:#075985;background:#e0f2fe}.badge-danger{color:#991b1b;background:#fee2e2}.badge-neutral{color:#475569;background:#f1f5f9}.timeline-loading-state,.timeline-error-state,.no-selection-state,.timeline-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:3rem 1rem}.large-icon{color:#94a3b8;margin-bottom:1rem;font-size:2.5rem}.error-icon{color:#ef4444;margin-bottom:.5rem;font-size:2rem}.marketing-reports-container{background-color:var(--bg-main,#f8fafc);min-height:calc(100vh - 64px);color:var(--text-primary,#0f172a);padding:1.5rem}.reports-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.reports-page-header h2{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.reports-page-header .subtitle{color:#64748b;margin-top:.25rem;font-size:.85rem}.btn-secondary{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background-color:#f1f5f9}.reports-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.report-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1.1rem;display:flex;box-shadow:0 1px 3px #0000000a}.kpi-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.kpi-icon-wrap.blue{color:#1d4ed8;background:#dbeafe}.kpi-icon-wrap.emerald{color:#15803d;background:#dcfce7}.kpi-icon-wrap.purple{color:#7e22ce;background:#f3e8ff}.kpi-icon-wrap.amber{color:#b45309;background:#fef3c7}.kpi-value{color:#0f172a;font-size:1.35rem;font-weight:700;display:block}.kpi-title{color:#64748b;font-size:.75rem;font-weight:500}.reports-nav-tabs{border-bottom:1px solid #e2e8f0;gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.report-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.panel-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.btn-export{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-export:hover{background:#f1f5f9;border-color:#94a3b8}.table-responsive{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;font-size:.85rem}.reports-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .85rem;font-weight:600}.reports-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.65rem .85rem}.reports-table tr:hover td{background:#fcfcfd}.category-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.conversion-rate{color:#16a34a;font-weight:700}.user-icon{color:#64748b;vertical-align:middle;margin-right:.35rem}.reports-loading{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:3rem 1rem}.marketing-analytics-page{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;min-height:100vh;padding:16px 20px 32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.analytics-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.header-title-container{align-items:center;gap:12px;display:flex}.header-badge-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 1px 4px #1d4ed814}.header-title-row{align-items:center;gap:10px;display:flex}.analytics-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.live-db-pill{color:#047857;letter-spacing:.1px;background:#d1fae5;border:1px solid #a7f3d0;border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:600}.analytics-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem}.header-action-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period-buttons-group{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;padding:2px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.period-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .18s}.period-btn:hover{color:#1e293b}.period-btn.active{color:#fff;background:#1d4ed8;box-shadow:0 2px 6px #1d4ed840}.analytics-header-action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;line-height:1.4;transition:all .18s;display:inline-flex;width:auto!important;height:auto!important}.refresh-btn{color:#334155;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000a}.refresh-btn:hover:not(:disabled){color:#1d4ed8;background:#f8fafc;border-color:#cbd5e1}.export-btn{color:#fff;background:#1d4ed8;box-shadow:0 2px 8px #1d4ed840}.export-btn:hover{background:#1e40af;transform:translateY(-1px)}.spin{animation:.8s linear infinite spin}.analytics-filter-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;display:flex;box-shadow:0 1px 2px #00000008}.analytics-filter-controls-group{flex-flow:wrap!important;align-items:center!important;gap:10px!important;display:flex!important}.filter-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:inline-flex}.analytics-select{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;outline:none;padding:5px 10px;font-size:.78rem;transition:all .15s}.analytics-select:focus{background-color:#fff;border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed826}.custom-date-inputs{align-items:center;gap:6px;display:inline-flex}.analytics-date-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:.76rem}.date-sep{color:#94a3b8;font-size:.72rem}.filter-summary-info{align-items:center;gap:10px;display:flex}.active-period-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.reset-filter-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;text-decoration:underline;transition:color .15s;display:inline-flex}.reset-filter-link:hover{color:#0f172a}.analytics-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;font-size:.8rem;font-weight:500;display:flex}.error-retry-btn{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:5px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:600}.executive-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}@media (width<=1200px){.executive-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.executive-kpi-grid{grid-template-columns:1fr}}.kpi-metric-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 2px #00000008}.kpi-metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.kpi-title-text{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:600}.kpi-icon-pill{border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.bg-blue-subtle{color:#1d4ed8;background:#eff6ff}.bg-indigo-subtle{color:#4338ca;background:#eef2ff}.bg-amber-subtle{color:#b45309;background:#fffbeb}.bg-purple-subtle{color:#7e22ce;background:#faf5ff}.bg-emerald-subtle{color:#047857;background:#ecfdf5}.bg-teal-subtle{color:#0f766e;background:#f0fdfa}.bg-sky-subtle{color:#0369a1;background:#f0f9ff}.bg-rose-subtle{color:#be123c;background:#fff1f2}.bg-slate-subtle{color:#64748b;background:#f1f5f9}.kpi-card-value-row{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.kpi-primary-val{color:#0f172a;letter-spacing:-.02em;font-size:1.32rem;font-weight:800;line-height:1.1}.text-primary-purple{color:#6b21a8}.text-primary-emerald{color:#047857}.text-rose{color:#e11d48}.kpi-trend-pill{border-radius:5px;padding:2px 5px;font-size:.7rem;font-weight:700;line-height:1}.trend-up{color:#15803d;background:#dcfce7}.trend-down{color:#b91c1c;background:#fee2e2}.kpi-rate-badge{color:#4338ca;background:#e0e7ff;border-radius:5px;padding:2px 5px;font-size:.68rem;font-weight:600}.kpi-aux-info{color:#94a3b8;font-size:.68rem;font-weight:600}.kpi-cycle-pill{color:#0f766e;background:#ccfbf1;border-radius:5px;padding:2px 5px;font-size:.68rem;font-weight:600}.kpi-urgency-badge{color:#be123c;background:#ffe4e6;border-radius:5px;padding:2px 5px;font-size:.66rem;font-weight:700}.kpi-context-subtext{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.analytics-two-col-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;margin-bottom:14px;display:grid}@media (width<=1024px){.analytics-two-col-grid{grid-template-columns:1fr}}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;margin-bottom:0;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008}.analytics-two-col-grid>.analytics-card{margin-bottom:0}.card-header-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.title-with-pill{align-items:center;gap:8px;display:flex}.card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.96rem;font-weight:700}.card-subtitle{color:#64748b;margin-top:2px;font-size:.73rem;display:block}.rule-based-pill{color:#4338ca;text-transform:uppercase;letter-spacing:.4px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:1px 6px;font-size:.64rem;font-weight:700}.card-header-link-btn{color:#1d4ed8;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 6px;font-size:.76rem;font-weight:600;transition:all .15s}.card-header-link-btn:hover{background:#eff6ff}.empty-chart-container{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:155px;margin:auto 0;padding:20px 12px;display:flex}.empty-chart-container svg{width:28px;height:28px}.empty-chart-container p{color:#334155;margin:0;font-size:.8rem;font-weight:600}.empty-subtext{color:#94a3b8;font-size:.72rem}.pipeline-funnel-list{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:210px;display:flex;overflow-y:auto}.pipeline-stage-row{cursor:pointer;border-radius:6px;grid-template-columns:160px 1fr 120px;align-items:center;gap:10px;padding:4px 6px;transition:background-color .15s;display:grid}.pipeline-stage-row:hover{background-color:#f8fafc}.stage-info-col{align-items:center;gap:8px;display:flex;overflow:hidden}.stage-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stage-name-text{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.stage-progress-bar-col{width:100%}.stage-bar-track{background:#f1f5f9;border-radius:9999px;width:100%;height:7px;overflow:hidden}.stage-bar-fill{border-radius:9999px;height:100%;transition:width .4s}.stage-metrics-col{justify-content:flex-end;align-items:center;gap:6px;font-size:.74rem;display:flex}.stage-count-badge{color:#64748b;font-weight:500}.stage-val-text{color:#0f172a;font-weight:700}.chart-legend-row{align-items:center;gap:10px;display:flex}.legend-dot.bg-blue{background:#2563eb}.legend-dot.bg-emerald{background:#10b981}.svg-chart-wrapper{width:100%;position:relative;overflow:hidden}.analytics-svg-chart{width:100%;height:auto;max-height:165px;display:block}.chart-axis-text{fill:#94a3b8;font-family:inherit;font-size:9.5px}.chart-axis-symbol{fill:#64748b;font-family:inherit;font-size:10px;font-weight:600}.chart-axis-num{fill:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:600}.chart-axis-text.font-bold{fill:#0f172a;font-weight:700}.chart-point-group{cursor:pointer}.chart-hover-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;z-index:20;background:#0f172aeb;border-radius:8px;min-width:150px;padding:8px 12px;position:absolute;top:8px;right:12px;box-shadow:0 6px 20px #0003}.tooltip-header{border-bottom:1px solid #ffffff26;margin-bottom:5px;padding-bottom:3px;font-size:.78rem;font-weight:700}.tooltip-row{justify-content:space-between;gap:10px;margin-bottom:2px;font-size:.72rem;display:flex}.tooltip-label{color:#cbd5e1}.tooltip-label.text-blue{color:#60a5fa}.tooltip-label.text-emerald{color:#34d399}.tooltip-val{font-weight:700}.funnel-title-row{align-items:center;gap:8px;display:flex}.funnel-overall-badge{color:#059669;letter-spacing:.2px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.dropoff-alert-badge{color:#be123c;white-space:nowrap;background:#fff1f2;border:1px solid #fecdd3;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.funnel-steps-container{flex-direction:column;gap:6px;display:flex}.funnel-stage-row{background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;flex-direction:column;gap:4px;padding:6px 10px;transition:all .15s;display:flex}.funnel-stage-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000a}.funnel-stage-row.stage-won{background:#f0fdf4;border-color:#bbf7d0}.funnel-stage-header{justify-content:space-between;align-items:center;display:flex}.funnel-stage-left{align-items:center;gap:7px;display:flex}.funnel-step-num{color:#3730a3;background:#e0e7ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;font-weight:700;display:inline-flex}.funnel-step-num.num-won{color:#14532d;background:#bbf7d0}.funnel-stage-name{color:#1e293b;font-size:.76rem;font-weight:600}.stage-won .funnel-stage-name{color:#065f46;font-weight:700}.funnel-stage-metrics{align-items:center;gap:5px;display:flex}.funnel-count-pill{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.funnel-count-pill.count-won{color:#047857;background:#fff;border-color:#a7f3d0}.funnel-rate-pill{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.66rem;font-weight:600}.funnel-drop-pill{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:700}.funnel-track{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.stage-won .funnel-track{background:#dcfce7}.funnel-fill{border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.funnel-gradient-1{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.funnel-gradient-2{background:linear-gradient(90deg,#0284c7,#0369a1)}.funnel-gradient-3{background:linear-gradient(90deg,#06b6d4,#0891b2)}.funnel-gradient-4{background:linear-gradient(90deg,#6366f1,#4f46e5)}.funnel-gradient-5{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.funnel-gradient-6{background:linear-gradient(90deg,#a855f7,#9333ea)}.funnel-gradient-7{background:linear-gradient(90deg,#10b981,#059669)}.source-performance-table-wrapper{scrollbar-width:thin;max-height:210px;overflow-y:auto}.source-performance-table-wrapper thead th{z-index:2;background:#fff;position:sticky;top:0;box-shadow:0 1px #e2e8f0}.analytics-table{border-collapse:collapse;width:100%;font-size:.78rem}.analytics-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1.5px solid #e2e8f0;padding:7px 10px;font-size:.7rem;font-weight:700}.analytics-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:7px 10px}.analytics-table tbody tr:hover{background-color:#f8fafc}.clickable-table-row{cursor:pointer}.source-name-cell{align-items:center;gap:8px;display:flex}.source-tag-dot{background:#1d4ed8;border-radius:50%;width:6px;height:6px}.qual-rate-pill{border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:600;display:inline-block}.qual-rate-pill.high{color:#15803d;background:#dcfce7}.qual-rate-pill.normal{color:#475569;background:#f1f5f9}.conv-rate-badge{color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:700}.text-emerald{color:#059669}.analytics-owner-performance-grid{grid-template-columns:1.15fr .85fr;align-items:stretch}.owner-leaderboard-card{flex-direction:column;display:flex}.owner-leaderboard-container{scrollbar-width:thin;border-radius:8px;max-height:250px;overflow:auto}.analytics-right-stacked-col{flex-direction:column;gap:12px;display:flex}.analytics-right-stacked-col>.analytics-card{margin-bottom:0}.target-attainment-card,.pipeline-snapshot-card{padding:12px 14px}.pipeline-snapshot-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.snapshot-stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px}.snapshot-stat-lbl{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:600;display:block}.snapshot-stat-val{color:#0f172a;font-size:.88rem;font-weight:800;display:block}.owner-leaderboard-container thead th{z-index:2;background:#fff;position:sticky;top:0;box-shadow:0 1px #e2e8f0}.owner-cell{align-items:center;gap:6px;display:flex}.owner-avatar{color:#fff;background:#1d4ed8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex}.owner-emp-code{color:#94a3b8;font-size:.66rem;display:block}.achievement-cell{align-items:center;gap:6px;display:flex}.achievement-bar-track{background:#f1f5f9;border-radius:9999px;width:60px;height:5px;overflow:hidden}.achievement-bar-fill{border-radius:9999px;height:100%}.achievement-bar-fill.surpassed{background:#10b981}.achievement-bar-fill.on-track{background:#3b82f6}.achievement-bar-fill.behind{background:#f59e0b}.achievement-val-text{color:#1e293b;font-size:.72rem;font-weight:700}.overdue-badge-pill{color:#be123c;background:#ffe4e6;border-radius:4px;padding:1px 5px;font-size:.66rem;font-weight:700}.clean-badge-pill{color:#94a3b8;font-size:.7rem}.target-attainment-body{flex-direction:column;justify-content:center;gap:6px;padding:0;display:flex}.attainment-visual-box{justify-content:space-around;align-items:center;gap:12px;width:100%;padding:0;display:flex}.attainment-gauge-circle{flex-shrink:0;width:78px;height:78px;position:relative}.gauge-svg{width:100%;height:100%}.gauge-center-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-pct-val{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1}.gauge-pct-sub{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:600}.attainment-stats-col{flex-direction:column;flex:1;gap:5px;display:flex}.stat-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:3px;font-size:.76rem;display:flex}.stat-label{color:#64748b}.stat-val{color:#0f172a;font-weight:700}.no-target-note{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.7rem;display:flex}.health-counters-row{align-items:center;gap:6px;display:flex}.health-counter-tag{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.health-counter-tag.at-risk{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.health-counter-tag.needs-attention{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.health-counter-tag.healthy{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.deal-stage-pill{color:#334155;border-left:3px solid #64748b;padding-left:5px;font-size:.68rem;font-weight:600}.health-status-badge{border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-block}.health-status-badge.at-risk{color:#be123c;background:#ffe4e6}.health-status-badge.needs-attention{color:#b45309;background:#fef3c7}.health-status-badge.healthy{color:#15803d;background:#dcfce7}.reasons-list{color:#475569;margin:0;padding-left:12px;font-size:.7rem}.table-sub-title{color:#94a3b8;font-size:.68rem;font-weight:400;display:block}.drill-action-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:600;transition:all .15s}.drill-action-btn:hover{background:#dbeafe}.top-clients-list{flex-direction:column;gap:6px;display:flex}.top-client-row{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:all .15s;display:flex}.top-client-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 4px #0000000a}.client-rank-box{color:#334155;background:#e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.client-main-details{flex:1}.client-name{color:#0f172a;font-size:.78rem;font-weight:600;display:block}.client-meta-info{color:#64748b;font-size:.68rem}.client-revenue-box{text-align:right;font-size:.78rem}.view-360-hint{color:#1d4ed8;font-size:.65rem;font-weight:600;display:block}.industry-distribution-list{flex-direction:column;gap:6px;display:flex}.industry-bar-row{flex-direction:column;gap:2px;display:flex}.ind-info-row{justify-content:space-between;font-size:.74rem;display:flex}.ind-name{color:#1e293b;font-weight:600}.ind-count-tag{color:#64748b;font-size:.68rem}.ind-track{background:#f1f5f9;border-radius:9999px;width:100%;height:6px;overflow:hidden}.ind-fill{background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);border-radius:9999px;height:100%;transition:width .3s}.activity-summary-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.activity-stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px}.act-stat-val{color:#0f172a;font-size:1.15rem;font-weight:800;display:block}.act-stat-label{color:#64748b;text-transform:uppercase;font-size:.66rem;font-weight:600}.section-mini-heading{color:#475569;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.no-urgent-box{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:500;display:flex}.urgent-list{flex-direction:column;gap:4px;display:flex}.urgent-item-row{background:#fff;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.urgent-type-badge{color:#1d4ed8;background:#eff6ff;border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:700}.urgent-text-block{flex:1;font-size:.74rem}.urgent-text-block strong{color:#0f172a;display:block}.urgent-sub{color:#64748b;font-size:.66rem}.days-overdue-tag{color:#be123c;background:#ffe4e6;border-radius:9999px;padding:2px 6px;font-size:.66rem;font-weight:700}.tender-kpi-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.tender-stat-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px}.tender-stat-num{color:#0f172a;font-size:1.05rem;font-weight:800;display:block}.tender-stat-lbl{color:#64748b;font-size:.65rem;font-weight:600}.tender-deadlines-list{flex-direction:column;gap:6px;display:flex}.tender-deadline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.tender-no-pill{color:#4338ca;background:#e0e7ff;border-radius:3px;margin-bottom:1px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-block}.tender-title-text{color:#0f172a;font-size:.76rem;display:block}.tender-auth-text{color:#64748b;font-size:.66rem}.tender-deadline-box{text-align:right}.deadline-badge{border-radius:5px;padding:1px 6px;font-size:.66rem;font-weight:700;display:inline-block}.deadline-badge.urgent{color:#be123c;background:#ffe4e6}.deadline-badge.warning{color:#b45309;background:#fef3c7}.deadline-badge.normal{color:#1d4ed8;background:#eff6ff}.deadline-date-text{color:#94a3b8;margin-top:1px;font-size:.65rem;display:block}.detailed-reports-card{margin-bottom:0}.report-tab-selector{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .15s}.tab-btn.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 2px #0000000d}.report-table-responsive{width:100%;overflow-x:auto}.table-pct-bar{align-items:center;gap:6px;display:flex}.table-pct-bar .bar-track{background:#f1f5f9;border-radius:9999px;width:50px;height:5px;overflow:hidden}.table-pct-bar .bar-fill{border-radius:9999px;height:100%}.analytics-loading-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;margin-top:14px;display:flex;box-shadow:0 1px 2px #00000008}.analytics-loading-placeholder .loading-text{color:#64748b;margin:0;font-size:.88rem;font-weight:500}@media (width<=1024px){.analytics-owner-performance-grid{grid-template-columns:1fr!important}}.mkt-perf-container{color:#1e293b;max-width:1600px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mkt-perf-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mkt-perf-title-wrap h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:700;display:flex}.mkt-perf-title-wrap p{color:#64748b;margin:0;font-size:14px}.mkt-perf-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.period-selector-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:6px;display:flex;box-shadow:0 1px 3px #0000000d}.period-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.period-btn:hover{color:#0f172a;background:#f1f5f9}.period-btn.active{color:#fff;background:#0284c7;font-weight:600;box-shadow:0 1px 2px #0284c74d}.custom-date-inputs{border-left:1px solid #e2e8f0;align-items:center;gap:6px;margin-left:6px;padding-left:6px;display:flex}.custom-date-inputs input[type=date]{color:#334155;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px}.btn-mkt-primary{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.btn-mkt-primary:hover{background:#0369a1}.btn-mkt-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-mkt-secondary:hover{background:#f8fafc;border-color:#94a3b8}.team-rollup-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.rollup-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.rollup-card:before{content:"";background:0 0;height:3px;position:absolute;top:0;left:0;right:0}.rollup-card.blue:before{background:#0284c7}.rollup-card.emerald:before{background:#10b981}.rollup-card.purple:before{background:#8b5cf6}.rollup-card.amber:before{background:#f59e0b}.rollup-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.rollup-icon.blue{color:#0284c7;background:#e0f2fe}.rollup-icon.emerald{color:#10b981;background:#d1fae5}.rollup-icon.purple{color:#8b5cf6;background:#ede9fe}.rollup-icon.amber{color:#d97706;background:#fef3c7}.rollup-content{flex:1}.rollup-label{color:#64748b;margin-bottom:4px;font-size:12.5px;font-weight:500}.rollup-value{color:#0f172a;font-size:22px;font-weight:700}.rollup-subtext{color:#94a3b8;margin-top:2px;font-size:11.5px}.mkt-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 4px #00000008}.table-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.table-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;width:280px;padding:6px 12px;display:flex}.table-search-box input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.mkt-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.mkt-data-table th{color:#475569;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.mkt-data-table th:hover{background:#f1f5f9}.mkt-data-table th .th-wrap{align-items:center;gap:6px;display:flex}.mkt-data-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mkt-data-table tr:hover td{background:#fbfdff}.emp-name-cell{align-items:center;gap:10px;display:flex}.emp-avatar{color:#0284c7;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.emp-info .name{color:#0f172a;font-weight:600}.emp-info .code{color:#64748b;font-size:11px}.badge-achieve{border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-achieve.super{color:#15803d;background:#dcfce7;border:1px solid #86efac}.badge-achieve.good{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-achieve.warn{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-achieve.danger{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.badge-overdue{border-radius:6px;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-overdue.zero{color:#64748b;background:#f1f5f9}.badge-overdue.low{color:#b45309;background:#fef3c7}.badge-overdue.high{color:#dc2626;background:#fee2e2;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.modal-body{padding:24px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13.5px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.detail-back-bar{margin-bottom:20px}.detail-kpi-banner{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.detail-emp-profile{align-items:center;gap:16px;display:flex}.detail-avatar-lg{color:#0284c7;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex}.detail-emp-profile h2{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.detail-emp-profile .meta{color:#64748b;gap:12px;font-size:13px;display:flex}.detail-target-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:20px;padding:14px 20px;display:flex}.trend-bars-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.trend-bars-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.trend-bar-col{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.trend-bar-period{color:#475569;margin-bottom:8px;font-size:12px;font-weight:600}.trend-bar-track{justify-content:center;align-items:flex-end;gap:6px;height:80px;margin-bottom:8px;display:flex}.bar-target{background:#cbd5e1;border-radius:4px 4px 0 0;width:18px}.bar-achieved{background:#0284c7;border-radius:4px 4px 0 0;width:18px}.detail-tabs-bar{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:20px;display:flex}.detail-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.detail-tab-btn:hover{color:#0f172a}.detail-tab-btn.active{color:#0284c7;border-bottom-color:#0284c7;font-weight:600}:root{--portal-bg:#f8fafc;--portal-card-bg:#fff;--portal-border:#e2e8f0;--portal-border-subtle:#f1f5f9;--portal-primary:#1d4ed8;--portal-primary-hover:#1e40af;--portal-primary-light:#eff6ff;--portal-text-dark:#0f172a;--portal-text-muted:#64748b;--portal-text-subtle:#94a3b8;--portal-success:#10b981;--portal-success-light:#ecfdf5;--portal-warning:#f59e0b;--portal-warning-light:#fffbeb;--portal-danger:#ef4444;--portal-danger-light:#fef2f2;--portal-purple:#8b5cf6;--portal-purple-light:#f5f3ff;--portal-indigo:#4f46e5;--portal-indigo-light:#eef2ff;--portal-radius-sm:6px;--portal-radius:10px;--portal-radius-lg:14px}.customer-portal-app{background-color:var(--portal-bg);min-height:100vh;color:var(--portal-text-dark);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.customer-portal-header{border-bottom:1px solid var(--portal-border);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.header-brand-container{align-items:center;gap:16px;display:flex}.mobile-menu-toggle{border:1px solid var(--portal-border);color:var(--portal-text-dark);cursor:pointer;background:0 0;border-radius:8px;padding:6px;display:none}.portal-lab-identity{align-items:center;gap:12px;display:flex}.portal-lab-logo{object-fit:contain;max-width:140px;height:38px}.portal-lab-logo-placeholder{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.portal-brand-text{flex-direction:column;display:flex}.portal-lab-name{color:var(--portal-text-dark);font-size:1.02rem;font-weight:700;line-height:1.2}.portal-sub-badge{color:var(--portal-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:inline-flex}.header-user-container{align-items:center;gap:14px;display:flex}.customer-company-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:10px;padding:5px 14px;display:flex}.company-avatar-square{color:#fff;background:#1d4ed8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.company-header-meta{flex-direction:column;display:flex}.company-name-text{color:var(--portal-text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.85rem;font-weight:600;overflow:hidden}.company-contact-sub{color:var(--portal-text-muted);font-size:.7rem}.btn-portal-logout{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-portal-logout:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.customer-portal-body{flex:1;display:flex}.customer-portal-sidebar{border-right:1px solid var(--portal-border);background:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;padding:24px 14px;display:flex}.sidebar-nav-label{color:#94a3b8;letter-spacing:.08em;margin-bottom:12px;padding-left:12px;font-size:.65rem;font-weight:700}.portal-nav-list{flex-direction:column;gap:4px;display:flex}.portal-nav-item{color:#475569;border-radius:8px;align-items:center;gap:12px;padding:9px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.portal-nav-item:hover{color:var(--portal-primary);background:#f1f5f9}.portal-nav-item.active{background:var(--portal-primary-light);color:var(--portal-primary);font-weight:600}.portal-nav-item .nav-chevron{opacity:0;margin-left:auto;transition:opacity .15s}.portal-nav-item.active .nav-chevron{opacity:1}.portal-sidebar-footer{margin-top:auto;padding-top:20px}.support-card-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.support-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.support-title{color:#1e293b;margin-bottom:2px;font-size:.76rem;font-weight:600;display:block}.support-sub{color:#64748b;margin:0;font-size:.68rem;line-height:1.3}.customer-portal-content{flex:1;width:100%;max-width:1380px;margin:0 auto;padding:24px 32px 48px}.portal-hero-banner{border-radius:var(--portal-radius-lg);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 4px 12px #0f172a14}.portal-tag-pill{color:#93c5fd;text-transform:uppercase;letter-spacing:.04em;background:#3b82f633;border:1px solid #93c5fd4d;border-radius:20px;align-items:center;gap:5px;margin-bottom:8px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.portal-hero-title{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-size:1.45rem;font-weight:700}.portal-hero-meta-row{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.hero-code-badge{color:#e2e8f0;background:#ffffff1a;border-radius:6px;padding:2px 8px;font-family:monospace}.hero-meta-dot{color:#475569}.hero-meta-text strong{color:#e2e8f0}.portal-hero-actions{align-items:center;gap:10px;display:flex}.btn-hero-action{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-hero-action.primary{color:#fff;background:#2563eb;border:1px solid #3b82f6}.btn-hero-action.primary:hover{background:#1d4ed8}.btn-hero-action.outline{color:#fff;background:#ffffff14;border:1px solid #fff3}.btn-hero-action.outline:hover{background:#ffffff29}.portal-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.portal-kpi-card{border:1px solid var(--portal-border);border-radius:var(--portal-radius);background:#fff;align-items:center;gap:16px;padding:18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.portal-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 12px -2px #0000000f}.kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kpi-icon-box.blue{color:#1d4ed8;background:#eff6ff}.kpi-icon-box.green{color:#10b981;background:#ecfdf5}.kpi-icon-box.amber{color:#f59e0b;background:#fffbeb}.kpi-icon-box.purple{color:#8b5cf6;background:#f5f3ff}.kpi-data-block{flex-direction:column;display:flex}.kpi-number{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.1}.kpi-label-text{color:#334155;margin-top:3px;font-size:.78rem;font-weight:600}.kpi-sub-text{color:#94a3b8;margin-top:2px;font-size:.68rem}.kpi-hover-arrow{color:#cbd5e1;transition:transform .15s,color .15s;position:absolute;top:16px;right:14px}.portal-kpi-card:hover .kpi-hover-arrow{color:var(--portal-primary);transform:translate(2px)}.portal-dashboard-grid-two-col{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.chart-card-container{flex-direction:column;display:flex}.card-sub-header{color:#64748b;margin-top:2px;font-size:.72rem;font-weight:400;display:block}.chart-legend-wrap{align-items:center;gap:14px;display:flex}.legend-item{color:#475569;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.registered{background:#1d4ed8}.legend-dot.completed{background:#10b981}.chart-body-area{flex-direction:column;flex:1;justify-content:flex-end;padding:24px 20px 20px;display:flex}.bar-chart-visualizer{align-items:flex-end;width:100%;height:200px;display:flex;position:relative}.chart-y-axis-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 24px}.grid-line{border-bottom:1px dashed #e2e8f0;width:100%;position:relative}.axis-num{color:#94a3b8;font-size:.65rem;position:absolute;top:-10px;right:0}.chart-bars-track{z-index:2;justify-content:space-around;align-items:flex-end;width:100%;height:100%;padding-bottom:24px;display:flex;position:relative}.chart-bar-group{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding:0 8px;display:flex;position:relative}.bars-column-pair{align-items:flex-end;gap:5px;height:100%;display:flex}.single-bar{border-radius:4px 4px 0 0;width:14px;transition:all .2s}.single-bar.bar-registered{background:#1d4ed8}.single-bar.bar-completed{background:#10b981}.chart-bar-group:hover .single-bar.bar-registered{filter:brightness(1.1);background:#2563eb}.chart-bar-group:hover .single-bar.bar-completed{filter:brightness(1.1);background:#059669}.bar-axis-label{color:#64748b;font-size:.72rem;font-weight:500;position:absolute;bottom:-22px}.chart-tooltip-bubble{color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#0f172a;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-size:.72rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}.chart-tooltip-bubble strong{color:#93c5fd;margin-bottom:2px;display:block}.chart-tooltip-bubble span{color:#fff;font-weight:600}.empty-chart-box{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;font-size:.85rem;display:flex}.quick-actions-container{flex-direction:column;display:flex}.quick-actions-body{flex-direction:column;gap:10px;padding:16px;display:flex}.quick-action-button-tile{color:var(--portal-text-dark);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .15s;display:flex}.quick-action-button-tile:hover{border-color:var(--portal-primary);background:#fff;transform:translate(2px);box-shadow:0 2px 6px #0000000a}.qa-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.qa-icon-wrap.green{color:#10b981;background:#ecfdf5}.qa-icon-wrap.purple{color:#8b5cf6;background:#f5f3ff}.qa-icon-wrap.blue{color:#1d4ed8;background:#eff6ff}.qa-icon-wrap.amber{color:#f59e0b;background:#fffbeb}.qa-text-wrap{flex-direction:column;flex:1;display:flex}.qa-text-wrap strong{color:#0f172a;font-size:.84rem}.qa-text-wrap span{color:#64748b;font-size:.7rem}.qa-arrow{color:#94a3b8;transition:transform .15s,color .15s}.quick-action-button-tile:hover .qa-arrow{color:var(--portal-primary);transform:translate(3px)}.portal-section-card{border:1px solid var(--portal-border);border-radius:var(--portal-radius);background:#fff;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.portal-card-header{border-bottom:1px solid var(--portal-border);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.portal-card-title-wrap{align-items:center;gap:10px;display:flex}.portal-card-title-wrap h3{color:#0f172a;margin:0;font-size:.98rem;font-weight:600}.portal-card-body{padding:20px}.portal-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.portal-page-title-block h1{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:1.55rem;font-weight:700}.portal-page-title-block p{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.portal-filter-bar{background:#fafbfc;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px 20px;display:flex}.portal-search-input-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.portal-search-input-wrap .search-icon{color:#94a3b8;pointer-events:none;z-index:1;position:absolute;left:12px}.portal-search-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 14px 0 38px;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.portal-search-input::placeholder{color:#94a3b8}.portal-search-input:focus{border-color:var(--portal-primary);box-shadow:0 0 0 3px #1d4ed814}.portal-select-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:150px;height:40px;padding:0 12px;font-size:.84rem;font-weight:500;transition:border-color .15s}.portal-select-filter:focus{border-color:var(--portal-primary)}.portal-table-container{overflow-x:auto}.portal-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.portal-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--portal-border);background:#f8fafc;padding:12px 16px;font-size:.72rem;font-weight:600}.portal-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.portal-table tr:hover{background:#f8fafc}.sample-id-cell{color:var(--portal-primary);font-family:monospace;font-size:.88rem;font-weight:700}.portal-empty-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;padding:56px 24px;display:flex}.portal-empty-state .empty-icon-circle{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.portal-empty-state h4{color:#1e293b;margin:0 0 6px;font-size:1rem;font-weight:600}.portal-empty-state p{color:#64748b;max-width:420px;margin:0;font-size:.84rem;line-height:1.5}.portal-empty-table-box{text-align:center;color:#64748b;padding:48px 20px}.portal-empty-table-box .empty-icon{opacity:.4;margin:0 auto 10px}.portal-empty-table-box h4{color:#1e293b;margin:0 0 4px;font-size:.95rem}.portal-empty-table-box p{color:#64748b;margin:0;font-size:.82rem}.stage-stepper-container{align-items:center;gap:4px;display:flex}.stage-step-pill{color:#64748b;white-space:nowrap;background:#e2e8f0;border-radius:12px;padding:3px 8px;font-size:.68rem;font-weight:600}.stage-step-pill.completed{color:#15803d;background:#dcfce7}.stage-step-pill.current{color:#1d4ed8;background:#dbeafe;box-shadow:0 0 0 2px #bfdbfe}.portal-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.portal-badge.paid{color:#15803d;background:#dcfce7}.portal-badge.unpaid,.portal-badge.due{color:#b91c1c;background:#fee2e2}.portal-badge.partially-paid{color:#b45309;background:#fef3c7}.portal-badge.overdue{color:#be123c;background:#ffe4e6}.portal-badge.pending{color:#0369a1;background:#e0f2fe}.portal-badge.active{color:#15803d;background:#dcfce7}.portal-badge.disabled{color:#64748b;background:#f1f5f9}.settled-tag{color:#15803d;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:inline-flex}.activity-timeline-stream{flex-direction:column;gap:12px;display:flex}.activity-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.activity-icon-bullet{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.activity-icon-bullet.report_dispatched{color:#15803d;background:#dcfce7}.activity-icon-bullet.sample_testing{color:#1d4ed8;background:#eff6ff}.activity-icon-bullet.invoice_issued{color:#8b5cf6;background:#f5f3ff}.activity-item-content{flex:1}.activity-item-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.activity-item-header strong{color:#0f172a;font-size:.82rem}.activity-item-time{color:#94a3b8;font-size:.68rem}.activity-item-desc{color:#64748b;margin:0;font-size:.74rem}.activity-item-link{color:var(--portal-primary);align-self:center;align-items:center;gap:3px;font-size:.74rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-portal-primary{background:var(--portal-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-portal-primary:hover{background:var(--portal-primary-hover)}.btn-portal-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-portal-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-portal-sm{padding:5px 10px;font-size:.76rem}.modal-overlay-custom{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog-custom{background:#fff;border-radius:12px;width:100%;max-width:580px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.modal-header-custom{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header-custom h4{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.modal-body-custom{max-height:75vh;padding:20px;overflow-y:auto}.modal-footer-custom{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.qr-payment-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;align-items:center;margin-bottom:16px;padding:16px;display:flex}.qr-image-frame{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:8px;padding:8px;display:flex}.qr-bank-details{text-align:center;color:#475569;font-size:.78rem;line-height:1.4}@media (width<=1100px){.portal-kpi-grid{grid-template-columns:repeat(2,1fr)}.portal-dashboard-grid-two-col{grid-template-columns:1fr}}@media (width<=768px){.customer-portal-header{padding:0 16px}.mobile-menu-toggle{display:block}.customer-portal-sidebar{z-index:40;width:250px;transition:left .25s;position:fixed;top:68px;bottom:0;left:-270px;box-shadow:2px 0 8px #0000001a}.customer-portal-sidebar.mobile-open{left:0}.customer-portal-content{padding:16px}.portal-hero-banner{flex-direction:column;align-items:flex-start;gap:16px}.portal-kpi-grid{grid-template-columns:1fr}.company-header-meta{display:none}}.oem-enterprise-dashboard{background-color:#f8fafc}.parent-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.parent-title-group h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem;font-weight:700}.parent-title-group p{color:#64748b;margin:0;font-size:.85rem}.parent-header-toolbar{align-items:center;gap:12px;display:flex}.timeframe-pill-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:3px;display:flex;box-shadow:0 1px 2px #00000008}.timeframe-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .15s}.timeframe-btn.active{color:#fff;background:#7c3aed;box-shadow:0 2px 6px #7c3aed40}.iso-accreditation-pill{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000008}.pulse-dot-green{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #10b981}.hubly-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.hubly-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 3px #00000008}.hubly-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px -4px #0f172a0f}.hubly-kpi-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hubly-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hubly-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.hubly-icon-wrap.indigo{color:#4f46e5;background:#eef2ff}.hubly-icon-wrap.emerald{color:#059669;background:#ecfdf5}.hubly-icon-wrap.amber{color:#d97706;background:#fffbeb}.hubly-kpi-more{color:#94a3b8;transition:color .15s}.hubly-kpi-card:hover .hubly-kpi-more{color:#7c3aed}.hubly-kpi-title{color:#64748b;margin-bottom:4px;font-size:.8rem;font-weight:600}.hubly-kpi-val-row{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.hubly-kpi-num{color:#0f172a;letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.1}.hubly-trend-chip{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.hubly-trend-chip.positive{color:#059669;background:#ecfdf5}.hubly-trend-chip.neutral{color:#2563eb;background:#eff6ff}.hubly-trend-chip.purple{color:#7c3aed;background:#f5f3ff}.hubly-kpi-sub{color:#94a3b8;font-size:.72rem}.hubly-analytics-grid{grid-template-columns:1.85fr 1.15fr;gap:20px;margin-bottom:24px;display:grid}.hubly-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.hubly-panel-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.hubly-panel-title-wrap h3{color:#0f172a;margin:0 0 2px;font-size:1.05rem;font-weight:700}.hubly-panel-title-wrap p{color:#64748b;margin:0;font-size:.76rem}.analytics-format-pills{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;gap:2px;padding:3px;display:flex}.format-pill-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:5px;padding:4px 12px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.format-pill-btn.active{color:#7c3aed;background:#fff;box-shadow:0 1px 3px #00000014}.hubly-panel-body{flex-direction:column;flex:1;justify-content:center;padding:24px;display:flex}.radial-gauge-container{flex-direction:column;justify-content:center;align-items:center;padding:10px 0 20px;display:flex}.radial-svg-box{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:12px;display:flex;position:relative}.radial-center-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.radial-center-val{color:#0f172a;font-size:1.6rem;font-weight:800;line-height:1}.radial-center-lbl{color:#059669;text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:600}.svg-trend-chart-wrap{width:100%;height:220px;position:relative}.discipline-list{flex-direction:column;gap:14px;width:100%;display:flex}.discipline-row{flex-direction:column;gap:6px;display:flex}.discipline-meta{color:#334155;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.discipline-pct{color:#059669;background:#ecfdf5;border-radius:10px;padding:2px 8px;font-size:.76rem;font-weight:700}.discipline-bar-bg{background:#f1f5f9;border-radius:10px;width:100%;height:8px;overflow:hidden}.discipline-bar-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.discipline-bar-fill.purple{background:linear-gradient(90deg,#a855f7,#7c3aed)}.discipline-bar-fill.blue{background:linear-gradient(90deg,#60a5fa,#2563eb)}.discipline-bar-fill.emerald{background:linear-gradient(90deg,#34d399,#059669)}.discipline-bar-fill.indigo{background:linear-gradient(90deg,#818cf8,#4f46e5)}.discipline-bar-fill.amber{background:linear-gradient(90deg,#fbbf24,#d97706)}@media (width<=1100px){.hubly-kpi-grid{grid-template-columns:repeat(2,1fr)}.hubly-analytics-grid{grid-template-columns:1fr}}@media (width<=640px){.hubly-kpi-grid{grid-template-columns:1fr}.parent-dashboard-header{flex-direction:column;align-items:flex-start}}.standard-customer-dashboard{color:#0f172a;width:100%;max-width:1400px;margin:0 auto;padding:0 0 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.std-header-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 1px 3px #00000005}.std-header-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:1.65rem;font-weight:800}.std-header-subtitle{color:#64748b;max-width:750px;margin:0;font-size:.86rem;line-height:1.4}.std-pulse-dot-green{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s infinite std-pulse;display:inline-block;box-shadow:0 0 #16a34ab3}@keyframes std-pulse{0%{box-shadow:0 0 #16a34ab3}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.std-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px;display:grid}.std-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #00000005}.std-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.std-kpi-val{color:#0f172a;margin-bottom:6px;font-size:1.9rem;font-weight:800;line-height:1.1}.std-charts-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=1024px){.std-charts-grid{grid-template-columns:1fr}}.std-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 1px 3px #00000005}.std-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:22px;box-shadow:0 1px 3px #00000005}.std-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.std-table{border-collapse:collapse;width:100%;font-size:.82rem}.std-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.72rem;font-weight:700}.std-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.std-split-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.std-split-grid{grid-template-columns:1fr}}.std-split-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000005}.std-stage-pill{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.std-stage-1{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.std-stage-2{color:#0891b2;background:#ecfeff;border:1px solid #a5f3fc}.std-stage-3{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.std-stage-4{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.std-stage-5{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.std-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a99;justify-content:flex-end;animation:.2s ease-out std-fadeIn;display:flex;position:fixed;inset:0}@keyframes std-fadeIn{0%{opacity:0}to{opacity:1}}.std-drawer-content{background:#fff;flex-direction:column;width:100%;max-width:680px;height:100vh;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #00000026}.std-drawer-content.fullscreen{max-width:100vw}.std-drawer-header{color:#fff;background:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.std-drawer-body{flex:1;padding:24px}.invoice-management-container{color:#0f172a;background:#f8fafc;min-height:calc(100vh - 64px);padding:24px;font-family:inherit}.invoice-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.invoice-page-title h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;font-weight:700;display:flex}.invoice-page-title p{color:#64748b;margin:0;font-size:.875rem}.invoice-header-actions{align-items:center;gap:12px;display:flex}.invoice-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.invoice-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.invoice-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.invoice-kpi-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.invoice-kpi-card.kpi-total:before{background:#3b82f6}.invoice-kpi-card.kpi-paid:before{background:#10b981}.invoice-kpi-card.kpi-outstanding:before{background:#f59e0b}.invoice-kpi-card.kpi-overdue:before{background:#ef4444}.invoice-kpi-card.kpi-duesoon:before{background:#8b5cf6}.invoice-kpi-card.kpi-draft:before{background:#64748b}.invoice-kpi-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.invoice-kpi-header span{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}.invoice-kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-total .invoice-kpi-icon{color:#2563eb;background:#eff6ff}.kpi-paid .invoice-kpi-icon{color:#059669;background:#ecfdf5}.kpi-outstanding .invoice-kpi-icon{color:#d97706;background:#fffbeb}.kpi-overdue .invoice-kpi-icon{color:#dc2626;background:#fef2f2}.kpi-duesoon .invoice-kpi-icon{color:#7c3aed;background:#f5f3ff}.kpi-draft .invoice-kpi-icon{color:#475569;background:#f1f5f9}.invoice-kpi-value{color:#0f172a;margin-bottom:4px;font-size:1.35rem;font-weight:700}.invoice-kpi-subtext{color:#64748b;font-size:.75rem}.invoice-filter-bar{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.invoice-status-tabs{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.invoice-tab-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.invoice-tab-btn:hover{color:#0f172a;background:#f1f5f9}.invoice-tab-btn.active{color:#fff;background:#1e293b;border-color:#1e293b}.invoice-tab-badge{background:#fff3;border-radius:10px;padding:1px 7px;font-size:.75rem}.invoice-tab-btn:not(.active) .invoice-tab-badge{color:#475569;background:#e2e8f0}.invoice-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.invoice-search-input-wrapper{flex:1;min-width:260px;position:relative}.invoice-search-input-wrapper svg{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.invoice-search-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 14px 9px 36px;font-size:.875rem;transition:border-color .2s}.invoice-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.invoice-date-filters{align-items:center;gap:10px;display:flex}.invoice-date-input{color:#334155;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:.8125rem}.invoice-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 12px 12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.invoice-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.invoice-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:700}.invoice-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.invoice-table tr:hover td{background:#f8fafc}.invoice-number-cell{flex-direction:column;gap:2px;display:flex}.invoice-number-link{color:#1e40af;font-weight:700;text-decoration:none}.invoice-number-link:hover{text-decoration:underline}.invoice-po-badge{color:#64748b;font-size:.7rem}.invoice-customer-cell{flex-direction:column;display:flex}.invoice-customer-name{color:#0f172a;font-weight:600}.invoice-customer-code{color:#64748b;font-size:.75rem}.invoice-status-pill{text-transform:capitalize;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-draft{color:#475569;background:#f1f5f9}.status-issued{color:#1d4ed8;background:#eff6ff}.status-partially-paid{color:#b45309;background:#fffbeb}.status-paid{color:#047857;background:#ecfdf5}.status-overdue{color:#b91c1c;background:#fef2f2}.status-cancelled{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.invoice-amount-text{color:#0f172a;font-weight:700}.invoice-outstanding-text{font-weight:700}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-warning{color:#d97706}.invoice-actions-cell{align-items:center;gap:6px;display:flex}.btn-icon-action{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-icon-action:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-icon-action.btn-pay{color:#10b981;border-color:#a7f3d0}.btn-icon-action.btn-pay:hover{background:#ecfdf5;border-color:#059669}.invoice-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invoice-modal-box{background:#fff;border-radius:16px;width:100%;max-width:750px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invoice-modal-box.modal-large{max-width:900px}.invoice-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.invoice-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.invoice-modal-body{padding:24px}.invoice-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group-item{flex-direction:column;gap:6px;display:flex}.form-group-item label{color:#334155;font-size:.8125rem;font-weight:600}.form-group-item input,.form-group-item select,.form-group-item textarea{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:.875rem}.form-group-item input:focus,.form-group-item select:focus,.form-group-item textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-line-items-header{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.modal-line-item-row{grid-template-columns:3fr 1fr 1.5fr 1fr 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.modal-totals-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;max-width:320px;margin-top:16px;margin-left:auto;padding:16px;display:flex}.totals-row-item{color:#475569;justify-content:space-between;font-size:.8125rem;display:flex}.totals-row-item.grand-total{color:#1e3a8a;border-top:1px solid #cbd5e1;margin-top:4px;padding-top:8px;font-size:.95rem;font-weight:700}@media (width<=768px){.invoice-management-container{padding:16px}.invoice-page-header{flex-direction:column;align-items:flex-start;gap:16px}.form-grid-2,.modal-line-item-row{grid-template-columns:1fr}}:root{--sa-bg:#f8fafc;--sa-surface:#fff;--sa-surface-elevated:#fff;--sa-border:#e2e8f0;--sa-border-strong:#cbd5e1;--sa-primary:#2563eb;--sa-primary-hover:#1d4ed8;--sa-primary-light:#eff6ff;--sa-primary-glow:#2563eb26;--sa-accent:#4f46e5;--sa-success:#10b981;--sa-warning:#f59e0b;--sa-danger:#ef4444;--sa-text:#0f172a;--sa-text-muted:#64748b;--sa-text-subtle:#94a3b8;--sa-shadow-sm:0 1px 2px 0 #0000000d;--sa-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--sa-shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--sa-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}.super-admin-auth-container{background:linear-gradient(135deg,#1e40af 0%,#2563eb 50%,#3b82f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative}.super-admin-auth-card{width:100%;max-width:480px;color:var(--sa-text);background:#fff;border:1px solid #fff9;border-radius:20px;padding:44px 38px;position:relative;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #fff3}.super-admin-badge{letter-spacing:.5px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.super-admin-auth-header{text-align:center;margin-bottom:28px}.sa-icon-circle{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 8px 20px #2563eb40}.super-admin-auth-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:800}.super-admin-auth-header p{color:var(--sa-text-muted);margin:0;font-size:13px;line-height:1.5}.sa-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.sa-form{flex-direction:column;gap:20px;display:flex}.sa-input-group{text-align:left;flex-direction:column;gap:7px;display:flex}.sa-input-group label{color:#334155;letter-spacing:.2px;font-size:12px;font-weight:700}.sa-input-wrapper{align-items:center;display:flex;position:relative}.sa-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.sa-input-wrapper input,.sa-input-wrapper select,.sa-input-wrapper textarea{border:1px solid var(--sa-border-strong);color:#0f172a;background:#fff;border-radius:10px;width:100%;padding:11px 14px 11px 40px;font-size:14px;font-weight:500;transition:all .2s}.sa-input-wrapper input:focus,.sa-input-wrapper select:focus,.sa-input-wrapper textarea:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-glow);outline:none}.sa-input-wrapper input::placeholder,.sa-input-wrapper textarea::placeholder{color:#94a3b8}.sa-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:13px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.sa-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.sa-submit-btn:disabled{opacity:.6;cursor:not-allowed}.sa-auth-footer{border-top:1px solid #f1f5f9;flex-direction:column;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.sa-telemetry-tag{color:#059669;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.sa-security-notice{color:#64748b;text-align:center;margin:0;font-size:11px;line-height:1.4}.sa-layout-container{background-color:var(--sa-bg);min-height:100vh;color:var(--sa-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.sa-sidebar{border-right:1px solid var(--sa-border);width:270px;box-shadow:var(--sa-shadow-sm);z-index:20;background:#fff;flex-direction:column;flex-shrink:0;display:flex}.sa-sidebar-brand{border-bottom:1px solid var(--sa-border);background:#fafafa;align-items:center;gap:12px;padding:22px 20px;display:flex}.sa-brand-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 10px #2563eb33}.sa-brand-title{color:#0f172a;letter-spacing:-.3px;font-size:15px;font-weight:800}.sa-brand-subtitle{color:#64748b;font-size:11px;font-weight:600}.sa-nav-menu{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.sa-nav-section-title{text-transform:uppercase;color:#94a3b8;letter-spacing:.8px;padding:14px 10px 6px;font-size:11px;font-weight:700}.sa-nav-link{color:#475569;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sa-nav-link:hover{color:#0f172a;background:#f1f5f9}.sa-nav-link.active{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;font-weight:700}.sa-sidebar-footer{border-top:1px solid var(--sa-border);background:#fafafa;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sa-user-info{flex-direction:column;display:flex}.sa-user-name{color:#0f172a;font-size:13px;font-weight:700}.sa-user-role{color:#2563eb;font-size:11px;font-weight:600}.sa-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.sa-logout-btn:hover{background:#fee2e2}.sa-main-content{flex-direction:column;flex:1;display:flex;overflow-x:hidden}.sa-top-header{border-bottom:1px solid var(--sa-border);height:64px;box-shadow:var(--sa-shadow-sm);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.sa-page-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:800}.sa-page-title p{color:var(--sa-text-muted);margin:2px 0 0;font-size:12px}.sa-page-body{flex:1;padding:28px;overflow-y:auto}.sa-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.sa-stat-card{border:1px solid var(--sa-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-start;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.sa-stat-card:hover{box-shadow:var(--sa-shadow-md);transform:translateY(-2px)}.sa-stat-card:before{content:"";background:var(--sa-primary);width:4px;height:100%;position:absolute;top:0;left:0}.sa-stat-card.success:before{background:var(--sa-success)}.sa-stat-card.warning:before{background:var(--sa-warning)}.sa-stat-card.danger:before{background:var(--sa-danger)}.sa-stat-card.accent:before{background:var(--sa-accent)}.sa-stat-info h4{color:var(--sa-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:700}.sa-stat-number{color:#0f172a;margin:0;font-size:26px;font-weight:800}.sa-stat-subtext{color:#64748b;margin-top:4px;font-size:11px}.sa-stat-icon-wrapper{width:44px;height:44px;color:var(--sa-primary);background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;display:flex}.sa-card{border:1px solid var(--sa-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:14px;margin-bottom:28px;padding:24px}.sa-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sa-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.sa-table{border-collapse:collapse;width:100%;font-size:13px}.sa-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--sa-border);background:#f8fafc;padding:12px 16px;font-size:11px;font-weight:700}.sa-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.sa-table tr:hover td{background:#f8fafc}.sa-badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sa-badge.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.sa-badge.trial{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.sa-badge.grace{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.sa-badge.paused{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.sa-badge.deactivated{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.sa-badge.danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sa-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb33}.sa-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 10px #2563eb4d}.sa-btn-secondary{color:#334155;border:1px solid var(--sa-border-strong);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.sa-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.sa-btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.sa-btn-danger:hover{background:#fee2e2}.sa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sa-modal-card{border:1px solid var(--sa-border);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--sa-shadow-lg);color:#0f172a;background:#fff;border-radius:16px;padding:28px;overflow-y:auto}.sa-spin{animation:1s linear infinite sa-spin}@keyframes sa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}code{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.app{flex-direction:column;min-height:100vh;display:flex}