: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:1560px;margin:0 auto;padding:1.5rem 2rem;animation:.2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cust-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.cust-header-left{flex-direction:column;gap:.35rem;display:flex}.cust-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cust-title-icon-wrap{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cust-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:800}.total-clients-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.775rem;font-weight:700;display:inline-flex}.cust-page-subtitle{color:#64748b;max-width:750px;margin:0;font-size:.845rem;line-height:1.45}.cust-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn-toolbar-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000008}.btn-toolbar-outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-action-primary{cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:1px solid #1d4ed8;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #1d4ed833;color:#fff!important}.btn-action-primary:hover{background:linear-gradient(135deg,#1e40af 0%,#172554 100%);transform:translateY(-1px);box-shadow:0 4px 8px #1d4ed84d}.cust-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.cust-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 2px #0f172a08}.stat-icon-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-badge.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.stat-icon-badge.green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.stat-icon-badge.purple{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.stat-icon-badge.amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.stat-info{flex-direction:column;display:flex}.stat-value{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.2}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.cust-filter-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:.85rem 1.25rem;display:flex;box-shadow:0 1px 2px #0f172a08}.cust-search-wrapper{flex:1;min-width:280px;position:relative}.cust-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.cust-search-wrapper input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.55rem 2.25rem .55rem 2.5rem;font-size:.835rem;transition:all .15s}.cust-search-wrapper input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81f}.cust-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.cust-clear-search:hover{color:#475569}.cust-filter-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cust-select-group{align-items:center;display:flex;position:relative}.cust-select-group .select-icon{color:#64748b;pointer-events:none;position:absolute;left:.75rem}.cust-select-group select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1rem .55rem 2.25rem;font-size:.8125rem;font-weight:500;transition:all .15s}.cust-select-group select:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81f}.btn-refresh-clean{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:.55rem .75rem;transition:all .15s;display:flex}.btn-refresh-clean:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.cust-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.835rem;font-weight:500;display:flex}.btn-retry-text{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:auto;font-weight:700;text-decoration:underline}.cust-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.cust-table-wrap{width:100%;overflow-x:auto}.cust-master-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.835rem}.cust-master-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.15rem;font-size:.75rem;font-weight:700}.cust-master-table td{color:#334155;vertical-align:middle;background:#fff;border-bottom:1px solid #f1f5f9;padding:.95rem 1.15rem;transition:background .12s}.cust-master-table tr:hover td{background:#f8fafc}.cust-master-table tr.row-blocked td{opacity:.85;background:#fffcfc}.company-info-cell{align-items:flex-start;gap:.75rem;display:flex}.company-avatar{color:#1d4ed8;text-transform:uppercase;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:flex}.company-meta-col{flex-direction:column;gap:.25rem;display:flex}.company-name-link{color:#0f172a;font-size:.9rem;font-weight:700;line-height:1.3;text-decoration:none;transition:color .15s}.company-name-link:hover{color:#1d4ed8;text-decoration:underline}.company-meta-sub{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.code-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.1rem .45rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.725rem;font-weight:700}.alias-text{color:#64748b;font-size:.725rem;font-weight:500}.category-cell{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.industry-badge{color:#334155;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;max-width:200px;padding:.2rem .55rem;font-size:.735rem;font-weight:600;line-height:1.25;display:inline-block;overflow:hidden}.category-sub{color:#7c3aed;text-transform:uppercase;letter-spacing:.02em;background:#faf5ff;border:1px solid #e9d5ff;border-radius:4px;padding:.12rem .45rem;font-size:.685rem;font-weight:700;display:inline-block}.contact-info-cell{flex-direction:column;gap:.25rem;display:flex}.contact-name-strong{color:#1e293b;align-items:center;gap:.35rem;font-size:.845rem;font-weight:700;display:flex}.contact-sub-text{color:#64748b;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.735rem;display:flex}.contact-sub-item{align-items:center;gap:.25rem;display:inline-flex}.location-info-cell{color:#334155;align-items:center;gap:.4rem;max-width:180px;font-size:.8125rem;font-weight:500;display:flex}.loc-icon{color:#1d4ed8;flex-shrink:0}.tax-tags-cell{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.tax-pill{border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.715rem;font-weight:600;display:inline-flex}.tax-pill.gstin{color:#15803d;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;font-style:italic}.row-action-buttons{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.btn-tbl-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.75rem;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;font-weight:700}.btn-tbl-action.hub:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.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;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.page-info-text{color:#64748b;font-size:.8125rem}.page-info-text strong{color:#0f172a}.page-controls{align-items:center;gap:.5rem;display:flex}.btn-page-nav{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-page-nav:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.cust-loading-state,.cust-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 2rem;display:flex}.cust-empty-state h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.cust-empty-state p{max-width:420px;margin:0;font-size:.845rem}.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-header p{color:#64748b;margin:0;font-size:12.5px}.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-close-btn:hover{color:#0f172a;background:#f1f5f9}.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}.sub-section-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.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}.btn-sm{padding:6px 12px;font-size:12.5px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-8{margin-top:32px}@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}.spinning-icon{animation:1s linear infinite spin}.oem-network-container{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}.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-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.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-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-purple{color:#9333ea;background:#faf5ff}.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:10px;overflow:hidden;box-shadow:0 1px 3px #00000005}.hub-data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8125rem}.hub-data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.hub-data-table td{color:#334155;vertical-align:middle;background:#fff;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;transition:background-color .15s}.hub-data-table tr:hover td{background:#f8fafc}.hub-data-table tr:last-child td{border-bottom:none}.sample-id-tag{white-space:nowrap;align-items:center;display:inline-flex;box-shadow:0 1px 2px #0284c70f;color:#0369a1!important;letter-spacing:.025em!important;background:#f0f9ff!important;border:1px solid #bae6fd!important;border-radius:6px!important;padding:3px 8px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.775rem!important;font-weight:750!important}.sample-id-tag:hover{background:#e0f2fe!important;border-color:#7dd3fc!important}.sample-name-cell{flex-direction:column;gap:3px;display:flex}.sample-name-bold{color:#0f172a;font-size:.84rem;font-weight:650;line-height:1.3}.sample-matrix-pill{color:#475569;letter-spacing:.02em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;width:fit-content;padding:1px 6px;font-size:.6875rem;font-weight:700;display:inline-block}.sample-matrix-sub{color:#64748b;font-size:.725rem}.date-cell{color:#475569;align-items:center;gap:6px;font-size:.775rem;font-weight:500;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:linear-gradient(90deg,#38bdf8 0%,#0284c7 100%);border-radius:9999px;height:100%;transition:width .3s}.progress-bar-fill.complete{background:linear-gradient(90deg,#34d399 0%,#059669 100%)}.progress-percent{color:#334155;min-width:32px;font-size:.75rem;font-weight:700}.status-badge-compact{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.725rem;font-weight:650;display:inline-flex}.status-badge-compact.st-verified,.status-badge-compact.st-report-generated{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-badge-compact.st-received,.status-badge-compact.st-active{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.status-badge-compact.st-testing{color:#a16207;background:#fefce8;border:1px solid #fef08a}.status-badge-compact.st-awaiting-approval,.status-badge-compact.st-due{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.status-badge-compact.st-dispatched{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.status-badge-compact.st-correction-required{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.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:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-row-action:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-row-action.btn-row-report,.btn-row-action.highlight{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.btn-row-action.btn-row-report:hover,.btn-row-action.highlight:hover{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.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}.section-desc-clean{color:#64748b;margin:0;font-size:.785rem}.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-icon{color:#94a3b8;margin-bottom:.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}.fe-command-center{color:#0f172a;box-sizing:border-box;background:#f8fafc;max-width:100%;min-height:100vh;padding:1.25rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.fe-hero-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.fe-hero-backdrop{pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#6366f108 50%,#0000 70%);width:450px;height:450px;position:absolute;top:-50%;right:-10%}.fe-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex;position:relative}.fe-hero-left{flex-direction:column;gap:.4rem;display:flex}.fe-badge-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.fe-hero-badge{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.725rem;font-weight:700;display:inline-flex}.fe-live-pill{border-radius:9999px;align-items:center;gap:.45rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.fe-live-pill.online{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.fe-live-pill.offline{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.fe-pulse-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 6px #10b981}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fe-sync-pill{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.725rem;font-weight:600;transition:all .2s;display:inline-flex}.fe-sync-pill:hover{background:#4338ca;transform:translateY(-1px)}.fe-hero-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.25}.fe-hero-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.fe-hero-meta strong{color:#1e293b}.fe-meta-dot{color:#cbd5e1}.fe-hero-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.fe-btn-hero{cursor:pointer;border-radius:.5rem;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.fe-btn-hero.primary{color:#fff;background:#2563eb;border:1px solid #1d4ed8;box-shadow:0 1px 3px #2563eb33}.fe-btn-hero.primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb40}.fe-btn-hero.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #00000008}.fe-btn-hero.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.fe-spin{animation:1s linear infinite feSpin}@keyframes feSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fe-kpi-deck{box-sizing:border-box;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;width:100%;margin-bottom:1.25rem;display:grid}@media (width<=1200px){.fe-kpi-deck{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.fe-kpi-deck{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.fe-kpi-deck{grid-template-columns:1fr}}.fe-metric-tile{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:flex-start;gap:.55rem;min-width:0;padding:.75rem .7rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000008}.fe-metric-tile:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 12px -2px #0000000f}.fe-metric-icon-box{border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.tile-blue .fe-metric-icon-box{color:#2563eb;background:#eff6ff}.tile-amber .fe-metric-icon-box{color:#d97706;background:#fffbeb}.tile-green .fe-metric-icon-box{color:#059669;background:#ecfdf5}.tile-purple .fe-metric-icon-box{color:#7c3aed;background:#f5f3ff}.tile-red .fe-metric-icon-box{color:#dc2626;background:#fef2f2}.tile-cyan .fe-metric-icon-box{color:#0891b2;background:#ecfeff}.fe-metric-info{flex-direction:column;flex:1;min-width:0;display:flex}.fe-metric-value{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.15}.fe-metric-title{color:#475569;text-transform:uppercase;letter-spacing:.02em;margin-top:.2rem;font-size:.6875rem;font-weight:700;line-height:1.25}.fe-metric-sub{color:#94a3b8;margin-top:.15rem;font-size:.65rem;line-height:1.2}.fe-progress-bar-wrap{background:#e2e8f0;border-radius:9999px;width:100%;height:4px;margin-top:.35rem;overflow:hidden}.fe-progress-fill{background:#10b981;border-radius:9999px;height:100%;transition:width .4s}.fe-banner-alert{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:.625rem;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.75rem 1.15rem;display:flex;box-shadow:0 1px 2px #00000005}.fe-alert-badge-icon{color:#d97706;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fe-banner-alert-text{color:#92400e;flex:1;font-size:.8125rem;line-height:1.4}.fe-alert-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d97706;border:none;border-radius:.375rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;transition:background .15s}.fe-alert-action-btn:hover{background:#b45309}.fe-main-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:1.25rem;width:100%;display:grid}.fe-primary-column{width:100%;min-width:0}@media (width<=1100px){.fe-main-grid{grid-template-columns:1fr}}.fe-worklist-container{background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;overflow:hidden;box-shadow:0 1px 3px #00000008}.fe-nav-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.75rem;padding:.75rem 1.25rem;display:flex}.fe-tab-strip{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.25rem;padding-bottom:2px;display:flex;overflow-x:auto}.fe-tab-strip::-webkit-scrollbar{display:none}.fe-tab-nav-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.785rem;font-weight:600;transition:all .15s;display:inline-flex}.fe-tab-nav-btn:hover{color:#0f172a;background:#f1f5f9}.fe-tab-nav-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.fe-tab-count{color:#475569;background:#e2e8f0;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.fe-tab-nav-btn.active .fe-tab-count{color:#1d4ed8;background:#dbeafe}.fe-tab-count.handover{color:#7e22ce;background:#f3e8ff}.fe-tab-count.exception{color:#b91c1c;background:#fee2e2}.fe-tab-count.clients{color:#0e7490;background:#cffafe}.fe-filter-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fe-search-box{flex:1;min-width:220px;position:relative}.fe-search-icon{color:#94a3b8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.fe-search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.45rem 2rem .45rem 2.2rem;font-size:.8125rem;transition:border-color .15s}.fe-search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.fe-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.fe-select-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;padding:.45rem .85rem;font-size:.8125rem;font-weight:500}.fe-collections-list-view{padding:1.25rem}.fe-collection-cards-stack{flex-direction:column;gap:1rem;display:flex}.fe-job-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:.75rem;padding:1.15rem 1.25rem;transition:all .15s;box-shadow:0 1px 2px #00000005}.fe-job-card:hover{border-color:#cbd5e1;box-shadow:0 4px 8px -2px #0000000d}.fe-job-card.status-scheduled{border-left-color:#3b82f6}.fe-job-card.status-assigned{border-left-color:#6366f1}.fe-job-card.status-in-progress{border-left-color:#8b5cf6}.fe-job-card.status-collected{border-left-color:#10b981}.fe-job-card.status-awaiting-laboratory-intake{border-left-color:#059669}.fe-job-card.status-failed{border-left-color:#ef4444}.fe-job-card.status-rescheduled{border-left-color:#f59e0b}.fe-job-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.fe-job-left{align-items:flex-start;gap:.85rem;display:flex}.fe-stop-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex}.fe-job-company-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fe-job-company{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.fe-priority-tag{text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.fe-priority-tag.priority-normal{color:#475569;background:#f1f5f9}.fe-priority-tag.priority-urgent{color:#b45309;background:#fef3c7}.fe-priority-tag.priority-critical{color:#b91c1c;background:#fee2e2}.fe-job-status-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600}.fe-job-status-tag.status-scheduled{color:#1d4ed8;background:#eff6ff}.fe-job-status-tag.status-assigned{color:#4338ca;background:#eef2ff}.fe-job-status-tag.status-collected{color:#047857;background:#ecfdf5}.fe-job-status-tag.status-awaiting-laboratory-intake{color:#065f46;background:#ecfdf5}.fe-job-status-tag.status-failed{color:#b91c1c;background:#fef2f2}.fe-job-status-tag.status-rescheduled{color:#b45309;background:#fffbeb}.fe-job-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.fe-meta-item{color:#64748b;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.fe-meta-item.code{color:#1e293b;font-weight:600}.fe-meta-item.batch{color:#4338ca;background:#eef2ff;border-radius:3px;padding:.1rem .4rem}.fe-job-right{align-items:center;gap:.75rem;display:flex}.fe-sample-count-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.35rem .75rem;display:flex}.fe-sample-count-pill .count-value{color:#0f172a;font-size:1.125rem;font-weight:800;line-height:1}.fe-sample-count-pill .count-label{color:#64748b;text-transform:uppercase;margin-top:.15rem;font-size:.65rem;font-weight:600}.fe-btn-expand{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:.375rem;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.fe-btn-expand:hover{color:#0f172a;background:#f1f5f9}.fe-job-address-bar{color:#475569;background:#f8fafc;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.785rem;display:flex}.fe-address-snippet,.fe-contact-snippet{align-items:center;gap:.45rem;display:flex}.fe-addr-icon{color:#64748b;flex-shrink:0}.fe-btn-maps-link{color:#2563eb;background:#eff6ff;border-radius:3px;align-items:center;gap:.25rem;margin-left:.35rem;padding:.15rem .45rem;font-size:.725rem;font-weight:600;text-decoration:none;display:inline-flex}.fe-btn-maps-link:hover{background:#dbeafe}.fe-phone-link{color:#059669;font-weight:600;text-decoration:none}.fe-phone-link:hover{text-decoration:underline}.fe-job-instructions{color:#475569;background:#f1f5f9;border-radius:.375rem;align-items:center;gap:.45rem;margin-top:.5rem;padding:.35rem .65rem;font-size:.75rem;display:flex}.fe-inst-icon{color:#3b82f6;flex-shrink:0}.fe-job-expanded-panel{border-top:1px dashed #e2e8f0;margin-top:.85rem;padding-top:.85rem}.fe-manifest-section h5,.fe-custody-timeline-wrap h5{color:#1e293b;margin:0 0 .5rem;font-size:.8125rem;font-weight:700}.fe-table-responsive{overflow-x:auto}.fe-manifest-table{border-collapse:collapse;width:100%;font-size:.75rem}.fe-manifest-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.4rem .6rem;font-weight:600}.fe-manifest-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.4rem .6rem}.fe-item-status-pill{border-radius:3px;padding:.1rem .4rem;font-size:.6875rem;font-weight:600}.fe-item-status-pill.verified{color:#047857;background:#ecfdf5}.fe-item-status-pill.pending{color:#64748b;background:#f1f5f9}.fe-simplified-text{color:#64748b;margin:0;font-size:.75rem}.fe-custody-timeline-wrap{margin-top:.75rem}.fe-timeline-stream{border-left:2px solid #e2e8f0;flex-direction:column;gap:.6rem;padding-left:.5rem;display:flex}.fe-timeline-step{padding-left:.75rem;position:relative}.fe-timeline-pin{background:#3b82f6;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:.25rem;left:-.925rem}.fe-step-top{align-items:center;gap:.5rem;display:flex}.fe-step-stage{color:#0f172a;font-size:.75rem;font-weight:700}.fe-step-time{color:#94a3b8;font-size:.6875rem}.fe-step-actor{color:#64748b;font-size:.7rem;display:block}.fe-step-remarks{color:#334155;margin:.15rem 0 0;font-size:.725rem}.fe-job-action-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding-top:.85rem;display:flex}.fe-action-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fe-btn-action-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.fe-btn-action-outline:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.fe-btn-action-outline.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fe-btn-action-outline.danger:hover{background:#fee2e2;border-color:#f87171}.fe-btn-action-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;border-radius:.375rem;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #4f46e540}.fe-btn-action-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%);transform:translateY(-1px)}.fe-btn-action-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:.375rem;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #10b98140}.fe-btn-action-success:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-1px)}.fe-clients-directory-view{padding:1.25rem}.fe-directory-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.fe-section-heading{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.fe-section-sub{color:#64748b;margin:.2rem 0 0;font-size:.785rem}.fe-counter-tag{color:#4338ca;white-space:nowrap;background:#e0e7ff;border-radius:9999px;padding:.2rem .65rem;font-size:.725rem;font-weight:700}.fe-client-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.fe-client-master-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.15rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.fe-client-master-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.fe-client-card-top{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.fe-client-avatar{color:#2563eb;background:#eff6ff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.fe-client-details{flex:1}.fe-client-name{color:#0f172a;margin:0;font-size:.9125rem;font-weight:700;line-height:1.3}.fe-client-badges{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.fe-code-pill{color:#475569;background:#f1f5f9;border-radius:3px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.6875rem;font-weight:600;display:inline-flex}.fe-status-pill.active{color:#047857;background:#ecfdf5;border-radius:3px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.6875rem;font-weight:600;display:inline-flex}.fe-client-card-body{flex-direction:column;gap:.4rem;margin-bottom:.85rem;font-size:.75rem;display:flex}.fe-client-info-row{color:#475569;align-items:center;gap:.45rem;display:flex}.fe-info-icon{color:#94a3b8;flex-shrink:0}.fe-link-phone{color:#059669;font-weight:600;text-decoration:none}.fe-link-phone:hover{text-decoration:underline}.fe-link-email{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.fe-link-email:hover{text-decoration:underline}.fe-client-card-footer{border-top:1px solid #f1f5f9;padding-top:.75rem}.fe-btn-view-hub{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.45rem .85rem;font-size:.785rem;font-weight:600;transition:all .15s;display:flex}.fe-btn-view-hub:hover{color:#1e40af;background:#dbeafe}.fe-secondary-column{flex-direction:column;gap:1.25rem;min-width:0;max-width:100%;display:flex}.fe-side-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;min-width:0;overflow:hidden;box-shadow:0 1px 3px #00000008}.fe-side-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.fe-side-title-row{align-items:center;gap:.45rem;display:flex}.fe-side-title-row h4{color:#0f172a;margin:0;font-size:.875rem;font-weight:700}.fe-mini-badge{color:#4338ca;background:#e0e7ff;border-radius:9999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.fe-side-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.725rem;font-weight:600}.fe-side-link-btn:hover{text-decoration:underline}.fe-side-card-body{padding:1.15rem}.fe-route-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.fe-route-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;align-items:center;padding:.75rem;display:flex}.fe-route-stat-box .stat-num{color:#0f172a;font-size:1.375rem;font-weight:800;line-height:1}.fe-route-stat-box .stat-lbl{color:#64748b;margin-top:.25rem;font-size:.65rem;font-weight:700}.fe-side-progress-wrap{flex-direction:column;gap:.35rem;display:flex}.fe-progress-labels{color:#64748b;justify-content:space-between;font-size:.725rem;display:flex}.fe-progress-track{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.fe-progress-bar{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:9999px;height:100%;transition:width .4s}.fe-side-clients-list{flex-direction:column;gap:.65rem;display:flex}.fe-side-client-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .65rem;display:flex}.fe-side-client-info{flex-direction:column;gap:.1rem;display:flex}.client-comp-name{color:#0f172a;font-size:.785rem;font-weight:700}.client-comp-code{color:#64748b;font-size:.6875rem}.fe-mini-hub-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:.25rem;align-items:center;gap:.2rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.fe-mini-hub-btn:hover{background:#eff6ff}.fe-side-empty{color:#94a3b8;text-align:center;margin:.5rem 0;font-size:.785rem}.fe-empty-state-card{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.fe-empty-icon{color:#cbd5e1;margin-bottom:.75rem}.fe-empty-state-card h4{color:#1e293b;margin:0 0 .35rem;font-size:1rem;font-weight:700}.fe-empty-state-card p{color:#64748b;margin:0;font-size:.8125rem}.fe-loading-card{text-align:center;padding:2.5rem 1.5rem}.fe-loading-card p{color:#64748b;margin-top:1rem;font-size:.8125rem}.fe-modal-title{padding:1rem 1.5rem!important}.fe-modal-title-row{color:#0f172a;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.fe-checklist-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.75rem;display:grid}.fe-printable-label-card{background:#fff;border:1px solid #0f172a;border-radius:.375rem;padding:1rem}.fe-label-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.fe-label-grid{justify-content:space-between;font-size:.75rem;display:flex}.fe-label-qr-box,.fe-simulated-qr{flex-direction:column;align-items:center;display:flex}.fe-qr-text{margin-top:.25rem;font-family:monospace;font-size:.65rem}.fe-acceptance-page{max-width:1280px;margin:0 auto;padding:24px}.fe-acceptance-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.fe-header-title-block{align-items:center;gap:14px;display:flex}.fe-icon-box-primary{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fe-header-title-block h2{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.fe-header-title-block p{color:#64748b;margin:0;font-size:13px}.fe-header-actions{align-items:center;gap:10px;display:flex}.btn-fe-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-fe-refresh:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-fe-nav-dashboard{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-fe-nav-dashboard:hover{background:#dbeafe}.fe-action-success-banner{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #059669;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:13px;font-weight:600;display:flex;position:relative}.close-banner-btn{color:#047857;cursor:pointer;background:0 0;border:none;margin-left:auto}.fe-kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.fe-kpi-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 #00000008}.fe-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fe-kpi-icon.icon-blue{color:#2563eb;background:#eff6ff}.fe-kpi-icon.icon-red{color:#dc2626;background:#fef2f2}.fe-kpi-icon.icon-emerald{color:#059669;background:#ecfdf5}.fe-kpi-data{flex-direction:column;display:flex}.fe-kpi-val{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.fe-kpi-label{color:#334155;font-size:12.5px;font-weight:700}.fe-kpi-sub{color:#64748b;font-size:11px}.fe-controls-bar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.fe-search-box{flex:1}.fe-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border-color .15s}.fe-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.fe-filter-group{align-items:center;gap:8px;display:flex}.fe-filter-group label{color:#475569;white-space:nowrap;font-size:12.5px;font-weight:600}.fe-filter-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;font-weight:600}.fe-job-cards-list{flex-direction:column;gap:16px;display:flex}.fe-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:40px 20px}.fe-empty-state h4{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:700}.fe-empty-state p{color:#64748b;max-width:500px;margin:0 auto;font-size:13px}.btn-fe-primary-outline{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.fe-job-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000008}.fe-job-card.card-urgent{border-left:4px solid #dc2626}.fe-card-top-bar{justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.fe-code-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.fe-col-code{color:#1d4ed8;font-size:13px;font-weight:800}.fe-temp-batch{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:600}.fe-priority-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.fe-priority-badge.priority-normal{color:#475569;background:#f1f5f9}.fe-priority-badge.priority-medium{color:#1d4ed8;background:#eff6ff}.fe-priority-badge.priority-high{color:#c2410c;background:#fff7ed}.fe-priority-badge.priority-urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.fe-status-badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.fe-status-badge.pending{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.fe-status-badge.transferred{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.fe-customer-company-title{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:700;display:flex}.fe-card-summary-right{align-items:center;gap:12px;display:flex}.fe-sample-count-badge{flex-direction:column;align-items:flex-end;display:flex}.fe-sample-count-badge .count-num{color:#0f172a;font-size:18px;font-weight:800;line-height:1}.fe-sample-count-badge .count-txt{color:#64748b;font-size:11px;font-weight:600}.btn-toggle-expand-card{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-toggle-expand-card:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.fe-facility-coords-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:6px 20px 14px;font-size:12.5px;display:flex}.fe-coord-item{color:#334155;align-items:center;gap:6px;display:flex}.coord-icon{color:#64748b;flex-shrink:0}.directions-link{color:#2563eb;background:#eff6ff;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;text-decoration:none}.directions-link:hover{text-decoration:underline}.fe-phone-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;align-items:center;gap:4px;padding:1px 7px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.fe-phone-pill:hover{background:#d1fae5}.fe-collapsible-job-content{background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:16px 20px}.fe-job-specs-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.fe-spec-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.spec-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.spec-val{color:#0f172a;font-size:12.5px}.spec-val-date{color:#0f172a;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.fe-remarks-block{flex-direction:column;gap:6px;display:flex}.remarks-label{color:#334155;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.fe-resizable-remarks-textarea{color:#334155;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;font-size:12.5px;line-height:1.5;box-shadow:inset 0 1px 2px #00000005}.fe-resizable-remarks-textarea:focus{border-color:#94a3b8;outline:none}.fe-card-action-footer{background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.fe-status-note{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.fe-actions-buttons{align-items:center;gap:10px;display:flex}.btn-fe-transfer{color:#475569;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}.btn-fe-transfer:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-fe-accept{color:#fff;cursor:pointer;background:#059669;border:1px solid #059669;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #05966933}.btn-fe-accept:hover{background:#047857;border-color:#047857;transform:translateY(-1px)}.fe-accept-summary-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:5px;padding:12px 14px;font-size:12.5px;display:flex}.field-hint{color:#64748b;margin-top:4px;font-size:11px;display:block}.admin-field-ops-hub{color:#0f172a;box-sizing:border-box;background:#f8fafc;max-width:100%;min-height:100vh;padding:1.25rem 1.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.afo-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.afo-header-left{flex-direction:column;gap:.35rem;display:flex}.afo-badge-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.afo-badge{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.725rem;font-weight:700;display:inline-flex}.afo-live-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.afo-pulse-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite afoPulse;box-shadow:0 0 6px #10b981}@keyframes afoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.afo-header-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.25}.afo-header-subtitle{color:#64748b;margin:0;font-size:.8125rem}.afo-header-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.afo-btn{cursor:pointer;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.afo-btn.primary{color:#fff;background:#2563eb;border:1px solid #1d4ed8;box-shadow:0 1px 3px #2563eb33}.afo-btn.primary:hover{background:#1d4ed8;transform:translateY(-1px)}.afo-btn.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #00000008}.afo-btn.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.afo-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1.15rem;display:flex;box-shadow:0 1px 2px #00000005}.afo-filter-left{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.afo-filter-right{align-items:center;gap:.65rem;display:flex}.afo-search-box{flex:1;min-width:220px;max-width:320px;position:relative}.afo-search-icon{color:#94a3b8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.afo-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.45rem 2rem .45rem 2.2rem;font-size:.8125rem}.afo-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.afo-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.afo-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;padding:.45rem .85rem;font-size:.8125rem;font-weight:500}.afo-select:focus{border-color:#3b82f6}.afo-segmented-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;padding:.2rem;display:inline-flex}.afo-seg-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.afo-seg-btn.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 2px #0000000d}.afo-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}@media (width<=1300px){.afo-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.afo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.afo-kpi-grid{grid-template-columns:1fr}}.afo-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:flex-start;gap:.75rem;min-width:0;padding:.85rem .95rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.afo-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 12px -2px #0000000d}.afo-kpi-card.active-filter{background:#f8faff;border-color:#3b82f6}.afo-kpi-icon-wrap{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.kpi-blue .afo-kpi-icon-wrap{color:#2563eb;background:#eff6ff}.kpi-indigo .afo-kpi-icon-wrap{color:#4f46e5;background:#eef2ff}.kpi-green .afo-kpi-icon-wrap{color:#059669;background:#ecfdf5}.kpi-amber .afo-kpi-icon-wrap{color:#d97706;background:#fffbeb}.kpi-purple .afo-kpi-icon-wrap{color:#7c3aed;background:#f5f3ff}.kpi-red .afo-kpi-icon-wrap{color:#dc2626;background:#fef2f2}.kpi-cyan .afo-kpi-icon-wrap{color:#0891b2;background:#ecfeff}.kpi-slate .afo-kpi-icon-wrap{color:#475569;background:#f1f5f9}.kpi-rose .afo-kpi-icon-wrap{color:#e11d48;background:#fff1f2}.afo-kpi-content{flex-direction:column;flex:1;min-width:0;display:flex}.afo-kpi-value{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1.15}.afo-kpi-title{color:#475569;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.725rem;font-weight:700;overflow:hidden}.afo-kpi-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.6875rem;overflow:hidden}.afo-funnel-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;box-shadow:0 1px 2px #00000005}.afo-funnel-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.afo-funnel-header h4{color:#0f172a;align-items:center;gap:.45rem;margin:0;font-size:.875rem;font-weight:700;display:flex}.afo-funnel-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.afo-funnel-step{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;padding:.65rem .75rem;transition:all .15s;display:flex}.afo-funnel-step:hover{background:#f1f5f9;border-color:#cbd5e1}.afo-funnel-step.active{background:#eff6ff;border-color:#3b82f6}.afo-funnel-num{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1}.afo-funnel-name{color:#475569;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.7rem;font-weight:600;overflow:hidden}.afo-charts-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=1050px){.afo-charts-grid{grid-template-columns:1fr}}.afo-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;min-width:0;padding:1.15rem;overflow:hidden;box-shadow:0 1px 2px #00000005}.afo-chart-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}.afo-chart-title{align-items:center;gap:.45rem;display:flex}.afo-chart-title h4{color:#0f172a;margin:0;font-size:.875rem;font-weight:700}.afo-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.25rem;overflow:hidden;box-shadow:0 1px 2px #00000005}.afo-section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.afo-section-title{align-items:center;gap:.5rem;display:flex}.afo-section-title h3{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.afo-table-wrap{width:100%;overflow-x:auto}.afo-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.afo-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.725rem;font-weight:700}.afo-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.afo-table tbody tr:hover{background:#f8fafc}.afo-table tbody tr.selected-row{background:#eff6ff}.afo-user-cell{flex-direction:column;gap:.15rem;display:flex}.afo-user-name{color:#0f172a;font-weight:700}.afo-user-code{color:#64748b;font-size:.7rem}.afo-progress-bar-cell{align-items:center;gap:.5rem;display:flex}.afo-progress-track{background:#e2e8f0;border-radius:9999px;flex:1;min-width:60px;height:6px;overflow:hidden}.afo-progress-fill{background:#10b981;border-radius:9999px;height:100%}.afo-rate-num{color:#0f172a;min-width:32px;font-size:.75rem;font-weight:700}.afo-chip{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.chip-normal{color:#475569;background:#f1f5f9}.chip-urgent{color:#b45309;background:#fef3c7}.chip-critical{color:#b91c1c;background:#fee2e2}.chip-scheduled{color:#1d4ed8;background:#eff6ff}.chip-assigned{color:#4338ca;background:#eef2ff}.chip-in-progress{color:#7c3aed;background:#f5f3ff}.chip-collected{color:#047857;background:#ecfdf5}.chip-awaiting-handover{color:#7e22ce;background:#f3e8ff}.chip-lab-received{color:#0f766e;background:#ccfbf1}.chip-intaken{color:#15803d;background:#dcfce7}.chip-failed{color:#b91c1c;background:#fef2f2}.chip-rescheduled{color:#b45309;background:#fffbeb}.afo-aging-badge{border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.afo-aging-badge.alert{color:#b91c1c;background:#fee2e2;animation:2s infinite afoBlink}.afo-aging-badge.normal{color:#475569;background:#f1f5f9}@keyframes afoBlink{0%,to{opacity:1}50%{opacity:.6}}.afo-tab-nav{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:.35rem;padding:.5rem 1.25rem;display:flex;overflow-x:auto}.afo-tab-nav::-webkit-scrollbar{display:none}.afo-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.afo-tab-btn:hover{color:#0f172a;background:#f1f5f9}.afo-tab-btn.active{color:#1d4ed8;background:#eff6ff;font-weight:700}.afo-tab-count{color:#475569;background:#e2e8f0;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6875rem;font-weight:700;display:inline-flex}.afo-tab-btn.active .afo-tab-count{color:#1d4ed8;background:#dbeafe}.afo-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.afo-empty-icon{color:#cbd5e1;margin-bottom:.75rem}.afo-empty-state h4{color:#1e293b;margin:0 0 .25rem;font-size:.95rem;font-weight:700}.afo-empty-state p{color:#64748b;margin:0;font-size:.8125rem}.afo-drawer-content{background:#fff;flex-direction:column;gap:1.25rem;width:460px;max-width:100vw;padding:1.5rem;display:flex}.afo-drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.afo-drawer-title-row{align-items:center;gap:.75rem;display:flex}.afo-drawer-avatar{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.1rem;font-weight:800;display:flex}.afo-drawer-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.afo-drawer-stat-tile{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;align-items:center;padding:.65rem;display:flex}.afo-drawer-stat-tile .num{color:#0f172a;font-size:1.15rem;font-weight:800}.afo-drawer-stat-tile .lbl{color:#64748b;text-transform:uppercase;margin-top:.15rem;font-size:.65rem;font-weight:700}.afo-drawer-subheading{color:#1e293b;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8125rem;font-weight:700}.afo-client-pills-list{flex-direction:column;gap:.45rem;display:flex}.afo-client-pill-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.785rem;display:flex}.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)}}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.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}.table-responsive{width:100%;overflow-x:auto}.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-backdrop-custom{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.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}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.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}.kpi-content{flex-direction:column;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:11.5px;font-weight:600}.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}.sidebar{z-index:100;box-sizing:border-box;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;box-shadow:2px 0 10px #00000005}.sidebar.collapsed{width:72px}.sidebar-header{z-index:10;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex}.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{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#cbd5e1}.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{z-index:10;box-sizing:border-box;background-color:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;margin-top:auto;padding:12px 10px}.sidebar-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-user-card{background:0 0;border-color:#0000;justify-content:center;margin-bottom:6px;padding:4px}.sidebar-user-card:hover{background:#f1f5f9;border-color:#cbd5e1}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 3px #1d4ed833}.sidebar-avatar-initials{color:#fff;font-size:13.5px;font-weight:800;line-height:1}.sidebar-user-details{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sidebar-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.25;overflow:hidden}.sidebar-user-meta{align-items:center;gap:5px;margin-top:2px;display:flex;overflow:hidden}.sidebar-user-id{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#e2e8f0;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;font-weight:700;line-height:1.3;overflow:hidden}.sidebar-user-role-badge{color:#1d4ed8;white-space:nowrap;text-overflow:ellipsis;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.5px 5px;font-size:10px;font-weight:600;line-height:1.3;overflow:hidden}.sidebar-logout-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:10px}.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:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.main-content{box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;width:calc(100% - 260px);min-width:0;height:100%;max-height:100%;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}: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}.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-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.fin-title-area h1{color:#0f172a;letter-spacing:-.015em;align-items:center;gap:10px;margin:0 0 6px;font-size:1.5rem;font-weight:700;display:flex}.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-sm{padding:4px 10px;font-size:.75rem}.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-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:22px;display:grid}.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-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.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{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.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-info{flex-direction:column;gap:2px;display:flex}.fin-deadline-title{color:#1e293b;font-size:.8125rem;font-weight:600}.fin-deadline-date{color:#64748b;font-size:.75rem}.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-danger{color:#dc2626}.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}}.user-mgmt-page{max-width:1560px;margin:0 auto;padding:1.5rem 2rem;animation:.2s ease-in-out fadeIn}.user-mgmt-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.user-mgmt-title-wrap{flex-direction:column;gap:.35rem;display:flex}.user-mgmt-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.user-mgmt-icon-badge{color:#0284c7;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-mgmt-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:800}.user-mgmt-pill{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.775rem;font-weight:700;display:inline-flex}.user-mgmt-subtitle{color:#64748b;max-width:750px;margin:0;font-size:.845rem;line-height:1.45}.user-mgmt-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.user-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 2px #0f172a08}.user-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.user-stat-icon.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.user-stat-icon.green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.user-stat-icon.purple{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.user-stat-icon.sky{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.user-stat-val{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.2}.user-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.user-mgmt-filter-bar{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:.85rem 1.25rem;display:flex;box-shadow:0 1px 2px #0f172a08}.user-search-box{flex:1;min-width:280px;position:relative}.user-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.user-search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.55rem 2.25rem .55rem 2.5rem;font-size:.835rem;transition:all .15s}.user-search-box input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c71f}.user-filter-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.user-select-wrap{align-items:center;display:flex;position:relative}.user-select-wrap .select-icon{color:#64748b;pointer-events:none;position:absolute;left:.75rem}.user-select-wrap select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1rem .55rem 2.25rem;font-size:.8125rem;font-weight:500;transition:all .15s}.user-select-wrap select:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c71f}.user-mgmt-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.user-mgmt-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.835rem}.user-mgmt-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.15rem;font-size:.75rem;font-weight:700}.user-mgmt-table td{color:#334155;vertical-align:middle;background:#fff;border-bottom:1px solid #f1f5f9;padding:.95rem 1.15rem;transition:background .12s}.user-mgmt-table tr:hover td{background:#f8fafc}.user-identity-cell{align-items:center;gap:.75rem;display:flex}.user-avatar-circle{color:#0284c7;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.825rem;font-weight:800;display:flex}.user-name-meta{flex-direction:column;gap:.2rem;display:flex}.user-full-name{color:#0f172a;font-size:.875rem;font-weight:700}.user-code-pill{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;width:fit-content;padding:.05rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.725rem;font-weight:600;display:inline-block}.role-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.735rem;font-weight:700;display:inline-flex}.role-badge.admin{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.role-badge.accountant{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.role-badge.hr{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.role-badge.marketing{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.role-badge.booking{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.role-badge.field{color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4}.role-badge.testing{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.role-badge.employee{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.user-status-pill{border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.735rem;font-weight:700;display:inline-flex}.user-status-pill.active{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.user-status-pill.deactivated{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.user-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.user-modal-card{background:#fff;border-radius:12px;width:540px;max-width:92vw;animation:.2s ease-out modalScale;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.user-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.user-modal-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.user-modal-body{padding:1.5rem}.user-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.user-form-group{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.user-form-label{color:#334155;text-transform:uppercase;letter-spacing:.02em;font-size:.775rem;font-weight:700}.user-form-input,.user-form-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem .85rem;font-size:.845rem}.user-form-input:focus,.user-form-select:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c71f}.user-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.65rem;padding:1rem 1.5rem;display:flex}.role-templates-hub{color:#1e293b;background-color:#f8fafc;min-height:calc(100vh - 64px);padding:1.5rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rth-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.rth-title-group h1{color:#0f172a;align-items:center;gap:.625rem;margin:0 0 .25rem;font-size:1.625rem;font-weight:700;display:flex}.rth-subtitle{color:#64748b;margin:0;font-size:.875rem}.rth-header-actions{align-items:center;gap:.75rem;display:flex}.btn-primary-lims{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb40}.btn-primary-lims:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59}.btn-secondary-lims{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary-lims:hover{background-color:#f1f5f9;border-color:#94a3b8}.rth-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.rth-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.125rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.rth-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rth-kpi-icon.blue{color:#2563eb;background:#dbeafe}.rth-kpi-icon.emerald{color:#059669;background:#d1fae5}.rth-kpi-icon.purple{color:#9333ea;background:#f3e8ff}.rth-kpi-icon.amber{color:#d97706;background:#fef3c7}.rth-kpi-info{flex-direction:column;display:flex}.rth-kpi-val{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2}.rth-kpi-lbl{color:#64748b;font-size:.8125rem;font-weight:500}.rth-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}.rth-search-box{flex:1;min-width:260px;max-width:400px;position:relative}.rth-search-icon{color:#94a3b8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.rth-search-input{color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:border-color .15s}.rth-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.rth-filter-group{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.rth-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.5rem .875rem;font-size:.875rem}.rth-select:focus{border-color:#2563eb}.rth-view-toggle{border:1px solid #cbd5e1;border-radius:6px;display:flex;overflow:hidden}.rth-toggle-btn{color:#64748b;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;padding:.45rem .625rem;transition:all .15s;display:flex}.rth-toggle-btn.active{color:#fff;background:#2563eb}.rth-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.rth-template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.rth-template-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #00000012}.rth-template-card.inactive{opacity:.75;background-color:#fafafa}.rth-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.rth-card-title-row{flex-direction:column;gap:.25rem;display:flex}.rth-card-name{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;display:flex}.rth-code-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.15rem .45rem;font-family:ui-monospace,monospace;font-size:.75rem}.rth-version-badge{color:#2563eb;background:#eff6ff;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.rth-card-desc{color:#64748b;min-height:2.25rem;margin:0 0 1rem;font-size:.8125rem;line-height:1.4}.rth-role-structure-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.625rem;margin-bottom:1rem;padding:.875rem;display:flex}.rth-struct-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.rth-struct-lbl{color:#64748b;font-weight:500}.rth-primary-pill{color:#fff;background:#2563eb;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.rth-secondary-pills{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;max-width:65%;display:flex}.rth-secondary-pill{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.15rem .45rem;font-size:.75rem}.rth-specs-row{color:#475569;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.785rem;display:flex}.rth-spec-item{align-items:center;gap:.35rem;display:flex}.rth-assigned-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.875rem;display:flex}.rth-assigned-count{color:#475569;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:500;display:flex}.rth-card-actions{align-items:center;gap:.35rem;display:flex}.rth-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.rth-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.rth-icon-btn.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.rth-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.rth-table{border-collapse:collapse;text-align:left;width:100%}.rth-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.875rem 1rem;font-size:.785rem;font-weight:600}.rth-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.875rem}.rth-table tr:hover td{background-color:#f8fafc}.rth-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.rth-modal-content{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:980px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.rth-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.rth-modal-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.rth-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.rth-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.rth-form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.rth-form-group{margin-bottom:1.125rem}.rth-label{color:#334155;margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.rth-label.required:after{content:" *";color:#dc2626}.rth-input,.rth-textarea{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:.5625rem .75rem;font-size:.875rem}.rth-input:focus,.rth-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.rth-secondary-picker-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;max-height:180px;padding:.5rem;display:grid;overflow-y:auto}.rth-checkbox-item{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.8125rem;display:flex}.rth-checkbox-item:hover{background:#f1f5f9;border-color:#cbd5e1}.rth-checkbox-item.checked{color:#166534;background:#f0fdf4;border-color:#86efac;font-weight:600}.rth-pbac-summary-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 12px #0f172a26}.rth-pbac-summary-left{flex:1;min-width:280px}.rth-pbac-summary-kicker{text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.rth-pbac-role-badge{color:#fff;background:#2563eb;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:700;box-shadow:0 2px 4px #2563eb4d}.rth-pbac-secondary-summary-pill{color:#e2e8f0;background:#334155;border:1px solid #475569;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}.rth-pbac-summary-desc{color:#94a3b8;margin:6px 0 0;font-size:12px;line-height:1.4}.rth-pbac-metrics-row{align-items:center;gap:10px;display:flex}.rth-pbac-metric-card{text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-width:85px;padding:8px 14px}.rth-pbac-metric-val{font-size:20px;font-weight:800;line-height:1.1}.rth-pbac-metric-val.inherited{color:#93c5fd}.rth-pbac-metric-val.granted{color:#86efac}.rth-pbac-metric-val.effective{color:#fef08a}.rth-pbac-metric-lbl{color:#cbd5e1;text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:10.5px;font-weight:600}.pbac-capabilities-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=900px){.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 8px #0000000f}.pbac-cap-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;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:13px;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:#1d4ed8;background:#dbeafe}.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-module-active-pill{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:2px 8px;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:7px 14px;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:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.pbac-quick-btn-link:hover{color:#1d4ed8}.pbac-quick-btn-link.text-danger{color:#dc2626}.pbac-quick-btn-link.text-danger:hover{color:#b91c1c}.pbac-cap-rows-list{background:#fff;flex-direction:column;flex:1;gap:6px;padding:8px 12px;display:flex}.pbac-cap-row{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;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:#eff6ff;border-color:#bfdbfe}.pbac-cap-row.is-granted{background:#ecfdf5;border-color:#a7f3d0}.pbac-cap-row-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.pbac-cap-switch{cursor:pointer;accent-color:#2563eb;flex-shrink:0;width:16px;height:16px;margin-top:2px}.pbac-cap-switch:disabled{cursor:not-allowed}.pbac-cap-text-block{flex-direction:column;flex:1;gap:1px;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:12px;font-weight:600}.pbac-cap-desc{color:#64748b;margin:0;font-size:11px;line-height:1.3}.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:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #86efac;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.status-pill{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.active{color:#166534;background:#dcfce7}.status-pill.inactive{color:#64748b;background:#f1f5f9}.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-draft{color:#475569;background:#f1f5f9}.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-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.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)}.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);box-sizing:border-box;flex-direction:column;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}.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;min-width:0;max-width:100%;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{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:1440px;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-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}.customer-self-booking-theme{color:#1e293b;box-sizing:border-box;background-color:#0000;width:100%;max-width:100%;padding:0 0 100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.customer-self-booking-theme *{box-sizing:border-box}.customer-self-booking-theme .booking-page-header{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin-bottom:24px;display:flex}.customer-self-booking-theme .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}.customer-self-booking-theme .btn-back-link:hover{color:#1d4ed8}.customer-self-booking-theme .title-badge-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.customer-self-booking-theme .booking-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.customer-self-booking-theme .unified-badge{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}.customer-self-booking-theme .unified-badge.badge-mode.badge-single{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.customer-self-booking-theme .unified-badge.badge-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.customer-self-booking-theme .unified-badge.badge-authenticated{color:#166534;background:#f0fdf4;border-color:#bbf7d0;font-size:12px;font-weight:600}.customer-self-booking-theme .unified-badge.badge-tax{color:#475569;background:#f8fafc;border-color:#cbd5e1}.customer-self-booking-theme .mode-dot{border-radius:50%;width:7px;height:7px}.customer-self-booking-theme .mode-dot.single{background-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}.customer-self-booking-theme .booking-subtitle{color:#64748b;margin:6px 0 0;font-size:13.5px}.customer-self-booking-theme .header-right-actions{align-items:center;gap:12px;display:flex}.booking-method-selector-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:24px;padding:16px 20px;box-shadow:0 1px 3px #0000000a}.method-selector-label{letter-spacing:.05em;text-transform:uppercase;color:#64748b;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.method-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:100%;display:grid}.method-cards-grid>*{min-width:0}.method-select-card{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.method-select-card:hover{background:#f1f5f9;border-color:#cbd5e1}.method-select-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.method-icon-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.method-select-card.active .method-icon-box{color:#fff;background:#2563eb;border-color:#2563eb}.method-text-box strong{color:#0f172a;margin-bottom:3px;font-size:13.5px;font-weight:700;display:block}.method-select-card.active .method-text-box strong{color:#1d4ed8}.method-text-box p{color:#64748b;margin:0;font-size:12px;line-height:1.35}.customer-self-booking-theme .booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:24px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.customer-self-booking-theme .card-header-bar{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;display:flex}.customer-self-booking-theme .header-title-box{align-items:center;gap:12px;display:flex}.customer-self-booking-theme .header-icon-circle{color:#1d4ed8;background-color:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.customer-self-booking-theme .section-title{color:#0f172a;margin:0;font-size:14.5px;font-weight:700;line-height:1.2}.customer-self-booking-theme .section-desc{color:#64748b;margin:2px 0 0;font-size:12px;line-height:1.3}.customer-self-booking-theme .card-content-body{padding:18px 20px}.customer-config-top-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.5fr);align-items:flex-start;gap:14px;width:100%;margin-bottom:16px;display:grid}.customer-config-top-grid>*{min-width:0}@media (width<=1200px){.customer-config-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.customer-config-top-grid{grid-template-columns:minmax(0,1fr)}}.client-verified-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:10px;min-height:38px;padding:8px 12px;display:flex}.client-verified-text strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;font-weight:700;display:block;overflow:hidden}.client-verified-text span{color:#64748b;font-family:monospace;font-size:11px;display:block}.temp-batch-badge-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:8px 10px;display:flex}.temp-batch-badge-box strong{color:#0369a1;font-family:monospace;font-size:13px}.sub-badge-tag{color:#0284c7;text-transform:uppercase;background:#e0f2fe;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.customer-logistics-bottom-grid{grid-template-columns:1.4fr 1.2fr 1.2fr 1.2fr;align-items:flex-start;gap:14px;display:grid}@media (width<=1100px){.customer-logistics-bottom-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.customer-logistics-bottom-grid{grid-template-columns:1fr}}.full-width-field{grid-column:1/-1}.contact-input-combo{gap:6px;display:flex}.contact-dropdown-select{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe;max-width:140px;font-size:11.5px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.field-hint-action{color:#2563eb;font-size:11px;font-weight:600}.field-subtext{color:#64748b;font-size:11px}.customer-self-booking-theme .form-field-group{flex-direction:column;display:flex}.customer-self-booking-theme .input-label{color:#334155;margin-bottom:4px;font-size:12px;font-weight:600}.customer-self-booking-theme .custom-input,.customer-self-booking-theme .custom-select,.customer-self-booking-theme .custom-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:all .15s}.customer-self-booking-theme .custom-input:focus,.customer-self-booking-theme .custom-select:focus,.customer-self-booking-theme .custom-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.highlight-input{background-color:#faf5ff!important;border-color:#d8b4fe!important}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.textarea-icon{color:#94a3b8;pointer-events:none;position:absolute;top:10px;left:10px}.with-left-icon{padding-left:32px!important}.grid-header-tools{align-items:center;gap:16px;display:flex}.set-total-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.tool-label{color:#64748b;font-size:11.5px;font-weight:600}.set-total-input{text-align:center;border:1px solid #cbd5e1;border-radius:4px;width:48px;padding:3px 6px;font-size:12px;font-weight:700}.btn-set-exact{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:background .15s}.btn-set-exact:hover{background:#1d4ed8}.quick-add-group{align-items:center;gap:4px;display:flex}.btn-quick-add{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-quick-add:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.batch-tools-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.batch-tools-dropdown-wrap{position:relative}.btn-batch-tools{color:#334155;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-batch-tools:hover{color:#2563eb;border-color:#2563eb}.batch-tools-popover{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:10px;min-width:320px;margin-top:6px;padding:12px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 25px -5px #00000026}.batch-tool-item{color:#334155;align-items:center;gap:8px;font-size:12px;display:flex}.batch-tool-item span{width:100px;font-weight:600}.btn-tool-apply{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:600}.batch-tool-divider{background:#f1f5f9;height:1px;margin:2px 0}.btn-tool-action{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;display:flex}.btn-tool-action:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.batch-selection-info{color:#64748b;font-size:12px}.sample-grid-table-container{max-width:100%;overflow-x:auto}.sample-grid-table{border-collapse:collapse;width:100%;font-size:12.5px}.sample-grid-table th{color:#475569;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.sample-grid-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 10px}.sample-grid-table tr:hover{background-color:#fbfcfe}.sample-grid-table tr.row-selected{background-color:#eff6ff}.cell-input,.cell-select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.cell-input:focus,.cell-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.sample-id-input-wrap{align-items:center;gap:4px;display:flex}.sample-id-input{color:#1d4ed8;font-family:monospace;font-weight:600;background:#f0f9ff!important}.btn-cell-copy{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;display:flex}.btn-cell-copy:hover{color:#1d4ed8;background:#eff6ff}.btn-configure-analyses{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-configure-analyses.no-tests{color:#64748b;background:#fff;border:1px dashed #cbd5e1}.btn-configure-analyses.no-tests:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-configure-analyses.has-tests{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.btn-tag-action{letter-spacing:.02em;background:#dbeafe;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.cell-actions-box{justify-content:center;align-items:center;gap:4px;display:flex}.btn-cell-action{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.btn-cell-action:hover{color:#0f172a;background:#f1f5f9}.btn-cell-action.text-danger:hover{color:#dc2626;background:#fee2e2}.sample-grid-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-left-tools{align-items:center;gap:12px;display:flex}.btn-add-sample-row{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.btn-add-sample-row:hover{background:#1d4ed8}.footer-right-text{color:#64748b;font-size:12px}.btn-action-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.btn-action-primary:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d}.btn-action-primary:disabled{opacity:.6;cursor:not-allowed}.btn-action-outline{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-action-outline:hover{background:#f8fafc;border-color:#94a3b8}.booking-bottom-sticky-bar{z-index:40;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.sticky-summary-info{color:#334155;align-items:center;gap:10px;font-size:13px;display:flex}.sticky-actions-group{align-items:center;gap:12px;display:flex}.doc-upload-grid{flex-direction:column;gap:16px;display:flex}.upload-dropzone-box{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:28px 20px;transition:all .2s;position:relative}.upload-dropzone-box:hover{background:#eff6ff;border-color:#2563eb}.hidden-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone-label{cursor:pointer;flex-direction:column;align-items:center;display:flex}.dropzone-icon-circle{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;display:flex}.dropzone-label strong{color:#0f172a;font-size:14px}.dropzone-label p{color:#64748b;margin:4px 0 0;font-size:12px}.uploaded-doc-preview-pill{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:8px 14px;display:inline-flex}.doc-meta-text strong{color:#166534;font-size:12.5px;display:block}.doc-meta-text span{color:#15803d;font-size:11px}.btn-view-doc{color:#166534;background:#fff;border:1px solid #86efac;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.modal-overlay-custom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog-custom{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.modal-test-selector{max-width:860px}.modal-header-custom{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header-title-wrap{align-items:center;gap:10px;display:flex}.modal-header-title-wrap h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.modal-header-title-wrap p{color:#64748b;margin:2px 0 0;font-size:12px}.close-btn-clean{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.close-btn-clean:hover{color:#0f172a;background:#f1f5f9}.modal-body-custom{padding:18px 20px;overflow-y:auto}.test-selector-filters{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.test-search-box{position:relative}.test-search-box .search-icon{color:#94a3b8;position:absolute;top:10px;left:12px}.test-search-input{padding-left:36px!important}.test-filter-pills-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.capture-filter-toggle{background:#f1f5f9;border-radius:6px;gap:4px;padding:3px;display:flex}.btn-filter-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600}.btn-filter-pill.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #0000000d}.category-filter-select{max-width:220px}.selected-tests-chip-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;display:flex}.selected-count-badge{color:#1d4ed8;white-space:nowrap;font-size:12px;font-weight:700}.test-chips-scroll{flex-grow:1;gap:6px;display:flex;overflow-x:auto}.test-param-chip{color:#1d4ed8;white-space:nowrap;background:#fff;border:1px solid #93c5fd;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.test-param-chip button{cursor:pointer;color:#2563eb;background:0 0;border:none;align-items:center;padding:0;display:flex}.btn-clear-tests-clean{color:#dc2626;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:11px;font-weight:600}.test-catalogue-grid-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px;max-height:380px;display:grid;overflow-y:auto}.test-item-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.test-item-card:hover{background:#f8fafc;border-color:#cbd5e1}.test-item-card.selected{background:#f0fdf4;border-color:#86efac}.test-card-content{flex-grow:1}.test-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.test-title-row strong{color:#0f172a;font-size:12.5px}.point-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.point-badge.lab{color:#1d4ed8;background:#eff6ff}.point-badge.field{color:#b45309;background:#fef3c7}.test-meta-row{flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.test-cat-tag{color:#64748b;background:#f1f5f9;border-radius:3px;padding:1px 6px}.test-method-tag{color:#0369a1;background:#f0f9ff;border-radius:3px;padding:1px 6px;font-family:monospace}.test-code-tag{color:#475569;font-family:monospace}.modal-footer-custom{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.footer-right-btns{gap:10px;display:flex}.physical-label-preview-card{color:#000;background:#fff;border:2px solid #000;border-radius:6px;max-width:480px;margin:0 auto;padding:16px;font-family:monospace}.label-top-brand{text-align:center;border-bottom:1.5px solid #000;margin-bottom:12px;padding-bottom:8px}.label-top-brand strong{font-size:14px;display:block}.label-top-brand span{letter-spacing:.1em;font-size:10px}.label-body-grid{grid-template-columns:110px 1fr;align-items:center;gap:14px;display:grid}.label-qr-visual-box{flex-direction:column;align-items:center;display:flex}.qr-simulated-graphic{background:#fff;border:2px solid #000;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.qr-corner{border:4px solid #000;width:20px;height:20px;position:absolute}.qr-corner.top-left{top:4px;left:4px}.qr-corner.top-right{top:4px;right:4px}.qr-corner.bottom-left{bottom:4px;left:4px}.qr-center-text{font-size:10px;font-weight:900}.qr-code-text{margin-top:4px;font-size:10px;font-weight:700}.label-details-col{flex-direction:column;gap:6px;font-size:11px;display:flex}.label-field-title{color:#555;font-size:9px;display:block}.label-field-val{font-size:11.5px;font-weight:700}.label-footer-bar{text-align:center;border-top:1px dashed #000;margin-top:12px;padding-top:6px;font-size:9px}.success-icon-badge{margin:10px auto 14px}.success-details-card{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.detail-row{justify-content:space-between;font-size:13px;display:flex}.detail-row span{color:#64748b}.status-pill{border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.status-scheduled{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-field-executive-assigned{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status-in-transit{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.status-received-at-laboratory,.status-intaken{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.priority-tag{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.priority-tag.normal{color:#475569;background:#f1f5f9}.priority-tag.urgent,.priority-tag.high{color:#b91c1c;background:#fee2e2}.table-row-actions{align-items:center;gap:6px;display:flex}.btn-sm-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-sm-action:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.custody-expansion-row td{background:#f8fafc;padding:16px 20px}.custody-timeline-container h4{color:#0f172a;margin:0 0 12px;font-size:13px;font-weight:700}.custody-steps-bar{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;display:grid}.custody-step{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.custody-step.completed{color:#15803d;font-weight:600}.step-circle{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.custody-step.completed .step-circle{color:#fff;background:#16a34a}.custody-executive-card{background:#fff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:12px;padding:14px 16px;box-shadow:0 1px 3px #2563eb0d}.custody-executive-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.custody-executive-badge{color:#1e40af;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.executive-live-status-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.live-dot-green{background:#10b981;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 2px #10b98140}.executive-pending-status-pill{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.custody-executive-body{align-items:flex-start;gap:14px;display:flex}.custody-executive-avatar{color:#2563eb;background:#eff6ff;border:2px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.custody-executive-info{flex:1}.custody-executive-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.custody-executive-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.custody-executive-id-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:600}.custody-executive-role-tag{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.custody-executive-contacts-grid{flex-direction:column;gap:5px;display:flex}.custody-contact-item{align-items:center;gap:6px;font-size:12px;display:flex}.custody-contact-item.facility-item{border-top:1px dashed #e2e8f0;margin-top:2px;padding-top:4px}.contact-label{color:#64748b;min-width:76px;font-size:11px;font-weight:600}.custody-contact-link{align-items:center;gap:5px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.custody-contact-link.phone-link{color:#047857;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:2px 8px;font-weight:700}.custody-contact-link.phone-link:hover{color:#065f46;background:#dcfce7}.custody-contact-link.email-link{color:#2563eb}.custody-contact-link.email-link:hover{text-decoration:underline}.custody-contact-muted{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:inline-flex}.custody-facility-text{color:#334155;align-items:center;gap:5px;font-size:12px;display:inline-flex}.custody-executive-actions{flex-shrink:0;align-items:center;display:flex}.btn-call-executive{color:#fff;background:#059669;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #05966933}.btn-call-executive:hover{color:#fff;background:#047857;transform:translateY(-1px)}.custody-executive-empty{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.custody-items-preview{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;font-size:12px}.custody-items-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.custody-item-chip{color:#334155;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px}.btn-refresh-clean{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-refresh-clean:hover{color:#0f172a;background:#f1f5f9}.empty-table-state{text-align:center;padding:36px 20px}.empty-table-state h4{color:#334155;margin:0;font-size:14px}.empty-table-state p{color:#64748b;margin:4px 0 0;font-size:12px}.self-booking-loading-state{text-align:center;padding:80px 20px}.self-booking-loading-state h3{color:#0f172a;margin:12px 0 4px;font-size:16px}.self-booking-loading-state p{color:#64748b;margin:0;font-size:13px}.spin{animation:1s linear infinite spin}.booking-success-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 60%,#fff 100%);border:1.5px solid #6ee7b7;border-radius:14px;flex-direction:column;gap:18px;margin-bottom:28px;padding:22px 24px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 4px 14px -2px #10b9811f,0 2px 6px -1px #0000000a}.success-top-row{align-items:flex-start;gap:16px;display:flex}.success-icon-box{color:#fff;background:#10b981;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #10b9814d}.success-text-box{flex:1;min-width:0}.success-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.success-title-row h3{color:#065f46;margin:0;font-size:17px;font-weight:700}.success-code-badge{color:#fff;letter-spacing:.03em;background:#047857;border-radius:6px;padding:3px 9px;font-family:monospace;font-size:13px;font-weight:700}.success-text-box p{color:#047857;margin:0;font-size:13.5px;line-height:1.5}.success-badges-grid{background:#ffffffb3;border:1px solid #a7f3d0;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:12px 16px;display:grid}.success-badge-item{flex-direction:column;gap:2px;display:flex}.success-badge-item .badge-lbl{text-transform:uppercase;color:#059669;letter-spacing:.04em;font-size:11px;font-weight:700}.success-badge-item .badge-val{color:#0f172a;font-size:13px;font-weight:600}.success-badge-item .badge-val.font-mono{color:#0369a1;font-family:monospace}.success-actions-row{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.btn-success-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0596694d}.btn-success-action:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 4px 10px #05966966}.btn-success-secondary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb40}.btn-success-secondary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-success-outline{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8.5px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-success-outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-sm-action.btn-sm-slip{color:#047857;background:#f0fdf4;border-color:#a7f3d0}.btn-sm-action.btn-sm-slip:hover{color:#fff;background:#059669;border-color:#059669}.modal-dialog-custom.modal-label-preview{width:95%;max-width:850px}.label-sheet-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;padding:6px;display:grid}.physical-qr-label-card{background:#fff;border:1.5px dashed #0284c7;border-radius:8px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0000000d}.label-top-brand{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12px;display:flex}.label-top-brand strong{color:#0284c7;letter-spacing:.05em;font-weight:800}.label-core-content{align-items:center;gap:12px;display:flex}.label-qr-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;padding:4px;display:flex}.label-qr-box img{object-fit:contain;width:100%;height:100%}.label-meta-box{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lbl-sample-id{color:#0f172a;font-size:13.5px;font-weight:700}.lbl-desc{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.lbl-batch{color:#0284c7;font-size:11.5px;font-weight:600}.lbl-date{color:#94a3b8;font-size:11px}.label-footer-bar{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:6px;font-size:11px;display:flex}.modal-dialog-custom.modal-slip-preview{flex-direction:column;width:96%;max-width:900px;max-height:92vh;display:flex}.modal-dialog-custom.modal-slip-preview .modal-body-custom{background:#f8fafc;padding:20px;overflow-y:auto}.pickup-slip-container{color:#0f172a;background:#fff;border:1.5px solid #0f172a;border-radius:4px;padding:28px 32px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.slip-header-brand-block{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;display:flex}.slip-lab-logo-title h2{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:800}.slip-lab-subtitle{color:#2563eb;margin-bottom:6px;font-size:12px;font-weight:600}.slip-lab-address-line{color:#475569;margin:0;font-size:11.5px;line-height:1.4}.slip-doc-badge-block{text-align:right}.slip-doc-title{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#0f172a;border-radius:4px;margin-bottom:6px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-block}.slip-doc-subcode{color:#059669;font-size:12px;font-weight:700}.slip-details-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.slip-panel-box{background:#fff;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.slip-panel-title{text-transform:uppercase;letter-spacing:.04em;color:#334155;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:6px 12px;font-size:11.5px;font-weight:700}.slip-panel-content{flex-direction:column;gap:6px;padding:10px 14px;font-size:12px;display:flex}.slip-meta-row{justify-content:space-between;align-items:flex-start;gap:10px;line-height:1.4;display:flex}.slip-meta-row .lbl{color:#64748b;flex-shrink:0;font-weight:600}.slip-meta-row .val{color:#0f172a;text-align:right;word-break:break-word;font-weight:600}.slip-meta-row .val.highlight-code{color:#1d4ed8;font-family:monospace;font-size:13px;font-weight:700}.slip-meta-row .val.highlight-batch{color:#0284c7;font-family:monospace;font-size:13px;font-weight:700}.slip-qr-notice-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.slip-qr-box{background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;padding:4px;display:flex}.slip-qr-box img{object-fit:contain;width:100%;height:100%}.slip-notice-text{color:#334155;flex:1;font-size:12px;line-height:1.5}.slip-notice-text strong{color:#0f172a;margin-bottom:3px;font-size:12.5px;display:block}.slip-manifest-section{margin-bottom:20px}.slip-section-heading{text-transform:uppercase;color:#0f172a;letter-spacing:.03em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.slip-manifest-table{border-collapse:collapse;border:1px solid #94a3b8;width:100%;font-size:11.5px}.slip-manifest-table th{color:#fff;text-align:left;background:#0f172a;border:1px solid #334155;padding:7px 10px;font-weight:600}.slip-manifest-table td{color:#1e293b;vertical-align:top;border:1px solid #cbd5e1;padding:7px 10px}.slip-manifest-table tbody tr:nth-child(2n){background:#f8fafc}.slip-manifest-summary-row{background:#f1f5f9;border:1px solid #cbd5e1;border-top:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.slip-signatures-grid{border-top:1.5px solid #0f172a;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:24px;padding-top:16px;display:grid}.slip-sign-box{border:1px solid #cbd5e1;border-radius:4px;flex-direction:column;justify-content:space-between;min-height:125px;padding:10px 12px;display:flex}.slip-sign-header{text-transform:uppercase;color:#334155;border-bottom:1px dashed #cbd5e1;margin-bottom:8px;padding-bottom:4px;font-size:11px;font-weight:700}.slip-sign-prompt{color:#64748b;font-size:10.5px;line-height:1.4}.slip-sign-line-box{color:#475569;text-align:center;border-top:1px solid #94a3b8;margin-top:auto;padding-top:4px;font-size:10px}.slip-footer-disclaimer{color:#94a3b8;text-align:center;border-top:1px solid #e2e8f0;margin-top:18px;padding-top:8px;font-size:10px;line-height:1.4}@media print{@page{size:A4 portrait;margin:10mm}html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.app-container,.main-layout,.customer-portal-theme,.customer-self-booking-theme{background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.booking-page-header,.booking-success-card,.booking-method-selector-card,.booking-card,.self-booking-sticky-action-bar,.sidebar,.navbar,.main-navbar,.app-header,.app-sidebar,.btn-refresh-clean,.no-print,button{display:none!important}.modal-overlay-custom{z-index:auto!important;background:0 0!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.modal-dialog-custom,.modal-dialog-custom.modal-slip-preview{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.modal-header-custom,.modal-footer-custom{display:none!important}.modal-dialog-custom.modal-slip-preview .modal-body-custom{background:#fff!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.pickup-slip-container{width:100%!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;page-break-inside:auto!important;break-inside:auto!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:1.5px solid #0f172a!important;margin:0!important;padding:16px 20px!important;display:block!important;position:static!important}.slip-header-brand-block,.slip-details-grid,.slip-qr-notice-row,.slip-signatures-grid{page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.slip-manifest-table{border-collapse:collapse!important;page-break-inside:auto!important;width:100%!important}.slip-manifest-table tr{page-break-inside:avoid!important;break-inside:avoid!important}.slip-manifest-table th,.slip-doc-title{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#0f172a!important}.slip-panel-title{color:#334155!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f1f5f9!important}}: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);width:100vw;max-width:100vw;height:100vh;max-height:100vh;color:var(--sa-text);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.sa-sidebar{border-right:1px solid var(--sa-border);width:270px;height:100vh;max-height:100vh;box-shadow:var(--sa-shadow-sm);z-index:20;box-sizing:border-box;background:#fff;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sa-sidebar-brand{border-bottom:1px solid var(--sa-border);background:#fafafa;flex-shrink:0;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{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px 12px;display:flex;overflow:hidden auto}.sa-nav-menu::-webkit-scrollbar{width:5px}.sa-nav-menu::-webkit-scrollbar-track{background:0 0}.sa-nav-menu::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.sa-nav-menu::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.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;flex-shrink:0;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{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.sa-top-header{border-bottom:1px solid var(--sa-border);height:64px;box-shadow:var(--sa-shadow-sm);z-index:10;box-sizing:border-box;background:#fff;flex-shrink:0;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{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1;height:calc(100vh - 64px);min-height:0;max-height:calc(100vh - 64px);padding:28px;overflow:hidden auto}.sa-page-body::-webkit-scrollbar{width:6px}.sa-page-body::-webkit-scrollbar-track{background:#f1f5f9}.sa-page-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.sa-page-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.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}.sa-command-palette-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f172aa6;justify-content:center;align-items:flex-start;padding-top:10vh;padding-left:20px;padding-right:20px;display:flex;position:fixed;inset:0}.sa-command-palette-box{background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;max-width:640px;animation:.15s cubic-bezier(.16,1,.3,1) sa-palette-enter;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59}@keyframes sa-palette-enter{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sa-palette-search-wrapper{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.sa-palette-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.sa-palette-results-list{max-height:380px;padding:8px;overflow-y:auto}.sa-palette-item{cursor:pointer;color:#334155;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;text-decoration:none;transition:all .15s;display:flex}.sa-palette-item:hover,.sa-palette-item.selected{color:#1d4ed8;background:#eff6ff}.sa-palette-shortcut-hint{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:6px;padding:8px 16px;font-size:11px;display:flex}.sa-kbd-badge{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 1px #0000000d}.sa-top-header{border-bottom:1px solid var(--sa-border);z-index:100;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #00000008}.sa-breadcrumbs-nav{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sa-breadcrumb-link{color:#475569;text-decoration:none;transition:color .15s}.sa-breadcrumb-link:hover{color:#2563eb}.sa-breadcrumb-current{color:#0f172a;font-weight:700}.sa-header-quick-search{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:6px 14px;font-size:12px;transition:all .15s;display:flex}.sa-header-quick-search:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.sa-telemetry-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sa-telemetry-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite sa-pulse;box-shadow:0 0 #10b98166}@keyframes sa-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.sa-actionable-alerts-box{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.sa-alert-item{border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.sa-alert-item.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.sa-alert-item.danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.sa-alert-item.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.sa-quota-track{background:#e2e8f0;border-radius:6px;width:100%;height:8px;margin-top:6px;margin-bottom:4px;overflow:hidden}.sa-quota-bar{border-radius:6px;height:100%;transition:width .4s}.sa-quota-bar.normal{background:#2563eb}.sa-quota-bar.warning{background:#f59e0b}.sa-quota-bar.danger{background:#ef4444}.sa-module-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.sa-module-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.sa-module-card:hover{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb14}.sa-module-card.enabled{background:#f8fafc;border-color:#2563eb}.sa-module-card.core-locked{cursor:default;background:#f8fafc;border-color:#cbd5e1}.sa-core-badge{color:#0369a1;letter-spacing:.3px;background:#e0f2fe;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.sa-addon-badge{color:#b45309;letter-spacing:.3px;background:#fef3c7;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.app{flex-direction:column;min-height:100vh;display:flex}