@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}:root{--sidebar-bg:#0f172a;--sidebar-border:#1e293b;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-item-active:#2563eb;--sidebar-item-hover:#1e293b;--bg-main:#f8fafc;--card-bg:#fff;--card-border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#10b981;--success-bg:#dcfce7;--success-text:#15803d;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#b45309;--danger:#ef4444;--danger-bg:#fee2e2;--danger-text:#b91c1c;--purple:#8b5cf6;--purple-bg:#f3e8ff;--purple-text:#6b21a8;--teal:#14b8a6;--teal-bg:#ccfbf1;--teal-text:#0f766e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-glow:0 0 20px #2563eb26;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-wrapper{background-color:var(--bg-main);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.content-area{flex:1;height:calc(100vh - 76px);padding:24px 32px 40px;overflow-y:auto}.sidebar-search{padding:0 16px 16px}.sidebar-search-box{border-radius:var(--radius-sm);color:#94a3b8;background-color:#1e293b;border:1px solid #334155;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.sidebar-search-box:focus-within{border-color:var(--primary);background-color:#0f172a}.sidebar-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sidebar-search-input::placeholder{color:#64748b}.sidebar-menu{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex-direction:column;flex:1;gap:24px;padding:0 12px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background-color:#334155;border-radius:4px}.menu-section{flex-direction:column;gap:4px;display:flex}.menu-section-title{color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px;font-size:.68rem;font-weight:700}.menu-item{border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{background-color:var(--sidebar-item-hover);color:var(--sidebar-text-active)}.menu-item.active{background-color:var(--sidebar-item-active);color:var(--sidebar-text-active);box-shadow:0 4px 12px #2563eb4d}.menu-item-left{align-items:center;gap:12px;display:flex}.menu-badge{color:#fff;text-transform:uppercase;background-color:#3b82f6;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:700}.menu-badge.pro{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.sidebar-user{border-radius:var(--radius-md);background-color:#1e293b;border:1px solid #334155;justify-content:space-between;align-items:center;margin:12px;padding:12px;display:flex}.user-left{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex}.user-name{color:#fff;font-size:.85rem;font-weight:600;line-height:1.2}.user-role{color:#94a3b8;font-size:.75rem}.global-search{flex-shrink:0;width:280px;position:relative}.global-search input{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background-color:#f1f5f9;border:1px solid #0000;outline:none;padding:8px 14px 8px 36px;font-size:.85rem;transition:all .2s}.global-search input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.global-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--card-border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{color:var(--text-primary);background-color:#f8fafc;border-color:#cbd5e1}.notification-badge{background-color:var(--danger);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.kpi-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon-wrapper.blue{background-color:var(--primary-light);color:var(--primary)}.kpi-icon-wrapper.green{background-color:var(--success-bg);color:var(--success)}.kpi-icon-wrapper.amber{background-color:var(--warning-bg);color:var(--warning)}.kpi-icon-wrapper.purple{background-color:var(--purple-bg);color:var(--purple)}.kpi-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex}.kpi-badge.positive{background-color:var(--success-bg);color:var(--success-text)}.kpi-badge.negative{background-color:var(--danger-bg);color:var(--danger-text)}.kpi-bottom{flex-direction:column;gap:2px;display:flex}.kpi-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.2}.kpi-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.kpi-subtext{color:var(--text-muted);margin-top:4px;font-size:.75rem}.analytics-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.widget-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;display:flex}.widget-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.widget-title-group h3{color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.widget-title-group p{color:var(--text-secondary);font-size:.8rem}.pill-select{color:var(--text-secondary);cursor:pointer;background-color:#f1f5f9;border:none;border-radius:20px;outline:none;padding:6px 12px;font-size:.8rem;font-weight:600}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.activity-content{flex:1}.activity-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.activity-text strong{font-weight:600}.activity-time{color:var(--text-muted);margin-top:2px;font-size:.75rem}.data-table-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.table-header-toolbar{border-bottom:1px solid var(--card-border);background-color:#fafafa;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.table-tabs{gap:8px;display:flex}.table-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 14px;font-size:.825rem;font-weight:600;transition:all .2s}.table-tab.active{background-color:var(--primary);color:#fff}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border);background-color:#f8fafc;padding:12px 20px;font-size:.75rem;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:.875rem}.custom-table tr:hover td{background-color:#f8fafc}.status-tag{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-tag.won{background-color:var(--success-bg);color:var(--success-text)}.status-tag.progress{background-color:var(--primary-light);color:var(--primary)}.status-tag.proposal{background-color:var(--warning-bg);color:var(--warning-text)}.status-tag.lost{background-color:var(--danger-bg);color:var(--danger-text)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{font-size:1.15rem;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.form-input,.form-select{border:1px solid var(--card-border);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.modal-footer{border-top:1px solid var(--card-border);background-color:#fafafa;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-secondary{border:1px solid var(--card-border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;padding:9px 16px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=1024px){html,body,#root{overflow-x:hidden!important}.main-wrapper{width:100%!important;min-width:0!important;max-width:100vw!important;margin-left:0!important}.sidebar,.employee-sidebar,.sales-sidebar,.project-sidebar,.hr-sidebar,.acc-sidebar,.mkt-sidebar,.ceo-sidebar,.admin-side-sidebar,.support-sidebar,.finance-sidebar{box-shadow:none;z-index:1000!important;flex-direction:column!important;width:280px!important;max-width:85vw!important;height:100vh!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.mobile-open,.employee-sidebar.mobile-open,.sales-sidebar.mobile-open,.project-sidebar.mobile-open,.hr-sidebar.mobile-open,.acc-sidebar.mobile-open,.mkt-sidebar.mobile-open,.ceo-sidebar.mobile-open,.admin-side-sidebar.mobile-open,.support-sidebar.mobile-open,.finance-sidebar.mobile-open{z-index:1001!important;transform:translate(0)!important;box-shadow:6px 0 30px #00000080!important}.sidebar.mobile-open span,.employee-sidebar.mobile-open span,.sales-sidebar.mobile-open span,.project-sidebar.mobile-open span,.hr-sidebar.mobile-open span,.acc-sidebar.mobile-open span,.mkt-sidebar.mobile-open span,.ceo-sidebar.mobile-open span,.admin-side-sidebar.mobile-open span,.support-sidebar.mobile-open span,.finance-sidebar.mobile-open span{visibility:visible!important;opacity:1!important;display:inline-block!important}.sidebar.mobile-open .brand-info,.employee-sidebar.mobile-open .employee-brand-info,.sales-sidebar.mobile-open .sales-brand-info,.project-sidebar.mobile-open .project-brand-info,.hr-sidebar.mobile-open .hr-brand-info,.mkt-sidebar.mobile-open .mkt-brand-info,.ceo-sidebar.mobile-open .ceo-brand-info,.employee-sidebar.mobile-open .employee-menu-title,.sales-sidebar.mobile-open .sales-menu-title,.hr-sidebar.mobile-open .hr-menu-title,.mkt-sidebar.mobile-open .mkt-menu-title,.sidebar.mobile-open .menu-section-title{visibility:visible!important;opacity:1!important;display:flex!important}.sidebar-user,.employee-sidebar-footer,.sales-sidebar-user,.project-sidebar-user,.hr-sidebar-footer,.acc-sidebar-footer,.mkt-sidebar-footer,.ceo-sidebar-footer,.admin-side-sidebar-footer,.support-sidebar-footer,.finance-sidebar-footer{background-color:#0f172af2!important;border-top:1px solid #1e293b!important;margin-top:auto!important;padding:12px 16px!important;display:flex!important}.user-details,.employee-user-info,.sales-user-info,.project-user-info,.hr-user-info,.acc-user-info,.mkt-user-info,.ceo-user-info,.admin-side-user-info{flex-direction:column!important;display:flex!important}.sidebar-backdrop{z-index:999!important;display:block!important}.kpi-grid{grid-template-columns:1fr}.header,.employee-header,.sales-header,.project-header,.hr-header,.acc-header,.mkt-header,.ceo-header,.admin-side-header{padding:0 16px!important}.content-area{width:100%!important;max-width:100vw!important;height:calc(100vh - 65px)!important;padding:14px 14px 32px!important;overflow-x:hidden!important}.mobile-menu-btn,.ceo-menu-toggle,.admin-side-menu-toggle{display:flex!important}.desktop-only{display:none!important}.sv-table-container,.sv-table-wrap,.table-container,.acc-table-wrapper,.support-table-card,.fin-table-container,.table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important}.sv-header-row,.widget-header,.smd-top-banner,.employee-welcome-banner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.sv-actions,.welcome-quick-actions,.smd-actions-row{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.sv-actions button,.welcome-quick-actions button,.smd-actions-row button{flex:1!important;justify-content:center!important}}@media (width<=768px){.sv-form-grid,.modal-grid,.form-row,.acc-form-row,.invoice-form-grid,.payment-form-grid,.pf-grid{grid-template-columns:1fr!important;gap:12px!important}.modal-content,.sv-modal,.acc-modal,.emp-modal,.custom-modal,.modal-card{width:95%!important;max-width:95vw!important;max-height:90vh!important;margin:16px auto!important;padding:16px!important;overflow-y:auto!important}.header-search{width:100%!important;min-width:140px!important}}.mobile-menu-btn{border:1px solid var(--card-border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-btn:hover{color:var(--text-primary);background:#f1f5f9}.sidebar-backdrop{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172aa6;animation:.2s fadeIn;display:none;position:fixed;inset:0}.auth-page-container{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 50%,#e0e7ff 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:16px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-5%;left:10%}.auth-page-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-5%;right:10%}.auth-card{z-index:2;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:460px;max-height:calc(100vh - 32px);padding:28px 32px;display:flex;position:relative;box-shadow:0 20px 40px -15px #2563eb1f,0 4px 12px #0000000a}.auth-card-wide{gap:14px;max-width:520px;padding:22px 28px}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-logo-badge{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;display:flex;box-shadow:0 6px 16px #2563eb4d}.auth-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.auth-subtitle{color:#64748b;margin:0;font-size:.85rem}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field-group{flex-direction:column;gap:4px;display:flex}.auth-row-between{justify-content:space-between;align-items:center;display:flex}.auth-label{color:#334155;letter-spacing:.01em;font-size:.8rem;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:12px}.auth-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:38px;padding:10px 12px 10px 38px;font-size:.875rem;transition:all .2s}.auth-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.auth-input:focus+.auth-input-icon,.auth-input-wrapper:focus-within .auth-input-icon{color:#2563eb}.auth-input::placeholder{color:#94a3b8}.auth-select{color:#0f172a;cursor:pointer;appearance:none;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:38px;padding:9px 12px 9px 38px;font-size:.875rem;transition:all .2s}.auth-select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;margin-top:4px;padding:11px 18px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.auth-submit-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-link{color:#2563eb;cursor:pointer;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#1d4ed8;text-decoration:underline}.auth-alert{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.825rem;font-weight:500;line-height:1.4;display:flex}.auth-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.auth-alert-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.auth-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.auth-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding-top:12px;font-size:.825rem;display:flex}.auth-reqs-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;transition:all .2s}.auth-reqs-title{color:#475569;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.auth-reqs-grid{grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.725rem;display:grid}.auth-req-item{align-items:center;gap:4px;font-weight:500;display:flex}.auth-req-item.met{color:#059669}.auth-req-item.unmet{color:#94a3b8}@media (height<=720px),(width<=640px){.auth-page-container{align-items:flex-start;padding:20px 16px;overflow-y:auto}.auth-card{max-height:none}}.auth-split-page{width:100vw;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.auth-brand-panel{background-image:linear-gradient(135deg,#0f172aeb 0%,#1e293be0 100%),url(https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;flex:1.1;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.auth-brand-overlay{pointer-events:none;background:radial-gradient(circle at 20% 20%,#2563eb40,#0000 50%),radial-gradient(circle at 80% 80%,#6366f133,#0000 50%);position:absolute;inset:0}.auth-brand-content{z-index:1;color:#fff;max-width:460px;position:relative}.auth-brand-logo-row{align-items:center;gap:12px;margin-bottom:48px;display:flex}.auth-logo-badge-brand{width:40px;height:40px;margin-bottom:0}.auth-brand-name{letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.auth-brand-heading{letter-spacing:-.02em;margin:0 0 16px;font-size:2.1rem;font-weight:800;line-height:1.25}.auth-brand-subheading{color:#cbd5e1;margin:0 0 44px;font-size:1rem;line-height:1.6}.auth-brand-features{flex-direction:column;gap:22px;display:flex}.auth-brand-feature{align-items:flex-start;gap:14px;display:flex}.auth-brand-feature-icon{color:#93c5fd;background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auth-brand-feature-title{color:#fff;margin-bottom:2px;font-size:.92rem;font-weight:700}.auth-brand-feature-desc{color:#94a3b8;font-size:.82rem}.auth-form-panel{background-color:#fff;flex:1;justify-content:center;align-items:center;display:flex}.auth-page-container-embedded{background:0 0;width:100%;min-height:auto;padding:24px}.auth-page-container-embedded:before,.auth-page-container-embedded:after{display:none}@media (width<=900px){.auth-brand-panel{display:none}.auth-form-panel{width:100%}}.auth-page-container-bgimage{background:linear-gradient(135deg,#0f172a8c 0%,#1e293b80 100%),url(https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1600&q=80) 50%/cover no-repeat!important}.auth-page-container-bgimage:before,.auth-page-container-bgimage:after{display:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.pw-root{color:#1e293b;scroll-behavior:smooth;background:#fff;flex-direction:column;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;display:flex;overflow-x:hidden;overflow-y:auto!important}.pw-root::-webkit-scrollbar{width:10px}.pw-root::-webkit-scrollbar-track{background:#f1f5f9}.pw-root::-webkit-scrollbar-thumb{background:#2563eb;border:2px solid #f1f5f9;border-radius:5px}.pw-root::-webkit-scrollbar-thumb:hover{background:#1d4ed8}.pw-container{max-width:1200px;margin:0 auto;padding:0 24px}.pw-text-blue,.pw-blue-accent,.pw-icon-blue{color:#2563eb}.pw-btn-primary-blue{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.pw-btn-primary-blue:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.pw-btn-outline-blue{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.pw-btn-outline-blue:hover{background:#eff6ff;border-color:#2563eb}.pw-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e2e8f0;transition:all .3s;position:fixed;top:0;left:0;right:0}.pw-nav.scrolled{box-shadow:0 4px 20px #0000000f}.pw-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.pw-nav-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.pw-logo-icon{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 3px 10px #2563eb4d}.pw-logo-text{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800}.pw-nav-links{align-items:center;gap:6px;list-style:none;display:flex}.pw-nav-links button{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:7px 13px;font-size:.88rem;font-weight:600;transition:all .2s}.pw-nav-links button:hover{color:#2563eb;background:#eff6ff}.pw-nav-links button.active-nav-item,.pw-mobile-menu button.active-nav-item{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;font-weight:700}.pw-nav-actions{align-items:center;gap:12px;display:flex}.pw-nav-hamburger{cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;transition:all .2s;display:none}.pw-nav-hamburger:hover{background:#e2e8f0}.pw-nav-hamburger span{background:#1e293b;border-radius:2px;width:20px;height:2px;transition:all .25s}.pw-mobile-menu{-webkit-overflow-scrolling:touch;border-top:1px solid #e2e8f0;border-bottom:2px solid #cbd5e1;flex-direction:column;gap:8px;max-height:calc(100vh - 76px);padding:16px 20px 24px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;z-index:1005!important;background:#fff!important;box-shadow:0 16px 36px #0000002e!important}.pw-mobile-menu.open{display:flex!important}.pw-mobile-menu button{text-align:left;cursor:pointer;transition:all .15s;color:#1e293b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:12px 16px!important;font-size:.95rem!important;font-weight:600!important;display:flex!important}.pw-mobile-menu button:hover,.pw-mobile-menu button:focus{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}.pw-mobile-menu button.active-nav-item{color:#2563eb!important;background:#eff6ff!important;border-color:#3b82f6!important;font-weight:700!important}.pw-mobile-divider{background:#e2e8f0;height:1px;margin:8px 0}.pw-mobile-btns{flex-direction:column;gap:10px;width:100%;display:flex}.pw-mobile-btns button{text-align:center!important;justify-content:center!important;padding:12px!important}.pw-page-wrapper{flex:1;padding-top:72px}.pw-page-header{text-align:center;background:linear-gradient(#f8fafc 0%,#eff6ff 100%);border-bottom:1px solid #e2e8f0;padding:56px 0 48px}.pw-page-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.04em;background:#dbeafe;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.pw-page-title{color:#0f172a;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.pw-page-subtitle{color:#64748b;max-width:620px;margin:0 auto;font-size:1.05rem;line-height:1.6}.pw-hero{background:linear-gradient(#f8fafc 0%,#eff6ff 100%);padding-top:120px;padding-bottom:72px;position:relative}.pw-hero-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.pw-hero-heading{color:#0f172a;margin-bottom:20px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.2rem,4.5vw,3.25rem);font-weight:800;line-height:1.15}.pw-hero-description{color:#475569;max-width:480px;margin-bottom:32px;font-size:1.05rem;line-height:1.65}.pw-hero-btn-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px;display:flex}.pw-btn-hero-solid{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:13px 32px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #2563eb59}.pw-btn-hero-solid:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.pw-btn-hero-outline{color:#2563eb;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:all .2s}.pw-btn-hero-outline:hover{background:#dbeafe;border-color:#2563eb}.pw-hero-trust-bar{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pw-trust-pill{color:#475569;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.ref-mockup-wrapper{position:relative}.ref-mockup-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.ref-mockup-topbar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ref-mockup-search{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;width:180px;padding:5px 12px;font-size:.75rem;display:flex}.ref-mockup-top-right{align-items:center;gap:12px;display:flex}.ref-icon-btn{background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ref-user-avatar img{object-fit:cover;border-radius:50%;width:28px;height:28px}.ref-mockup-body{grid-template-columns:140px 1fr;min-height:360px;display:grid}.ref-mockup-sidebar{color:#fff;background:#0b1736;flex-direction:column;gap:16px;padding:14px 10px;display:flex}.ref-sidebar-logo{align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.ref-logo-icon{background:#2563eb;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex}.ref-sidebar-menu{flex-direction:column;gap:4px;display:flex}.ref-sidebar-item{color:#94a3b8;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.7rem;font-weight:500;display:flex}.ref-sidebar-item.active{color:#fff;background:#2563eb;font-weight:600}.ref-mockup-main{background:#f8fafc;flex-direction:column;gap:12px;padding:14px;display:flex}.ref-main-title{color:#0f172a;font-size:.95rem;font-weight:800}.ref-kpi-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ref-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.ref-kpi-label{color:#64748b;font-size:.58rem;font-weight:600;display:block}.ref-kpi-val{color:#0f172a;font-size:.85rem;font-weight:800;display:block}.ref-kpi-badge{border-radius:4px;padding:1px 4px;font-size:.52rem;font-weight:700}.ref-kpi-badge.green{color:#16a34a;background:#dcfce7}.ref-kpi-badge.purple{color:#7c3aed;background:#f3e8ff}.ref-kpi-badge.orange{color:#ea580c;background:#ffedd5}.ref-kpi-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ref-kpi-icon.blue{color:#2563eb;background:#eff6ff}.ref-kpi-icon.green{color:#16a34a;background:#f0fdf4}.ref-kpi-icon.purple{color:#7c3aed;background:#f5f3ff}.ref-kpi-icon.orange{color:#ea580c;background:#fff7ed}.ref-bottom-row{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.ref-chart-card,.ref-activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.ref-card-header{color:#1e293b;margin-bottom:8px;font-size:.65rem;font-weight:700}.ref-svg-chart{width:100%;height:65px}.ref-chart-months{color:#94a3b8;justify-content:space-between;margin-top:2px;font-size:.5rem;display:flex}.ref-activity-list{flex-direction:column;gap:6px;display:flex}.ref-activity-item{align-items:center;gap:8px;display:flex}.ref-act-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ref-act-icon.blue{color:#2563eb;background:#eff6ff}.ref-act-icon.green{color:#16a34a;background:#f0fdf4}.ref-act-icon.teal{color:#0d9488;background:#ccfbf1}.ref-act-icon.orange{color:#ea580c;background:#fff7ed}.ref-act-title{color:#334155;font-size:.58rem;font-weight:600}.ref-act-time{color:#94a3b8;font-size:.5rem}.ref-float-toast{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;animation:3.5s ease-in-out infinite floatToast;display:flex;position:absolute;bottom:20px;left:-20px;box-shadow:0 12px 30px #0000001f}@keyframes floatToast{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pw-section{padding:72px 0}.pw-bg-white{background:#fff}.pw-bg-light{background:#f8fafc}.pw-section-heading-center{text-align:center;margin-bottom:48px}.pw-section-heading-center h2{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.pw-features-8grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pw-feature-pill-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px;transition:all .25s;display:flex}.pw-feature-pill-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 30px #2563eb1a}.pw-full-features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.pw-full-feat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:all .25s}.pw-full-feat-card:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 12px 30px #2563eb14}.pw-full-feat-card h3{color:#0f172a;margin-bottom:10px;font-size:1.1rem;font-weight:800}.pw-full-feat-card p{color:#64748b;font-size:.88rem;line-height:1.6}.pw-feat-icon-box{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:16px;display:flex}.pw-feat-card-title{color:#0f172a;font-size:.92rem;font-weight:700}.pw-solutions-7grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pw-sol-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px;transition:all .25s;display:flex}.pw-sol-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.pw-sol-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.pw-sol-title{color:#0f172a;margin-bottom:8px;font-size:1rem;font-weight:800}.pw-sol-desc{color:#64748b;flex:1;margin-bottom:20px;font-size:.8rem;line-height:1.5}.pw-sol-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:flex}.pw-wf-container{justify-content:space-between;align-items:center;gap:12px;display:flex}.pw-wf-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.pw-wf-badge-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;display:flex;box-shadow:0 4px 12px #2563eb1f}.pw-wf-title{color:#0f172a;margin-bottom:4px;font-size:.95rem;font-weight:800}.pw-wf-subtitle{color:#64748b;font-size:.78rem}.pw-wf-chevron{justify-content:center;align-items:center;display:flex}.pw-detailed-steps-list{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;display:flex}.pw-detailed-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;display:flex}.pw-step-number{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.8rem;font-weight:800;display:flex}.pw-step-content h3{color:#0f172a;margin-bottom:4px;font-size:1.1rem;font-weight:800}.pw-step-tag{color:#2563eb;margin-bottom:8px;font-size:.78rem;font-weight:700}.pw-step-content p{color:#475569;font-size:.88rem;line-height:1.6}.pw-billing-toggle{background:#fff;border:1px solid #cbd5e1;border-radius:100px;align-items:center;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.pw-billing-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.pw-billing-toggle button.active{color:#fff;background:#2563eb}.pw-save-chip{color:#16a34a;background:#dcfce7;border-radius:100px;padding:2px 6px;font-size:.68rem;font-weight:700}.pw-pricing-4grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.pw-price-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:32px 24px;transition:all .25s;display:flex;position:relative}.pw-price-box.popular{border-color:#2563eb;box-shadow:0 16px 40px #2563eb26}.pw-pop-tag{color:#fff;background:#2563eb;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;right:24px}.pw-price-name{color:#0f172a;margin-bottom:12px;font-size:1.1rem;font-weight:800}.pw-price-row{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.pw-price-val{color:#2563eb;font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:800}.pw-price-per{color:#64748b;font-size:.85rem}.pw-price-sub{color:#64748b;margin-bottom:24px;font-size:.8rem}.pw-price-list{flex-direction:column;flex:1;gap:12px;margin-bottom:32px;list-style:none;display:flex}.pw-price-list li{color:#334155;align-items:center;gap:8px;font-size:.85rem;display:flex}.pw-check-blue{color:#2563eb;flex-shrink:0}.pw-price-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px;font-size:.9rem;font-weight:700;transition:all .2s}.pw-price-btn.solid,.pw-price-btn.outline{color:#fff;background:#2563eb}.pw-price-btn.solid:hover,.pw-price-btn.outline:hover{background:#1d4ed8}.pw-faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:960px;margin:0 auto;display:grid}.pw-faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.pw-faq-q{color:#0f172a;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.pw-faq-a{color:#64748b;font-size:.85rem;line-height:1.6}.pw-careers-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex}.pw-search-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:280px;padding:10px 16px;display:flex}.pw-search-input-box input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.pw-filter-select-group{gap:10px;display:flex}.pw-filter-select-group select{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-size:.88rem}.pw-jobs-4grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pw-job-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;transition:all .25s;display:flex}.pw-job-box:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 12px 30px #0000000f}.pw-job-icon-square{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.pw-job-role{color:#0f172a;margin-bottom:6px;font-size:1rem;font-weight:800}.pw-job-meta-line{color:#64748b;margin-bottom:10px;font-size:.78rem}.pw-job-skills-line{color:#475569;flex:1;margin-bottom:20px;font-size:.78rem}.pw-job-apply-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.82rem;font-weight:700;display:flex}.pw-jobs-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:48px}.pw-about-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px;display:grid}.pw-stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:28px 20px}.pw-stat-num{color:#2563eb;margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:800}.pw-stat-lbl{color:#64748b;font-size:.85rem;font-weight:600}.pw-about-content-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;display:grid}.pw-about-highlight-box{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:20px;padding:36px}.pw-badge-blue{text-transform:uppercase;color:#2563eb;background:#fff;border-radius:100px;margin-bottom:12px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.pw-contact-wrapper{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.pw-contact-info-col h2{color:#0f172a;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800}.pw-contact-info-col p{color:#64748b;margin-bottom:32px;line-height:1.6}.pw-contact-items-list{flex-direction:column;gap:18px;display:flex}.pw-contact-item{color:#1e293b;align-items:center;gap:12px;font-size:.92rem;font-weight:600;display:flex}.pw-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 12px 30px #0000000a}.pw-form-card h3{color:#0f172a;margin-bottom:20px;font-size:1.2rem;font-weight:800}.pw-form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.pw-form-field label{color:#475569;font-size:.82rem;font-weight:600}.pw-form-field input,.pw-form-field textarea{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem}.pw-form-field input:focus,.pw-form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pw-form-alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:10px;font-size:.85rem;display:flex}.pw-footer{color:#94a3b8;background:#0b1736;margin-top:auto;padding-top:64px;padding-bottom:32px}.pw-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.5fr;gap:32px;margin-bottom:48px;display:grid}.pw-footer-col h4{color:#fff;margin-bottom:18px;font-size:.9rem;font-weight:700}.pw-footer-logo{color:#fff;align-items:center;gap:8px;margin-bottom:14px;font-size:1.2rem;font-weight:800;display:flex}.pw-footer-desc{margin-bottom:20px;font-size:.82rem;line-height:1.6}.pw-footer-socials{gap:8px;display:flex}.pw-social-btn{color:#fff;cursor:pointer;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.pw-social-btn:hover{background:#2563eb}.pw-footer-ul{flex-direction:column;gap:10px;list-style:none;display:flex}.pw-footer-ul li{cursor:pointer;font-size:.82rem;transition:color .2s}.pw-footer-ul li:hover{color:#fff}.pw-contact-ul li{cursor:default;align-items:center;gap:8px;display:flex}.pw-newsletter-text{margin-bottom:12px;font-size:.82rem}.pw-newsletter-form{gap:6px;display:flex}.pw-newsletter-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:.8rem}.pw-newsletter-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 14px;font-size:.8rem;font-weight:600}.pw-footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:24px;font-size:.78rem;display:flex}.pw-footer-legal-links{gap:16px;display:flex}.pw-footer-legal-links span{cursor:pointer}.pw-footer-legal-links span:hover{color:#fff}.pw-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pw-modal-card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 50px #0003}.pw-modal-close{cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.pw-modal-icon-header{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.pw-modal-card h3{color:#0f172a;margin-bottom:8px;font-size:1.25rem;font-weight:800}.pw-modal-sub{color:#64748b;margin-bottom:20px;font-size:.85rem}.pw-modal-body-text{color:#475569;margin-bottom:24px;font-size:.92rem;line-height:1.6}.pw-modal-actions{justify-content:flex-end;display:flex}.pw-modal-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.pw-apply-form{flex-direction:column;gap:12px;display:flex}@media (width<=1024px){.pw-hero-inner{grid-template-columns:1fr}.pw-features-8grid,.pw-full-features-grid,.pw-solutions-7grid,.pw-pricing-4grid,.pw-jobs-4grid,.pw-about-stats-grid{grid-template-columns:repeat(2,1fr)}.pw-about-content-grid{grid-template-columns:1fr;gap:32px}.pw-footer-grid{grid-template-columns:1fr 1fr}.pw-wf-container{flex-wrap:wrap;justify-content:center}}@media (width<=768px){.pw-nav-links,.pw-nav-actions{display:none}.pw-nav-hamburger{display:flex}.pw-features-8grid,.pw-full-features-grid,.pw-solutions-7grid,.pw-pricing-4grid,.pw-jobs-4grid,.pw-faq-grid,.pw-contact-wrapper,.pw-footer-grid{grid-template-columns:1fr}.pw-footer-bottom{flex-direction:column;gap:12px}.pw-careers-filter-bar{flex-direction:column;align-items:stretch}.pw-filter-select-group{flex-direction:column}}@keyframes pwFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pw-page-header{animation:.6s both pwFadeIn}.pw-detailed-step-card{opacity:0;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.6s forwards pwFadeInUp}.pw-detailed-step-card:hover{border-color:#93c5fd;transform:translate(6px);box-shadow:0 12px 28px #2563eb1a}.pw-detailed-step-card:first-child{animation-delay:50ms}.pw-detailed-step-card:nth-child(2){animation-delay:.15s}.pw-detailed-step-card:nth-child(3){animation-delay:.25s}.pw-detailed-step-card:nth-child(4){animation-delay:.35s}.pw-detailed-step-card:nth-child(5){animation-delay:.45s}.pw-step-number{transition:transform .3s,background-color .3s}.pw-detailed-step-card:hover .pw-step-number{color:#fff;background:#2563eb;transform:scale(1.08)rotate(-4deg)}.pw-wf-item{transition:transform .25s}.pw-wf-item:hover{transform:translateY(-4px)}.pw-wf-item:hover .pw-wf-badge-icon{transform:scale(1.1);box-shadow:0 8px 20px #2563eb40}.pw-wf-badge-icon{transition:transform .3s,box-shadow .3s}.pw-wf-chevron svg{transition:transform .3s}.pw-wf-container:hover .pw-wf-chevron svg{transform:translate(2px)}.pw-price-box{opacity:0;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.55s forwards pwFadeInUp}.pw-price-box:first-child{animation-delay:50ms}.pw-price-box:nth-child(2){animation-delay:.15s}.pw-price-box:nth-child(3){animation-delay:.25s}.pw-price-box:nth-child(4){animation-delay:.35s}.pw-price-box:hover{transform:translateY(-8px);box-shadow:0 20px 44px #0f172a1f}.pw-price-box.popular:hover{box-shadow:0 24px 50px #2563eb38}.pw-price-val{transition:transform .3s}.pw-price-box:hover .pw-price-val{transform:scale(1.05)}.pw-price-list li{opacity:0;animation:.4s forwards pwFadeIn}.pw-price-box:first-child .pw-price-list li:first-child{animation-delay:.3s}.pw-price-box:first-child .pw-price-list li:nth-child(2){animation-delay:.36s}.pw-price-box:first-child .pw-price-list li:nth-child(3){animation-delay:.42s}.pw-price-box:first-child .pw-price-list li:nth-child(4){animation-delay:.48s}.pw-price-box:nth-child(2) .pw-price-list li:first-child{animation-delay:.4s}.pw-price-box:nth-child(2) .pw-price-list li:nth-child(2){animation-delay:.46s}.pw-price-box:nth-child(2) .pw-price-list li:nth-child(3){animation-delay:.52s}.pw-price-box:nth-child(2) .pw-price-list li:nth-child(4){animation-delay:.58s}.pw-price-box:nth-child(3) .pw-price-list li:first-child{animation-delay:.5s}.pw-price-box:nth-child(3) .pw-price-list li:nth-child(2){animation-delay:.56s}.pw-price-box:nth-child(3) .pw-price-list li:nth-child(3){animation-delay:.62s}.pw-price-box:nth-child(3) .pw-price-list li:nth-child(4){animation-delay:.68s}.pw-price-box:nth-child(4) .pw-price-list li:first-child{animation-delay:.6s}.pw-price-box:nth-child(4) .pw-price-list li:nth-child(2){animation-delay:.66s}.pw-price-box:nth-child(4) .pw-price-list li:nth-child(3){animation-delay:.72s}.pw-price-box:nth-child(4) .pw-price-list li:nth-child(4){animation-delay:.78s}.pw-billing-toggle button{transition:all .25s}.pw-price-btn{transition:transform .2s,box-shadow .2s,background-color .2s}.pw-price-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.pw-faq-card{opacity:0;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.5s forwards pwFadeInUp}.pw-faq-card:first-child{animation-delay:.1s}.pw-faq-card:nth-child(2){animation-delay:.18s}.pw-faq-card:nth-child(3){animation-delay:.26s}.pw-faq-card:nth-child(4){animation-delay:.34s}.pw-faq-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.pw-stat-card{opacity:0;transition:transform .3s,box-shadow .3s,background-color .3s;animation:.5s forwards pwScaleIn}.pw-stat-card:first-child{animation-delay:50ms}.pw-stat-card:nth-child(2){animation-delay:.15s}.pw-stat-card:nth-child(3){animation-delay:.25s}.pw-stat-card:nth-child(4){animation-delay:.35s}.pw-stat-card:hover{background-color:#fff;border-color:#bfdbfe;transform:translateY(-6px);box-shadow:0 16px 32px #2563eb1f}.pw-stat-num{transition:transform .3s}.pw-stat-card:hover .pw-stat-num{transform:scale(1.1)}.pw-about-content-grid>div:first-child{opacity:0;animation:.6s .15s forwards pwFadeInUp}.pw-about-highlight-box{opacity:0;transition:transform .3s,box-shadow .3s;animation:.6s .3s forwards pwFadeInUp}.pw-about-highlight-box:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2563eb26}.pw-about-highlight-box li{transition:transform .2s}.pw-about-highlight-box li:hover{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.pw-detailed-step-card,.pw-price-box,.pw-price-list li,.pw-faq-card,.pw-stat-card,.pw-about-content-grid>div:first-child,.pw-about-highlight-box,.pw-page-header{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=1024px){.pw-nav-links,.pw-nav-actions{display:none!important}.pw-nav-hamburger{display:flex!important}.pw-hero-inner{text-align:center;grid-template-columns:1fr!important;gap:40px!important}.pw-hero-text-col{margin:0 auto;max-width:100%!important}.pw-hero-actions,.pw-hero-trust{justify-content:center!important}.pw-features-grid,.pw-solutions-grid,.pw-pricing-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.pw-footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px!important}.pw-contact-grid,.pw-careers-grid,.pw-about-grid,.pw-about-content-grid{grid-template-columns:1fr!important;gap:28px!important}}@media (width<=768px){.pw-nav-inner{height:64px!important;padding:0 16px!important}.pw-hero{padding-top:96px!important;padding-bottom:48px!important}.pw-hero-heading{font-size:2.1rem!important;line-height:1.25!important}.pw-hero-subtitle{margin-bottom:24px!important;font-size:1rem!important}.pw-hero-actions{flex-direction:column!important;gap:12px!important;width:100%!important}.pw-hero-actions button{justify-content:center!important;width:100%!important}.pw-hero-trust{flex-direction:column!important;align-items:center!important;gap:10px!important}.ref-mockup-wrapper{width:100%!important;max-width:100%!important}.ref-mockup-body{grid-template-columns:1fr!important}.ref-mockup-sidebar{display:none!important}.ref-float-toast{width:100%!important;margin-top:12px!important;position:static!important;box-shadow:0 4px 12px #00000014!important}.pw-features-grid,.pw-solutions-grid,.pw-pricing-grid,.pw-stats-grid,.pw-footer-grid{grid-template-columns:1fr!important;gap:16px!important}.pw-page-header{padding:40px 16px 32px!important}.pw-page-title{font-size:1.9rem!important}.pw-page-subtitle{font-size:.95rem!important}.pw-pricing-billing-toggle{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.pw-modal-box{width:95%!important;max-width:95%!important;max-height:90vh!important;padding:20px 16px!important;overflow-y:auto!important}.pw-contact-form-card,.pw-demo-form-card,.pw-apply-card{padding:20px 16px!important}.pw-form-row{grid-template-columns:1fr!important}.pw-careers-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.pw-careers-search-input{width:100%!important}}@media (width<=480px){.pw-container{padding:0 14px!important}.pw-nav-inner{height:60px!important;padding:0 12px!important}.pw-logo-text{font-size:1.1rem!important}.pw-logo-icon{width:32px!important;height:32px!important;font-size:1rem!important}.pw-hero-heading{font-size:1.75rem!important}.pw-page-title{font-size:1.6rem!important}.pw-price-box{padding:24px 16px!important}.pw-footer{padding:40px 0 24px!important}}.sidebar{background-color:var(--sidebar-bg,#0f172a);border-right:1px solid var(--sidebar-border,#1e293b);z-index:20;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:relative}.sidebar-header{align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.brand-info{flex-direction:column;display:flex}.brand-name{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.brand-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}@media (width<=768px){.sidebar{width:280px}}.ceo-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s,transform .3s;display:flex;position:sticky;top:0}.ceo-sidebar.collapsed{width:80px}.ceo-sidebar-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.ceo-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.ceo-brand-logo{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 12px #2563eb59}.ceo-brand-logo:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.ceo-brand-info{flex-direction:column;min-width:0;display:flex}.ceo-brand-name{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.ceo-brand-subtitle{color:#60a5fa;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.ceo-collapse-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.ceo-collapse-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.ceo-collapse-btn:active{transform:scale(.95)}.ceo-sidebar-menu{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow-y:auto}.ceo-sidebar-menu::-webkit-scrollbar{width:5px}.ceo-sidebar-menu::-webkit-scrollbar-thumb{background-color:#334155;border-radius:4px;transition:background-color .2s}.ceo-sidebar-menu::-webkit-scrollbar-thumb:hover{background-color:#475569}.ceo-menu-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding-left:8px;font-size:.7rem;font-weight:700}.ceo-menu-section{flex-direction:column;gap:4px;display:flex}.ceo-menu-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;display:flex}.ceo-menu-item:hover{color:#f8fafc;background-color:#1e293b;transform:translate(2px)}.ceo-menu-item.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);font-weight:600;transform:translate(0);box-shadow:0 4px 12px #2563eb59}.ceo-menu-item.active:hover{transform:translate(0)}.ceo-menu-item.active svg{color:#fff}.ceo-menu-item svg{flex-shrink:0;transition:transform .2s}.ceo-menu-item:hover svg{transform:scale(1.08)}.ceo-menu-left{white-space:nowrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.ceo-menu-left span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ceo-menu-badge{color:#f8fafc;white-space:nowrap;background-color:#334155;border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 9px;font-size:.7rem;font-weight:700;transition:background-color .2s,color .2s}.ceo-menu-item.active .ceo-menu-badge{color:#fff;background-color:#ffffff40}.ceo-sidebar-footer{background-color:#0f172a;border-top:1px solid #1e293b;flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:relative}.ceo-user-card{background-color:#1e293b;border:1px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.ceo-user-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.ceo-user-left{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ceo-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.ceo-user-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ceo-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:600;overflow:hidden}.ceo-user-role{color:#60a5fa;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.ceo-logout-action{color:#ef4444;cursor:pointer;background-color:#ef444426;border:1px solid #ef44444d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ceo-logout-action:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:scale(1.05)}.ceo-role-dropdown{z-index:50;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;max-height:320px;padding:8px;animation:.18s ceoDropdownIn;display:flex;position:absolute;bottom:70px;left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 28px #00000080}@keyframes ceoDropdownIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ceo-role-dropdown-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;font-size:.7rem;font-weight:700}.ceo-role-item{color:#cbd5e1;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.825rem;transition:background-color .15s,color .15s,transform .15s;display:flex}.ceo-role-item:hover{color:#fff;background-color:#1e293b;transform:translate(2px)}.ceo-role-item.active{color:#60a5fa;background-color:#2563eb33;font-weight:600}@media (width<=1024px){.ceo-sidebar{z-index:1000;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px;box-shadow:4px 0 24px #0006;width:280px!important}.ceo-sidebar.mobile-open{transform:translate(280px)}.ceo-collapse-btn{display:none!important}}.notif-dropdown-wrapper{display:inline-block;position:relative}.notif-bell-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notif-bell-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.notif-badge-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-popover{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:360px;max-width:90vw;animation:.2s ease-out notifFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 32px #0f172a26}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-popover-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-header-left{align-items:center;gap:8px;display:flex}.notif-header-left h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.notif-unread-pill{color:#2563eb;background:#eff6ff;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.notif-header-actions{align-items:center;gap:8px;display:flex}.notif-mark-all-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.78rem;font-weight:600}.notif-mark-all-btn:hover{text-decoration:underline}.notif-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;display:flex}.notif-close-btn:hover{color:#0f172a;background:#e2e8f0}.notif-list-container{max-height:380px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notif-item.unread{background:#f8fafc}.notif-item.read{opacity:.85;background:#fff}.notif-item:hover{background:#f1f5f9}.notif-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-indicator.leave{background:#f59e0b}.notif-indicator.attendance{background:#10b981}.notif-indicator.deal{background:#2563eb}.notif-indicator.lead{background:#8b5cf6}.notif-indicator.task{background:#ec4899}.notif-indicator.system{background:#64748b}.notif-content{flex:1;min-width:0}.notif-item-top{justify-content:space-between;align-items:baseline;margin-bottom:3px;display:flex}.notif-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.notif-time{color:#94a3b8;flex-shrink:0;margin-left:6px;font-size:.72rem}.notif-message{color:#475569;margin:0;font-size:.8rem;line-height:1.35}.notif-item-actions{opacity:0;flex-direction:column;gap:4px;transition:opacity .15s;display:flex}.notif-item:hover .notif-item-actions{opacity:1}.notif-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.notif-action-btn.check{color:#10b981}.notif-action-btn.check:hover{background:#dcfce7}.notif-action-btn.delete{color:#ef4444}.notif-action-btn.delete:hover{background:#fee2e2}.notif-empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.notif-empty-state p{margin:0;font-size:.88rem;font-weight:500}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border,#e2e8f0);z-index:10;background-color:#fffc;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.header-title-group h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin-bottom:2px;font-size:1.4rem;font-weight:700}.header-title-group p{color:var(--text-secondary,#64748b);font-size:.85rem}.header-actions{align-items:center;gap:16px;display:flex}@media (width<=768px){.header{gap:12px;padding:0 16px}.header-title-group h1{font-size:1.1rem}.header-title-group p,.global-search{display:none}.header-actions{gap:8px}}.admin-dashboard-container{flex-direction:column;gap:24px;display:flex}.admin-kpi-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.admin-analytics-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.admin-bottom-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}@media (width<=1200px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-analytics-grid,.admin-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.admin-kpi-grid{grid-template-columns:1fr}}.dir-modal-overlay{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dir-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:680px;max-width:94vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.dir-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.dir-modal-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.dir-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.dir-modal-close:hover{color:#0f172a}.dir-modal-loading{text-align:center;color:#64748b;padding:40px}.dir-modal-body{flex-direction:column;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.dir-profile-banner{background:#f1f5f9;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.dir-profile-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:800;display:flex}.dir-profile-info h2{color:#0f172a;margin:0 0 6px;font-size:1.2rem;font-weight:800}.dir-profile-meta{color:#475569;flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;display:flex}.dir-role-badge{color:#fff;background:#2563eb;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.dir-meta-item{align-items:center;gap:4px;display:inline-flex}.dir-modal-tabs{border-bottom:1px solid #e2e8f0;gap:6px;padding-bottom:4px;display:flex}.dir-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600}.dir-tab.active{color:#2563eb;background:#eff6ff}.dir-tab-content{min-height:200px}.dir-overview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dir-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.dir-info-card h4{color:#0f172a;border-bottom:1px solid #e2e8f0;margin:0 0 4px;padding-bottom:6px;font-size:.9rem;font-weight:700}.dir-info-row{color:#334155;font-size:.83rem}.dir-status-pill{border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.dir-status-pill.active,.dir-status-pill.present,.dir-status-pill.approved,.dir-status-pill.completed{color:#16a34a;background:#dcfce7}.dir-status-pill.pending,.dir-status-pill.in-progress,.dir-status-pill.late{color:#d97706;background:#fef3c7}.dir-status-pill.rejected,.dir-status-pill.absent,.dir-status-pill.suspended{color:#ef4444;background:#fee2e2}.dir-list-wrap{flex-direction:column;gap:8px;display:flex}.dir-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.dir-empty{text-align:center;color:#94a3b8;padding:30px;font-size:.88rem}.dir-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:12px 22px;display:flex}.dir-btn-close{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-weight:600}.users-view-container{flex-direction:column;gap:20px;display:flex}.stat-card{transition:transform .2s,box-shadow .2s}.delete-btn{color:#94a3b8;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.delete-btn:hover{color:#ef4444;background-color:#fee2e2}.row-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:140px;margin-top:4px;position:absolute;top:100%;right:24px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.row-menu-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;display:flex}.row-menu-item:hover{background:#f8fafc}.row-menu-item-danger{color:#ef4444}.row-menu-item-danger:hover{background:#fef2f2}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.edit-user-identity{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:6px;display:flex}.edit-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.edit-user-identity h4{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.edit-user-identity span{color:#94a3b8;font-size:.8rem}.form-select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.88rem}.form-select:focus{border-color:#2563eb}.row-menu-up{margin-top:0;margin-bottom:4px;top:auto;bottom:100%}.form-input,.form-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.88rem}.form-input::placeholder{color:#94a3b8}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.new-project-modal-container{flex-direction:column;display:flex}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.modal-footer .btn-secondary,.modal-footer .btn-primary{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600}.modal-footer .btn-secondary{background:#fff}.settings-view-container{flex-direction:column;gap:20px;display:flex}@media (width<=768px){.admin-settings-grid{grid-template-columns:1fr!important}}.reg-requests-container{flex-direction:column;gap:20px;width:100%;display:flex}.reg-requests-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.reg-requests-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.reg-requests-subtitle{color:#64748b;margin-top:4px;font-size:.875rem}.reg-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.reg-tabs{align-items:center;gap:8px;display:flex}.reg-tab-btn{color:#64748b;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.reg-tab-btn:hover{color:#0f172a;background-color:#f1f5f9}.reg-tab-btn.active{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.reg-search-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:260px;padding:6px 12px;display:flex}.reg-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:.875rem}.reg-search-input::placeholder{color:#94a3b8}.reg-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.reg-table{border-collapse:collapse;text-align:left;width:100%}.reg-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.75rem;font-weight:700}.reg-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.875rem}.reg-table tr:last-child td{border-bottom:none}.reg-table tr:hover{background-color:#f8fafc}.reg-status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.reg-status-pending{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.reg-status-active{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.reg-status-rejected{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}.reg-status-suspended{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.reg-action-btns{align-items:center;gap:8px;display:flex}.reg-btn-view{color:#334155;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.reg-btn-view:hover{background-color:#e2e8f0}.reg-btn-approve{color:#15803d;cursor:pointer;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.reg-btn-approve:hover{background-color:#bbf7d0}.reg-btn-reject{color:#dc2626;cursor:pointer;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.reg-btn-reject:hover{background-color:#fecaca}.reg-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reg-modal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:520px;padding:24px;display:flex;box-shadow:0 20px 40px #0003}.reg-modal-header{justify-content:space-between;align-items:center;display:flex}.reg-modal-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.project-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:relative}.project-sidebar-header{align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.project-brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.project-brand-info{flex-direction:column;display:flex}.project-brand-name{color:#fff;letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.project-brand-subtitle{color:#64748b;font-size:.72rem;font-weight:500}.project-sidebar-menu{scrollbar-width:thin;scrollbar-color:#475569 #1e293b;flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.project-sidebar-menu::-webkit-scrollbar{width:8px}.project-sidebar-menu::-webkit-scrollbar-track{background-color:#1e293b}.project-sidebar-menu::-webkit-scrollbar-thumb{background-color:#475569;background-clip:padding-box;border:1px solid #1e293b;border-radius:5px}.project-sidebar-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b;background-clip:padding-box}.project-menu-section{flex-direction:column;gap:4px;display:flex}.project-menu-title{color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px;font-size:.68rem;font-weight:700}.project-menu-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.project-menu-item:hover{color:#fff;background-color:#1e293b}.project-menu-item.active{color:#fff;background-color:#2563eb;box-shadow:0 4px 12px #2563eb59}.project-menu-left{align-items:center;gap:12px;display:flex}.project-menu-badge{color:#94a3b8;background-color:#1e293b;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.project-menu-item.active .project-menu-badge{color:#fff;background-color:#fff3}.project-sidebar-user{cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;margin:12px;padding:12px;display:flex;position:relative}.project-user-left{align-items:center;gap:10px;display:flex}.project-user-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.project-user-name{color:#fff;font-size:.85rem;font-weight:600;line-height:1.2}.project-user-role{color:#94a3b8;font-size:.75rem}@media (width<=768px){.project-sidebar{width:280px}}.project-header{z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.project-breadcrumb{color:#94a3b8;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.project-breadcrumb .active-crumb{color:#0f172a;font-weight:700}.project-header-actions{align-items:center;gap:16px;display:flex}.project-search-box{width:280px;position:relative}.project-search-box input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:8px 14px 8px 36px;font-size:.85rem}.project-search-box input:focus{background-color:#fff;border-color:#2563eb}.project-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.project-notification-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.project-notification-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.btn-new-project{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.btn-new-project:hover{background-color:#1d4ed8;transform:translateY(-1px)}@media (width<=768px){.project-header{gap:10px;padding:0 16px}.project-search-box{display:none}.project-header-actions{gap:8px}.project-breadcrumb{font-size:.85rem}.btn-new-project span{display:none}.btn-new-project{padding:9px 12px}}.project-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.project-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 12px #0000000f}.project-kpi-subtext.positive{color:#10b981}.project-kpi-subtext.warning{color:#f59e0b}.project-kpi-subtext.neutral{color:#64748b}.project-dashboard-container{flex-direction:column;gap:20px;display:flex}.project-kpi-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.project-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.project-kpi-top{justify-content:space-between;align-items:center;display:flex}.project-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.project-kpi-trend-icon{justify-content:center;align-items:center;display:flex}.project-kpi-bottom{flex-direction:column;gap:2px;display:flex}.project-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.7rem;font-weight:800;line-height:1.15}.project-kpi-label{color:#64748b;font-size:.82rem;font-weight:500}.project-kpi-subtext{margin-top:2px;font-size:.78rem;font-weight:600}.project-analytics-grid{grid-template-columns:2fr 1fr;align-items:stretch;gap:20px;display:grid}.chart-widget{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.chart-widget-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.chart-widget-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.chart-widget-subtitle{color:#64748b;margin:2px 0 0;font-size:.82rem}.growth-pill{color:#15803d;white-space:nowrap;background-color:#dcfce7;border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.status-legend{flex-direction:column;gap:10px;margin-top:8px;display:flex}.status-legend-row{justify-content:space-between;align-items:center;display:flex}.status-legend-left{align-items:center;gap:8px;display:flex}.status-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.status-legend-label{color:#475569;font-size:.85rem;font-weight:500}.status-legend-value{color:#0f172a;font-size:.85rem;font-weight:700}@media (width<=1200px){.project-kpi-grid{grid-template-columns:repeat(3,1fr)}.project-analytics-grid{grid-template-columns:1fr}}@media (width<=640px){.project-kpi-grid{grid-template-columns:repeat(2,1fr)}}.project-panels-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.active-projects-panel,.activity-feed-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-header h2{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.view-all-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600}.active-project-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.active-projects-list .active-project-row:first-child{border-top:none;padding-top:4px}.project-info{min-width:220px}.project-title-line{align-items:center;gap:10px;margin-bottom:4px;display:flex}.project-name{color:#0f172a;font-size:.95rem;font-weight:700}.health-label{font-weight:600}.project-progress{flex:1;max-width:180px}.progress-track{background-color:#e2e8f0;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.avatar-stack{flex-shrink:0;display:flex}.avatar-more{color:#64748b!important;background-color:#e2e8f0!important}.activity-row{border-top:1px solid #f1f5f9;gap:10px;padding:14px 0;display:flex}.activity-feed-list .activity-row:first-child{border-top:none;padding-top:4px}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-text{color:#1e293b;margin:0 0 4px;font-size:.88rem;line-height:1.4}.activity-time{color:#94a3b8;font-size:.75rem}@media (width<=1200px){.project-panels-grid{grid-template-columns:1fr}}@media (width<=640px){.project-info{min-width:0}.active-project-row{flex-wrap:wrap}.project-progress{order:3;width:100%;max-width:none}}.manage-tasks-link{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.project-projects-container{flex-direction:column;gap:20px;display:flex}.projects-page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.projects-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.projects-page-header p{color:#64748b;margin:0;font-size:.88rem}.projects-header-actions{flex-shrink:0;gap:10px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:600}.btn-secondary{color:#334155;background:#fff;border:1px solid #e2e8f0}.btn-primary{color:#fff;background:#2563eb;border:none}.projects-filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.filter-pill-count{color:inherit;opacity:.75;font-weight:700}.projects-card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 1px 3px #0000000a}.project-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.project-card-header h3{color:#0f172a;margin:0 0 2px;font-size:1.05rem;font-weight:700}.project-card-client{color:#94a3b8;font-size:.82rem}.status-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.75rem;font-weight:600}.project-card-desc{color:#475569;margin:0;font-size:.85rem;line-height:1.5}.project-card-meta-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.meta-label{color:#94a3b8;margin-bottom:3px;font-size:.72rem;display:block}.meta-value{color:#0f172a;font-size:.9rem;font-weight:700}.health-value{align-items:center;gap:6px;display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.progress-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.progress-percent{color:#0f172a;font-size:.85rem;font-weight:700}.progress-fill{background-color:#2563eb;border-radius:999px;height:100%}.project-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.avatar-stack{display:flex}.avatar-chip{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:.68rem;font-weight:700;display:flex}.avatar-chip:first-child{margin-left:0}.tasks-count{color:#64748b;font-size:.8rem;font-weight:500}@media (width<=1200px){.projects-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.projects-card-grid{grid-template-columns:1fr}.projects-page-header{flex-direction:column}}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.project-teams-container{flex-direction:column;gap:20px;display:flex}.teams-page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.teams-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.teams-page-header p{color:#64748b;margin:0;font-size:.88rem}.teams-filter-row{flex-wrap:wrap;gap:8px;display:flex}.teams-layout-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.teams-card-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.team-member-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.team-member-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.team-member-identity{align-items:center;gap:12px;display:flex}.team-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:700;display:flex}.team-member-identity h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.team-member-role{color:#475569;font-size:.82rem;font-weight:500;display:block}.team-member-dept{color:#94a3b8;font-size:.78rem;display:block}.utilization-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.8rem;font-weight:700}.team-capacity-block{flex-direction:column;gap:6px;display:flex}.capacity-header-row{justify-content:space-between;align-items:center;display:flex}.meta-label{color:#64748b;font-size:.78rem;font-weight:600}.capacity-utilized-label{font-size:.78rem;font-weight:700}.capacity-track{background-color:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.capacity-fill{border-radius:999px;height:100%}.team-member-stats-row{color:#475569;gap:20px;font-size:.82rem;font-weight:500;display:flex}.team-member-tags{flex-wrap:wrap;gap:6px;display:flex}.team-tag{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.team-tag-more{color:#64748b;background:#f1f5f9}.teams-side-panels{flex-direction:column;gap:20px;display:flex}.side-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px #0000000a}.side-panel h2{color:#0f172a;margin:0 0 16px;font-size:1rem;font-weight:800}.dept-capacity-list{flex-direction:column;gap:16px;display:flex}.dept-capacity-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dept-name{color:#0f172a;font-size:.85rem;font-weight:700}.dept-meta{color:#94a3b8;font-size:.78rem}.workload-summary-list{flex-direction:column;gap:12px;display:flex}.workload-row{color:#334155;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;display:flex}.workload-value{font-size:1rem;font-weight:800}@media (width<=1200px){.teams-layout-grid{grid-template-columns:1fr}}@media (width<=720px){.teams-card-grid{grid-template-columns:1fr}.teams-page-header{flex-direction:column}}.team-member-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.team-member-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.side-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000a}.side-panel:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.project-tasks-container{flex-direction:column;gap:20px;display:flex}.tasks-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tasks-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.tasks-page-header p{color:#64748b;margin:0;font-size:.88rem}.tasks-header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tasks-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:9px 14px;font-size:.85rem;font-weight:600}.view-toggle{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;gap:4px;padding:3px;display:flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.view-toggle-btn.view-toggle-active{box-shadow:0 2px 6px #2563eb59;color:#fff!important;background:#2563eb!important;font-weight:700!important}.kanban-board{grid-template-columns:repeat(5,1fr);align-items:start;gap:16px;width:100%;padding-bottom:12px;display:grid;overflow-x:auto}.kanban-column{color:#0f172a;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;min-width:0;min-height:500px;max-height:calc(100vh - 210px);padding:14px;display:flex;background-color:#fff!important}.kanban-column-header{justify-content:space-between;align-items:center;display:flex}.kanban-column-title{color:#0f172a;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.kanban-column-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-column-count{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.kanban-add-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.kanban-column-body{flex-direction:column;flex:1;gap:12px;padding-right:2px;display:flex;overflow-y:auto}.kanban-card{color:#0f172a;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 3px #00000008;background-color:#fff!important}.kanban-card-title{color:#0f172a;margin:0;font-size:.9rem;font-weight:700;line-height:1.3}.kanban-card-project{color:#94a3b8;font-size:.78rem}.kanban-card-meta{justify-content:space-between;align-items:center;display:flex}.priority-pill{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.priority-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.kanban-card-date{color:#94a3b8;font-size:.75rem}.kanban-progress-track{background:#e2e8f0;border-radius:999px;height:4px;overflow:hidden}.kanban-progress-fill{background:#2563eb;border-radius:999px;height:100%}.kanban-card-footer{justify-content:space-between;align-items:center;display:flex}.kanban-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:700;display:flex}.kanban-card-actions{gap:6px;display:flex}.kanban-action-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600}.kanban-action-btn:hover{background:#e2e8f0}.tasks-list-view{flex-direction:column;gap:10px;display:flex}.task-list-row{color:#0f172a;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:2fr 100px 90px 110px 40px;align-items:center;gap:16px;padding:14px 18px;display:grid;background-color:#fff!important}.task-list-main h4{color:#0f172a;margin:0 0 2px;font-size:.88rem;font-weight:700}.task-list-column-tag{color:#1d4ed8;text-align:center;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}@media (width<=768px){.tasks-page-header{flex-direction:column;align-items:flex-start;gap:12px}.tasks-page-header h1{font-size:1.3rem}.tasks-header-controls{flex-wrap:wrap;gap:8px;width:100%}.tasks-select{flex:1;min-width:120px}.kanban-board{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-direction:row;gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-column{scroll-snap-align:start;flex:0 0 260px;min-width:260px;min-height:auto;max-height:none}.task-list-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.task-list-row .task-list-main{flex-direction:column;gap:2px;display:flex}.task-list-row .task-list-main h4{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.task-list-row-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-list-row>:not(:first-child){font-size:.8rem}.task-list-column-tag{padding:3px 10px;font-size:.72rem}.kanban-card-date{font-size:.78rem}}.kanban-empty-state{text-align:center;color:#94a3b8;padding:40px 0;font-size:.85rem;font-weight:500}.project-timeline-container{flex-direction:column;gap:20px;display:flex}.timeline-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.timeline-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.timeline-page-header p{color:#64748b;margin:0;font-size:.88rem}.timeline-header-actions{align-items:center;gap:16px;display:flex}.today-indicator{color:#ef4444;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.gantt-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.gantt-header-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:260px 1fr;min-width:900px;display:grid}.gantt-project-col-header{color:#64748b;letter-spacing:.05em;padding:16px 20px;font-size:.72rem;font-weight:700}.gantt-months-header{grid-template-columns:repeat(12,1fr);display:grid}.gantt-month-label{text-align:center;color:#94a3b8;padding:16px 0;font-size:.8rem;font-weight:600}.gantt-body{min-width:900px}.gantt-row{border-bottom:1px solid #f1f5f9;grid-template-columns:260px 1fr;display:grid}.gantt-row:last-child{border-bottom:none}.gantt-project-col{flex-direction:column;gap:4px;padding:20px;display:flex}.gantt-project-col h4{color:#0f172a;margin:0;font-size:.92rem;font-weight:700}.gantt-client{color:#94a3b8;font-size:.8rem}.gantt-status-badge{border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.gantt-track{padding:20px 0;position:relative}.gantt-gridlines{grid-template-columns:repeat(12,1fr);display:grid;position:absolute;inset:0}.gantt-gridline{border-left:1px solid #f1f5f9}.gantt-today-line{z-index:2;background:#fca5a5;width:2px;position:absolute;top:0;bottom:0}.gantt-bar-full{border-radius:8px;height:32px;position:absolute;top:16px}.gantt-bar-progress{z-index:1;border-radius:8px;align-items:center;height:32px;padding:0 10px;display:flex;position:absolute;top:16px}.gantt-progress-label{color:#fff;font-size:.8rem;font-weight:700}.gantt-diamond{z-index:3;background:#fff;border:2px solid;border-radius:2px;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.gantt-diamond-start{left:-6px}.gantt-diamond-end{right:-6px}.gantt-diamond-completed{background:currentColor}.timeline-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.timeline-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 1px 3px #0000000a}.timeline-panel h2{color:#0f172a;margin:0 0 16px;font-size:1.05rem;font-weight:800}.legend-list{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.legend-row{align-items:center;gap:10px;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.legend-label{color:#334155;font-size:.88rem;font-weight:500}.legend-divider{border-top:1px solid #f1f5f9;margin:12px 0}.legend-diamond{border:2px solid #64748b;border-radius:2px;flex-shrink:0;width:12px;height:12px;margin:0 2px;transform:rotate(45deg)}.legend-diamond-completed{background:#10b981;border-color:#10b981}.legend-diamond-upcoming{background:#fff;border-color:#94a3b8}.milestones-list{flex-direction:column;gap:14px;display:flex}.milestone-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.milestone-left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.milestone-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.milestone-title{color:#0f172a;white-space:nowrap;font-size:.88rem;font-weight:600}.milestone-project{color:#94a3b8;white-space:nowrap;font-size:.76rem}.milestone-date{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.76rem;font-weight:500}@media (width<=1200px){.timeline-bottom-grid{grid-template-columns:1fr}}@media (width<=900px){.gantt-header-row,.gantt-row{grid-template-columns:200px 1fr}}.project-deliveries-container{flex-direction:column;gap:20px;display:flex}.deliveries-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.deliveries-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.deliveries-page-header p{color:#64748b;margin:0;font-size:.88rem}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:600}.deliveries-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:6px;padding:22px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.stat-value{font-size:2rem;font-weight:800;line-height:1.1}.stat-label{color:#64748b;font-size:.85rem;font-weight:500}.deliveries-filter-row{flex-wrap:wrap;gap:8px;display:flex}.deliveries-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.deliveries-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:2fr 1.2fr 1fr 1fr 1.2fr 1fr 40px;padding:14px 24px;display:grid}.deliveries-table-header span{color:#64748b;letter-spacing:.05em;font-size:.72rem;font-weight:700}.deliveries-table-body{flex-direction:column;display:flex}.deliveries-table-row{border-bottom:1px solid #f1f5f9;grid-template-columns:2fr 1.2fr 1fr 1fr 1.2fr 1fr 40px;align-items:center;padding:18px 24px;display:grid}.deliveries-table-row:last-child{border-bottom:none}.deliverable-name-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.deliverable-name-cell h4{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.deliverable-feedback{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.project-cell{color:#334155;font-size:.85rem;font-weight:500}.assignee-cell{color:#334155;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.assignee-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:700;display:flex}.due-date-cell{color:#64748b;font-size:.85rem}.progress-cell{align-items:center;gap:10px;display:flex}.progress-track{background:#e2e8f0;border-radius:999px;flex:1;max-width:90px;height:6px;overflow:hidden}.progress-fill{border-radius:999px;height:100%}.progress-percent{color:#334155;flex-shrink:0;font-size:.8rem;font-weight:700}.status-badge{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.delete-cell{justify-content:center;display:flex}.delete-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:.95rem;line-height:1}.delete-btn:hover{color:#ef4444;background:#fee2e2}@media (width<=1200px){.deliveries-stats-grid{grid-template-columns:repeat(2,1fr)}.deliveries-table-header,.deliveries-table-row{grid-template-columns:2fr 1fr 1fr 1fr 40px}.due-date-cell,.deliveries-table-header span:nth-child(4){display:none}}@media (width<=768px){.deliveries-stats-grid{grid-template-columns:repeat(2,1fr)}.deliveries-page-header{flex-direction:column;align-items:flex-start;gap:12px}.deliveries-page-header h1{font-size:1.3rem}.deliveries-filter-row{gap:6px}.filter-pill{padding:6px 12px;font-size:.78rem}.deliveries-table-container{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.deliveries-table-header,.deliveries-table-row{grid-template-columns:200px 140px 130px 110px 160px 120px 40px;min-width:860px;display:grid}.deliverable-name-cell h4,.deliverable-feedback{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.due-date-cell{display:block}.stat-value{font-size:1.6rem}}@media (width<=480px){.deliveries-stats-grid{grid-template-columns:1fr}}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1rem}.form-input,.form-select{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.88rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:6px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.project-reports-container{flex-direction:column;gap:24px;display:flex}.reports-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reports-page-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.reports-page-subtitle{color:#64748b;margin:0;font-size:.9rem}.reports-page-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.reports-quarter-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;display:flex}.reports-export-btn{color:#0f172a;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.reports-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.reports-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:4px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.reports-kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:12px;display:flex}.reports-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.85rem;font-weight:800;line-height:1.15}.reports-kpi-label{color:#0f172a;margin-top:4px;font-size:.9rem;font-weight:600}.reports-kpi-subtext{color:#94a3b8;font-size:.82rem}.reports-charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.reports-chart-widget{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.reports-chart-header{margin-bottom:16px}.reports-chart-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.reports-chart-subtitle{color:#64748b;margin:2px 0 0;font-size:.82rem}.reports-summary-widget{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.reports-summary-header{border-bottom:1px solid #f1f5f9;padding:20px 24px}.reports-summary-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.reports-summary-table{border-collapse:collapse;width:100%}.reports-summary-table th{text-align:left;color:#94a3b8;letter-spacing:.06em;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;padding:14px 24px;font-size:.72rem;font-weight:700}.reports-summary-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 24px}.reports-summary-table tr:last-child td{border-bottom:none}.reports-summary-project-name{color:#0f172a;white-space:nowrap;font-size:.92rem;font-weight:700}.reports-summary-client{color:#94a3b8;white-space:nowrap;font-size:.88rem}.reports-summary-budget{color:#0f172a;white-space:nowrap;font-size:.9rem;font-weight:500}.reports-summary-progress{align-items:center;gap:10px;min-width:150px;display:flex}.reports-summary-progress-track{background-color:#e2e8f0;border-radius:4px;flex-shrink:0;width:100px;height:6px;overflow:hidden}.reports-summary-progress-fill{background-color:#2563eb;border-radius:4px;height:100%}.reports-summary-progress-pct{color:#334155;white-space:nowrap;font-size:.85rem;font-weight:600}.reports-summary-health{white-space:nowrap;align-items:center;gap:6px;display:flex}.reports-summary-health-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.reports-summary-health-label{font-size:.85rem;font-weight:600}.reports-summary-status-pill{white-space:nowrap;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-block}@media (width<=1200px){.reports-kpi-grid{grid-template-columns:repeat(2,1fr)}.reports-charts-grid{grid-template-columns:1fr}}@media (width<=640px){.reports-kpi-grid{grid-template-columns:1fr}.reports-page-actions{width:100%}}.reports-summary-table tbody tr{transition:background-color .15s}.reports-summary-table tbody tr:hover{background-color:#f8fafc}.reports-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:4px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.reports-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.settings-container{flex-direction:column;gap:20px;display:flex}.settings-page-header{flex-direction:column;gap:4px;display:flex}.settings-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.settings-page-subtitle{color:#64748b;margin:0;font-size:.9rem}.settings-tab-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;width:fit-content;padding:6px;display:inline-flex;box-shadow:0 1px 3px #0000000a}.settings-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s}.settings-tab:hover{background-color:#f1f5f9}.settings-tab.active{color:#fff;background-color:#2563eb;box-shadow:0 2px 8px #2563eb4d}.settings-tab.active:hover{background-color:#2563eb}.settings-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:900px;padding:28px;box-shadow:0 1px 3px #0000000a}.settings-card-title{color:#0f172a;margin:0 0 24px;font-size:1.1rem;font-weight:800}.settings-avatar-row{align-items:center;gap:16px;margin-bottom:28px;display:flex}.settings-avatar{color:#fff;background-color:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.4rem;font-weight:700;display:flex}.settings-avatar-actions{flex-direction:column;gap:4px;display:flex}.settings-change-photo-link{color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none}.settings-change-photo-link:hover{text-decoration:underline}.settings-avatar-hint{color:#94a3b8;font-size:.8rem}.settings-form-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.settings-form-group{flex-direction:column;gap:8px;display:flex}.settings-label{color:#0f172a;font-size:.85rem;font-weight:600}.settings-input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.9rem;transition:all .15s}.settings-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.settings-input.error{background-color:#fef2f2;border-color:#ef4444}.settings-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.settings-field-error{color:#dc2626;font-size:.78rem;font-weight:500}.settings-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.settings-btn-secondary{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600}.settings-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #2563eb40}.settings-placeholder-text{color:#64748b;margin:0;font-size:.9rem}.settings-toast{color:#fff;z-index:200;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:600;animation:.25s settingsToastIn,.25s 2.75s settingsToastOut;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 25px #0003}.settings-toast.success{background-color:#16a34a}.settings-toast.error{background-color:#dc2626}@keyframes settingsToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width<=768px){.settings-form-grid{grid-template-columns:1fr}.settings-tab-bar{width:100%;overflow-x:auto}}.sales-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:relative}.sales-sidebar-header{align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.sales-brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.sales-brand-info{flex-direction:column;display:flex}.sales-brand-name{color:#fff;letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.sales-brand-subtitle{color:#64748b;font-size:.72rem;font-weight:500}.sales-sidebar-menu{scrollbar-width:thin;scrollbar-color:#475569 #1e293b;flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.sales-sidebar-menu::-webkit-scrollbar{width:8px}.sales-sidebar-menu::-webkit-scrollbar-track{background-color:#1e293b}.sales-sidebar-menu::-webkit-scrollbar-thumb{background-color:#475569;background-clip:padding-box;border:1px solid #1e293b;border-radius:5px}.sales-sidebar-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b;background-clip:padding-box}.sales-menu-section{flex-direction:column;gap:4px;display:flex}.sales-menu-title{color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px;font-size:.68rem;font-weight:700}.sales-menu-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sales-menu-item:hover{color:#fff;background-color:#1e293b}.sales-menu-item.active{color:#fff;background-color:#2563eb;box-shadow:0 4px 12px #2563eb59}.sales-menu-left{align-items:center;gap:12px;display:flex}.sales-menu-badge{color:#94a3b8;background-color:#1e293b;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.sales-menu-item.active .sales-menu-badge{color:#fff;background-color:#fff3}.sales-sidebar-user{cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;margin:12px;padding:12px;display:flex;position:relative}.sales-user-left{align-items:center;gap:10px;display:flex}.sales-user-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sales-user-name{color:#fff;font-size:.85rem;font-weight:600;line-height:1.2}.sales-user-role{color:#94a3b8;font-size:.75rem}.role-switcher-menu{z-index:30;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:60px;left:0;right:0;box-shadow:0 10px 25px #00000080}.role-option{color:#94a3b8;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:.85rem;font-weight:600;display:flex}.role-option:hover{color:#fff;background-color:#1e293b}.role-option.selected{color:#3b82f6;background-color:#1e293b}.sales-sidebar-footer-nav{flex-direction:column;gap:2px;padding:4px 12px 16px;display:flex}.sales-footer-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.sales-footer-item:hover{color:#fff;background-color:#1e293b}.sales-footer-notification-badge{color:#fff;background-color:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:flex}@media (width<=768px){.sales-sidebar{width:280px}}.sales-header{z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.sales-breadcrumb{color:#94a3b8;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.sales-breadcrumb .active-crumb{color:#0f172a;font-weight:700}.sales-header-actions{align-items:center;gap:16px;display:flex}.sales-search-box{width:280px;position:relative}.sales-search-box input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:8px 14px 8px 36px;font-size:.85rem}.sales-search-box input:focus{background-color:#fff;border-color:#2563eb}.sales-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sales-notification-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.sales-notification-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.btn-new-deal{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.btn-new-deal:hover{background-color:#1d4ed8;transform:translateY(-1px)}.header-user-avatar.manager-avatar{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);box-shadow:0 2px 5px #4f46e540}@media (width<=768px){.sales-header{gap:10px;padding:0 16px}.sales-search-box{display:none}.sales-header-actions{gap:8px}.sales-breadcrumb{font-size:.85rem}.btn-new-deal span{display:none}.btn-new-deal{padding:9px 12px}}.smd-dashboard-container{flex-direction:column;gap:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.smd-loading-container{color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.smd-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite smd-spin}@keyframes smd-spin{to{transform:rotate(360deg)}}.smd-top-banner{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;box-shadow:0 2px 8px #00000008}.smd-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem;font-weight:800}.smd-subtitle{color:#64748b;margin:0;font-size:.85rem}.smd-refresh-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.smd-refresh-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.smd-refresh-btn .spinning{animation:.8s linear infinite smd-spin}.smd-primary-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb33}.smd-primary-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.smd-kpi-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}@media (width<=1400px){.smd-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.smd-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.smd-kpi-grid{grid-template-columns:1fr}}.smd-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 6px #00000005}.smd-kpi-card.clickable{cursor:pointer}.smd-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.smd-kpi-card.clickable:hover{border-color:#2563eb}.smd-kpi-header{justify-content:space-between;align-items:center;display:flex}.smd-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.smd-kpi-link-arrow{color:#94a3b8;transition:transform .2s,color .2s}.smd-kpi-card:hover .smd-kpi-link-arrow{color:#2563eb;transform:translate(2px)}.smd-kpi-body{flex-direction:column;gap:2px;display:flex}.smd-kpi-val{color:#0f172a;font-size:1.45rem;font-weight:800;line-height:1.1}.smd-kpi-lbl{color:#475569;font-size:.8rem;font-weight:600}.smd-kpi-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.smd-charts-grid{grid-template-columns:2fr 1.2fr;gap:20px;display:grid}@media (width<=1024px){.smd-charts-grid{grid-template-columns:1fr}}.smd-chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 2px 6px #00000005}.smd-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.smd-chart-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.smd-chart-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem}.smd-chart-legend{color:#64748b;align-items:center;gap:14px;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-item .dot{border-radius:50%;width:10px;height:10px}.legend-item .dot.blue{background-color:#2563eb}.legend-item .dot.dashed{background-color:#94a3b8}.smd-donut-container{justify-content:space-around;align-items:center;gap:20px;padding:10px 0;display:flex}.smd-donut-center{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-total{color:#0f172a;font-size:1.3rem;font-weight:800;line-height:1}.center-lbl{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:600}.smd-donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.smd-legend-row{color:#334155;background-color:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.8rem;display:flex}.legend-color-dot{border-radius:50%;width:8px;height:8px;margin-right:8px}.legend-name{flex:1;font-weight:500}.legend-val{color:#0f172a;font-weight:700}.smd-pipeline-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 2px 6px #00000005}.smd-section-header{justify-content:space-between;align-items:center;display:flex}.smd-section-title-wrap{align-items:center;gap:10px;display:flex}.smd-section-heading{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.smd-view-all-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.smd-view-all-link:hover{text-decoration:underline}.smd-kanban-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid;overflow-x:auto}@media (width<=1200px){.smd-kanban-grid{grid-template-columns:repeat(5,minmax(220px,1fr))}}.smd-kanban-col{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;min-height:240px;padding:14px;display:flex}.kanban-col-header{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.kanban-header-top{justify-content:space-between;align-items:center;display:flex}.kanban-col-title{color:#475569;letter-spacing:.04em;font-size:.725rem;font-weight:700}.kanban-col-count{color:#334155;background-color:#e2e8f0;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.kanban-col-val{color:#2563eb;font-size:.8rem;font-weight:700}.kanban-cards-stack{flex-direction:column;gap:10px;display:flex}.kanban-empty-col{text-align:center;color:#94a3b8;padding:20px 0;font-size:.75rem;font-style:italic}.kanban-deal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.kanban-deal-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.deal-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.deal-card-name{color:#0f172a;font-size:.825rem;font-weight:700;line-height:1.2}.deal-card-val{color:#059669;white-space:nowrap;font-size:.825rem;font-weight:700}.deal-card-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.deal-card-company{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.deal-card-rep{align-items:center;gap:4px;display:flex}.rep-avatar-xs{color:#fff;background-color:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex}.smd-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1024px){.smd-bottom-grid{grid-template-columns:1fr}}.smd-widget-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 2px 6px #00000005}.smd-widget-header{justify-content:space-between;align-items:center;display:flex}.widget-header-title{align-items:center;gap:10px;display:flex}.widget-header-title h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.smd-activities-list,.smd-tasks-list{flex-direction:column;gap:12px;max-height:280px;display:flex;overflow-y:auto}.smd-act-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.smd-act-item:last-child{border-bottom:none}.smd-act-node{background-color:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.smd-act-info{flex:1}.smd-act-header-row{justify-content:space-between;align-items:center;display:flex}.smd-act-rep{color:#0f172a;font-size:.8rem;font-weight:700}.smd-act-time{color:#94a3b8;font-size:.7rem}.smd-act-desc{color:#475569;margin:2px 0 0;font-size:.775rem}.smd-task-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.smd-task-left{align-items:center;gap:10px;display:flex}.smd-task-bullet{background-color:#10b981;border-radius:50%;width:8px;height:8px}.smd-task-title{color:#0f172a;font-size:.825rem;font-weight:600;display:block}.smd-task-sub{color:#64748b;font-size:.7rem;display:block}.smd-actions-row{align-items:center;gap:12px;display:flex}@media (width<=600px){.smd-top-banner,.smd-actions-row{flex-direction:column;align-items:stretch}}.sales-dashboard-nine-tile{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"icon label""count count""amount amount""note note";align-content:start;gap:6px 10px;min-height:160px;padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 6px 20px #0f172a0d}.sales-dashboard-nine-tile:not(:disabled):hover{border-color:#93c5fd;transform:translateY(-2px)}@media (width<=900px){.sales-dashboard-nine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.sales-dashboard-nine-grid{grid-template-columns:1fr}.sales-dashboard-month{justify-content:space-between;width:100%}}.sales-leads-view{flex-direction:column;gap:20px;padding:24px;display:flex}.leads-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.leads-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.leads-page-header p{color:#64748b;margin:0;font-size:.88rem}.leads-header-actions{flex-shrink:0;gap:10px;display:flex}.btn-filter{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-add-lead{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-add-lead:hover{background-color:#1d4ed8}.leads-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.leads-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:4px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.leads-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.leads-stat-value{font-size:2rem;font-weight:800;line-height:1.1}.leads-stat-label{color:#64748b;font-size:.85rem;font-weight:500}.leads-search-row{flex-wrap:wrap;gap:12px;display:flex}.leads-search-box{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.leads-search-icon{color:#94a3b8;position:absolute;left:14px}.leads-search-box input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 14px 11px 40px;font-size:.88rem}.leads-search-box input:focus{border-color:#2563eb}.leads-filter-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:150px;padding:11px 14px;font-size:.85rem;font-weight:600}.leads-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.leads-table{border-collapse:collapse;width:100%;min-width:900px}.leads-table th{text-align:left;color:#64748b;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.72rem;font-weight:700}.leads-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:.85rem}.leads-table tbody tr{transition:background-color .15s}.leads-table tbody tr:hover{background-color:#f8fafc}.leads-table tbody tr:last-child td{border-bottom:none}.lead-name-cell{align-items:center;gap:10px;display:flex}.lead-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:flex}.lead-name{color:#0f172a;white-space:nowrap;font-size:.88rem;font-weight:700}.lead-email{color:#94a3b8;font-size:.76rem}.lead-company{color:#334155;white-space:nowrap;font-weight:500}.lead-source-tag{color:#475569;white-space:nowrap;background-color:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:.76rem;font-weight:600}.lead-priority{white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.lead-status-pill{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.lead-value{color:#15803d;white-space:nowrap;font-weight:700}.lead-rep-cell{color:#334155;white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:flex}.lead-rep-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.65rem;font-weight:700;display:flex}.lead-date{color:#64748b;white-space:nowrap;font-size:.82rem}@media (width<=1200px){.leads-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.leads-stats-grid{grid-template-columns:1fr}.leads-page-header,.leads-search-row{flex-direction:column}.leads-filter-select{width:100%}}.sales-sm-deals-view{flex-direction:column;gap:20px;padding:24px;display:flex}.deals-top-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.deals-stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.stat-val{color:#0f172a;font-size:1.25rem;font-weight:800}.new-deal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.new-deal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.kanban-board{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kanban-col{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;min-height:520px;padding:14px;display:flex}.col-header{text-transform:uppercase;letter-spacing:.03em;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;display:flex}.col-header.qualification{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.col-header.proposal{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.col-header.negotiation{color:#db2777;background-color:#fdf2f8;border:1px solid #fbcfe8}.col-header.won{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.col-count{background-color:#0000000f;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:800}.col-cards{flex-direction:column;gap:12px;display:flex}.kanban-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.kanban-card.highlighted{border-left:4px solid #ec4899}.kanban-card.won-card{border-left:4px solid #10b981}.card-top{justify-content:space-between;align-items:center;display:flex}.card-client{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:700}.card-opt{color:#94a3b8}.won-icon{color:#10b981}.card-title{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.card-val{color:#059669;font-size:1.05rem;font-weight:800}.card-meta{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:.72rem;display:flex}.card-rep,.card-date{align-items:center;gap:4px;display:flex}.sales-sm-pipeline-view{flex-direction:column;gap:20px;padding:24px;display:flex}.pipeline-header-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.pipeline-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.pipeline-subtitle{color:#64748b;margin:4px 0 0;font-size:.85rem}.funnel-summary-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:700;display:flex}.funnel-visualization-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.funnel-step-row{grid-template-columns:280px 1fr 140px;align-items:center;gap:20px;display:grid}.step-info-col{align-items:center;gap:12px;display:flex}.step-num{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.step-titles{flex-direction:column;display:flex}.step-name{color:#0f172a;font-size:.9rem;font-weight:700}.step-val{color:#64748b;font-size:.78rem}.step-bar-wrap{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;height:36px;display:flex;position:relative;overflow:hidden}.step-bar-fill{border-radius:6px;justify-content:flex-end;align-items:center;height:100%;padding-right:12px;transition:width .4s;display:flex}.step-gradient-1{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%)}.step-gradient-2{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.step-gradient-3{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%)}.step-gradient-4{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.step-gradient-5{background:linear-gradient(90deg,#ec4899 0%,#f472b6 100%)}.step-gradient-6{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.bar-conv-label{color:#fff;text-shadow:0 1px 2px #0006;font-size:.8rem;font-weight:700}.step-drop-col{color:#dc2626;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.sales-settings-layout{height:100%;min-height:0;display:flex}.settings-nav-panel{background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:20px;width:260px;padding:24px 16px;display:flex}.settings-nav-header h2{color:#0f172a;margin:0 0 4px 8px;font-size:1.3rem;font-weight:800}.settings-nav-header p{color:#64748b;margin:0 0 0 8px;font-size:.85rem}.settings-nav-list{flex-direction:column;gap:4px;display:flex}.settings-nav-item{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.settings-nav-item:hover{background-color:#f8fafc}.settings-nav-item-left{align-items:center;gap:12px;display:flex}.settings-nav-item-active{color:#2563eb;background-color:#eff6ff;border-color:#2563eb}.settings-nav-item-active:hover{background-color:#eff6ff}.settings-main-panel{flex:1;padding:32px 40px;overflow-y:auto}.settings-main-header{margin-bottom:24px}.settings-main-header h1{color:#0f172a;margin:0 0 4px;font-size:1.5rem;font-weight:800}.settings-main-header p{color:#64748b;margin:0;font-size:.9rem}.settings-main-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-settings-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:900px;padding:28px;box-shadow:0 1px 3px #0000000a}.profile-settings-identity{align-items:center;gap:18px;display:flex}.profile-avatar{color:#fff;background-color:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.3rem;font-weight:700;display:flex}.profile-settings-identity h3{color:#0f172a;margin:0 0 2px;font-size:1.2rem;font-weight:800}.profile-settings-identity p{color:#64748b;margin:0 0 6px;font-size:.88rem}.change-photo-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.change-photo-btn:hover{text-decoration:underline}.profile-settings-divider{background-color:#e2e8f0;height:1px;margin:24px 0}.profile-form-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.profile-form-group label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.profile-form-group input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.92rem;transition:border-color .15s}.profile-form-group input:focus{background-color:#fff;border-color:#2563eb}.profile-settings-footer{justify-content:flex-end;margin-top:28px;display:flex}.save-changes-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.save-changes-btn:hover{background-color:#1d4ed8}.invite-member-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.invite-member-btn:hover{background-color:#1d4ed8}.team-list-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.team-member-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.team-member-row:last-child{border-bottom:none}.team-member-left{align-items:center;gap:14px;display:flex}.team-member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.team-member-name{color:#0f172a;font-size:.92rem;font-weight:700}.team-member-email{color:#64748b;margin-top:2px;font-size:.8rem}.team-member-right{align-items:center;gap:12px;display:flex}.team-role-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem;font-weight:500}.team-status-badge{border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:700}.status-active{color:#15803d;background-color:#dcfce7}.status-invited{color:#b45309;background-color:#fef3c7}.notifications-list-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:900px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.notification-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.notification-title{color:#0f172a;font-size:.92rem;font-weight:700}.notification-desc{color:#64748b;margin-top:2px;font-size:.82rem}.toggle-switch{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background-color .2s;position:relative}.toggle-switch-on{background-color:#2563eb}.toggle-knob{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle-switch-on .toggle-knob{transform:translate(20px)}.integrations-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.integration-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.integration-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.integration-info{flex:1;min-width:0}.integration-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.integration-name{color:#0f172a;font-size:.95rem;font-weight:700}.integration-connected-tag{color:#16a34a;background-color:#dcfce7;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:700}.integration-desc{color:#64748b;margin:4px 0 0;font-size:.82rem}.connect-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:.82rem;font-weight:600}.connect-btn:hover{background-color:#1d4ed8}.disconnect-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:.82rem;font-weight:600}.disconnect-btn:hover{background-color:#fee2e2}.security-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;max-width:640px;margin-bottom:20px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.security-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.security-card-sub{color:#64748b;margin:-10px 0 0;font-size:.85rem}.update-password-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-self:flex-start;padding:11px 22px;font-size:.9rem;font-weight:600;transition:background-color .2s}.update-password-btn:hover{background-color:#1d4ed8}.two-factor-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;display:flex}.two-factor-title{color:#0f172a;font-size:.9rem;font-weight:700}.two-factor-desc{color:#64748b;margin-top:2px;font-size:.8rem}.billing-plan-card{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;max-width:900px;margin-bottom:20px;padding:24px;display:flex}.billing-plan-badge{color:#fff;background-color:#2563eb;border-radius:8px;margin-bottom:10px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.billing-plan-price{color:#0f172a;font-size:1.5rem;font-weight:800}.billing-plan-features{color:#475569;margin:6px 0 0;font-size:.85rem}.billing-plan-next{color:#2563eb;margin:8px 0 0;font-size:.82rem;font-weight:600}.manage-plan-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #2563eb;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background-color .2s}.manage-plan-btn:hover{background-color:#eff6ff}.payment-method-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:900px;padding:24px;box-shadow:0 1px 3px #0000000a}.payment-method-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:16px;display:flex}.payment-method-left{align-items:center;gap:14px;display:flex}.visa-badge{color:#fff;letter-spacing:.03em;background-color:#1a1f71;border-radius:6px;padding:6px 10px;font-size:.68rem;font-weight:800}.payment-method-name{color:#0f172a;font-size:.9rem;font-weight:700}.payment-method-expiry{color:#64748b;margin-top:2px;font-size:.8rem}.payment-update-link{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.payment-update-link:hover{text-decoration:underline}@media (width<=900px){.profile-form-grid,.integrations-grid{grid-template-columns:1fr}.billing-plan-card{flex-direction:column;align-items:flex-start}}@media (width<=768px){.sales-settings-layout{flex-direction:column;height:auto}.settings-nav-panel{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;padding:16px}.settings-main-panel{padding:20px 16px}.profile-form-grid{grid-template-columns:1fr;gap:14px}.integrations-grid{grid-template-columns:1fr}.team-member-row{flex-wrap:wrap;gap:12px;padding:14px 16px}.team-member-right{flex-wrap:wrap;gap:8px}.team-role-select{padding:6px 10px;font-size:.8rem}.profile-settings-card{padding:18px}.profile-settings-identity{flex-wrap:wrap}.billing-plan-card{flex-direction:column;align-items:flex-start;gap:14px}.two-factor-row{flex-wrap:wrap;gap:12px}.notification-row{flex-wrap:wrap;gap:10px}}.sv-container{flex-direction:column;gap:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.sv-header{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.sv-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.sv-subtitle{color:#64748b;margin:4px 0 0;font-size:.85rem}.sv-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb33}.sv-btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.sv-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.sv-btn-cancel{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.sv-btn-cancel:hover{color:#0f172a;background-color:#e2e8f0}.sv-filters,.sv-top-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000005}.sv-search-box{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:260px;padding:8px 14px;display:flex}.sv-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sv-status-tabs{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sv-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s}.sv-tab:hover{color:#0f172a;border-color:#cbd5e1}.sv-tab.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.sv-table-wrap,.sv-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 4px #00000008}.sv-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.sv-table th{color:#64748b;white-space:nowrap;letter-spacing:.02em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-weight:600}.sv-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.sv-table tbody tr:hover{background-color:#f8fafc}.sv-name{font-weight:600;color:#0f172a!important}.sv-amount{font-family:monospace;font-size:.95rem;font-weight:700;color:#2563eb!important}.sv-badge{text-align:center;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.sv-edit-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:inline-flex}.sv-edit-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.sv-empty{text-align:center;color:#94a3b8;font-style:italic;padding:40px 20px!important}.sv-loading{text-align:center;color:#64748b;padding:40px;font-size:.9rem}.sv-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sv-modal,.sv-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026}.sv-modal{width:100%;max-width:580px;max-height:90vh;padding:24px;overflow-y:auto}.sv-modal-lg{max-width:820px}.sv-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.sv-modal-header h3{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.sv-modal-close-btn,.sv-modal-header button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.sv-modal-close-btn:hover,.sv-modal-header button:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.sv-btn-secondary{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.sv-btn-secondary:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.sv-form{flex-direction:column;gap:16px;display:flex}.sv-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.sv-form-section-title{text-transform:uppercase;letter-spacing:.04em;color:#475569;align-items:center;gap:8px;margin-bottom:2px;font-size:.8rem;font-weight:700;display:flex}.sv-field{flex-direction:column;gap:6px;width:100%;display:flex}.sv-field label{color:#334155;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.sv-field input,.sv-field select,.sv-field textarea{box-sizing:border-box;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:all .2s}.sv-field input:focus,.sv-field select:focus,.sv-field textarea:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.sv-field input::placeholder,.sv-field textarea::placeholder{color:#94a3b8;font-size:.85rem}.sv-grid-2{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.sv-grid-3{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.sv-grid-4{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.sv-product-table-wrap{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000005}.sv-product-grid-header{color:#475569;text-transform:uppercase;letter-spacing:.03em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:2.2fr 100px 110px 2.2fr 44px;align-items:center;gap:10px;padding:10px 14px;font-size:.75rem;font-weight:700;display:grid}.sv-product-grid-row{background-color:#fff;border-bottom:1px solid #f1f5f9;grid-template-columns:2.2fr 100px 110px 2.2fr 44px;align-items:center;gap:10px;padding:10px 14px;display:grid}.sv-product-grid-row:last-child{border-bottom:none}.sv-product-grid-row input{box-sizing:border-box;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.sv-product-grid-row input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1f}.sv-product-remove-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:inline-flex}.sv-product-remove-btn:hover:not(:disabled){color:#fff;background-color:#dc2626;border-color:#dc2626}.sv-product-remove-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.sv-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.sv-loading{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:40px 20px;font-size:.9rem}.sv-empty{text-align:center;color:#94a3b8;padding:32px 20px;font-size:.875rem}.sv-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:4px;padding:10px 14px;font-size:.85rem}.sv-section-title{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:.85rem;font-weight:700}.sv-line-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sv-item-desc{flex:3;background:#fff!important}.sv-item-qty{flex:1;background:#fff!important}.sv-item-price{flex:1.5;background:#fff!important}.sv-item-total{color:#2563eb;text-align:right;min-width:70px;font-size:.85rem;font-weight:700}.sv-remove-item{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.sv-add-item{color:#2563eb;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.sv-add-item:hover{background:#eff6ff;border-color:#2563eb}.sv-total-line{color:#475569;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 0;font-size:1rem;display:flex}.sv-total-value{color:#10b981;font-size:1.3rem;font-weight:800}.sv-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:16px;display:flex}.sv-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:.85rem}.sv-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.sv-followup-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.sv-followup-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.sv-followup-card.done{opacity:.85;border-left:4px solid #10b981}.sv-fu-header{justify-content:space-between;align-items:center;display:flex}.sv-fu-type{color:#334155;font-size:.85rem;font-weight:600}.sv-fu-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.sv-fu-contact,.sv-fu-time,.sv-fu-lead,.sv-fu-outcome{color:#64748b;margin:0;font-size:.825rem}.sv-fu-outcome{font-weight:600;color:#10b981!important}.sv-fu-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;margin-top:6px;padding-top:10px;display:flex}.sv-btn-done{color:#059669;cursor:pointer;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.sv-btn-done:hover{color:#fff;background-color:#10b981}.sv-empty-card{text-align:center;color:#64748b;background-color:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.sv-target-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 1px 3px #00000005}.sv-target-header{justify-content:space-between;align-items:flex-start;display:flex}.sv-target-period{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.sv-target-type-badge{color:#64748b;margin-top:2px;font-size:.75rem;display:inline-block}.sv-target-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.sv-target-bar-wrap{width:100%}.sv-target-bar{background:#f1f5f9;border-radius:8px;height:10px;overflow:hidden}.sv-target-fill{border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sv-target-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.sv-target-stat{flex-direction:column;gap:2px;display:flex}.sv-ts-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.725rem;font-weight:600}.sv-ts-value{color:#0f172a;font-size:1.05rem;font-weight:700}.sv-target-assigned{color:#64748b;margin:0;font-size:.75rem}.sv-target-notes{color:#475569;margin:0;font-size:.8rem;font-style:italic}.sv-activity-timeline{flex-direction:column;gap:16px;padding-left:20px;display:flex;position:relative}.sv-activity-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:10px;bottom:10px;left:31px}.sv-activity-item{z-index:1;align-items:flex-start;gap:16px;display:flex;position:relative}.sv-activity-node{border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sv-activity-body{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000005}.sv-activity-row{justify-content:space-between;align-items:center;display:flex}.sv-activity-type{font-size:.875rem;font-weight:700}.sv-activity-time{color:#94a3b8;font-size:.75rem}.sv-activity-desc{color:#334155;margin:0;font-size:.85rem}.sv-activity-date{color:#94a3b8;font-size:.725rem}.sv-invoice-preview-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;font-family:Inter,sans-serif}.sv-inv-top-bar{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.sv-inv-brand-title{color:#2563eb;letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.sv-inv-number{color:#0f172a;font-family:monospace;font-size:1.25rem;font-weight:700}.sv-inv-grid-2{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;display:grid}.sv-inv-meta-label{text-transform:uppercase;color:#64748b;letter-spacing:.04em;margin-bottom:4px;font-size:.75rem;font-weight:600}.sv-inv-meta-value{color:#1e293b;font-size:.9rem;font-weight:500}.sv-inv-items-table{border-collapse:collapse;width:100%;margin:20px 0}.sv-inv-items-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:10px 14px;font-size:.8rem;font-weight:600}.sv-inv-items-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:.85rem}.sv-inv-summary-box{border-top:1px solid #e2e8f0;flex-direction:column;align-items:flex-end;gap:6px;margin-top:16px;padding-top:14px;display:flex}.sv-inv-summary-row{color:#64748b;justify-content:space-between;width:260px;font-size:.85rem;display:flex}.sv-inv-summary-total{color:#0f172a;border-top:2px solid #0f172a;justify-content:space-between;width:260px;padding-top:8px;font-size:1.15rem;font-weight:800;display:flex}.sv-inv-rejection-alert{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;display:flex}.sv-inv-approval-alert{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;display:flex}.sv-line-item-row{grid-template-columns:3fr 1fr 1.5fr 1.5fr auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.sv-btn-action-icon{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.sv-btn-action-icon:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.sv-btn-action-approve{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.sv-btn-action-approve:hover{color:#fff;background:#059669}.sv-btn-action-reject{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sv-btn-action-reject:hover{color:#fff;background:#dc2626}.crm-dn-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 20px #00000008}.crm-dn-topbar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;display:flex}.crm-dn-actions-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.crm-btn-validate{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #2563eb40;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border:none!important}.crm-btn-validate:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)!important}.crm-btn-validate:disabled{opacity:.6;cursor:not-allowed;transform:none}.crm-btn-action{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.crm-btn-action:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.crm-pipeline{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.crm-pipeline-step{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.crm-pipeline-step:hover{color:#0f172a;background-color:#f8fafc}.crm-pipeline-step.active{color:#2563eb;background-color:#eff6ff;font-weight:700;box-shadow:0 1px 3px #2563eb1a}.crm-pipeline-step.done{color:#10b981;background-color:#ecfdf5}.crm-dn-body{padding:24px 28px}.crm-dn-title-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.crm-star-toggle{cursor:pointer;color:#cbd5e1;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .15s,color .15s;display:flex}.crm-star-toggle:hover{transform:scale(1.1)}.crm-star-toggle.starred{color:#f59e0b}.crm-dn-heading{color:#0f172a;letter-spacing:-.02em;background:0 0;border:none;outline:none;width:100%;margin:0;font-size:1.75rem;font-weight:800}.crm-dn-meta-grid{grid-template-columns:1fr 1fr;gap:20px 48px;margin-bottom:28px;display:grid}.crm-meta-group{flex-direction:column;gap:14px;display:flex}.crm-meta-row{grid-template-columns:160px 1fr;align-items:center;font-size:.88rem;display:grid}.crm-meta-label{color:#475569;align-items:center;gap:6px;font-weight:700;display:flex}.crm-meta-help{color:#94a3b8;cursor:help;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.crm-meta-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.88rem;transition:all .2s}.crm-meta-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.crm-meta-value-highlight{color:#991b1b;font-size:.9rem;font-weight:700}.crm-meta-avail-badge{color:#15803d;background-color:#dcfce7;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.crm-tabs-bar{border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:20px;display:flex}.crm-tab-item{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.crm-tab-item:hover{color:#0f172a}.crm-tab-item.active{color:#2563eb;font-weight:700}.crm-tab-item.active:after{content:"";background-color:#2563eb;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-2px;left:0;right:0}.crm-dn-table{border-collapse:collapse;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:16px;overflow:hidden}.crm-dn-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.03em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.82rem;font-weight:700}.crm-dn-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.88rem}.crm-dn-table tr:last-child td{border-bottom:none}.crm-product-row{align-items:center;gap:12px;display:flex}.crm-avail-pill{color:#fff;background-color:#10b981;border-radius:12px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.crm-details-badge{color:#2563eb;cursor:pointer;text-underline-offset:2px;font-weight:600;text-decoration:underline}.crm-details-badge:hover{color:#1d4ed8}.crm-add-line-btn{color:#2563eb;cursor:pointer;background-color:#eff6ff;border:1px dashed #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.crm-add-line-btn:hover{background-color:#dbeafe;border-color:#93c5fd}@media (width<=768px){.sv-container{gap:14px;padding:10px 0}.sv-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.sv-header>div:last-child{flex-wrap:wrap;gap:8px;width:100%;display:flex}.sv-filters{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.sv-search-box{width:100%;min-width:100%}.sv-status-tabs{gap:6px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.sv-grid-2,.sv-grid-3,.sv-grid-4{grid-template-columns:1fr!important;gap:10px!important}.sv-modal{border-radius:12px!important;width:95vw!important;max-width:95vw!important;max-height:88vh!important;padding:16px!important}.sv-modal-lg{max-width:95vw!important}.sv-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.sv-table{min-width:600px}.sv-product-grid-header{display:none!important}.sv-product-grid-row{margin-bottom:8px;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:8px!important;padding:12px!important;display:flex!important}.sv-product-remove-btn{align-self:flex-end}.crm-dn-meta-grid{gap:16px;grid-template-columns:1fr!important}.crm-meta-row{grid-template-columns:120px 1fr!important}.crm-dn-topbar{flex-direction:column;align-items:flex-start;gap:12px}.crm-pipeline{width:100%;padding-bottom:4px;display:flex;overflow-x:auto}}.deal-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:22px;display:grid}.deal-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a08}.deal-kpi-card:before{content:"";background:0 0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.deal-kpi-card.active-pipeline:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.deal-kpi-card.won-deals:before{background:linear-gradient(90deg,#10b981,#059669)}.deal-kpi-card.win-rate:before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.deal-kpi-card.total-pipeline:before{background:linear-gradient(90deg,#64748b,#1e293b)}.deal-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px -5px #0f172a14,0 4px 8px -2px #0f172a08}.deal-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .25s;display:flex}.deal-kpi-card:hover .deal-kpi-icon{transform:scale(1.08)}.deal-kpi-icon.active-pipeline{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.deal-kpi-icon.won-deals{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.deal-kpi-icon.win-rate{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.deal-kpi-icon.total-pipeline{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.deal-kpi-content{flex:1;min-width:0}.deal-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.73rem;font-weight:700}.deal-kpi-value{color:#0f172a;margin-bottom:5px;font-size:1.4rem;font-weight:800;line-height:1.2}.deal-kpi-sub{border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.deal-kpi-sub.active-pipeline{color:#1d4ed8;background:#eff6ff}.deal-kpi-sub.won-deals{color:#047857;background:#ecfdf5}.deal-kpi-sub.win-rate{color:#6d28d9;background:#f5f3ff}.deal-kpi-sub.total-pipeline{color:#475569;background:#f1f5f9}.deals-pipeline-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:flex-start;gap:16px;margin-top:10px;display:grid}.deals-stage-col{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;min-height:440px;padding:14px;transition:border-color .2s;display:flex;position:relative}.deals-stage-col:hover{border-color:#cbd5e1}.deals-stage-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.deals-stage-title-wrap{align-items:center;gap:8px;display:flex}.deals-stage-dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #fffc}.deals-stage-name{color:#0f172a;text-transform:uppercase;letter-spacing:.02em;font-size:.85rem;font-weight:700}.deals-stage-count{color:#475569;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:2px 7px;font-size:.72rem;font-weight:700;box-shadow:0 1px 2px #0000000a}.deals-stage-val{color:#059669;font-size:.8rem;font-weight:700}.deals-card-list{flex-direction:column;gap:12px;display:flex}.deals-card{cursor:pointer;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:12px;flex-direction:column;gap:10px;padding:15px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a08;background-color:#fff!important}.deals-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 12px 24px -4px #0f172a17,0 4px 8px -2px #0f172a0a}.deals-card.is-won{border-color:#a7f3d0;background:linear-gradient(#fff 0%,#f0fdf4 100%)!important;border-left:4px solid #10b981!important}.deals-card.is-won:hover{border-color:#34d399;box-shadow:0 12px 26px -4px #10b98129,0 4px 8px -2px #10b98114}.deals-won-ribbon{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.deals-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.deals-card-title{color:#0f172a;margin:0;font-size:.92rem;font-weight:700;line-height:1.35}.deals-card-client{color:#64748b;align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.deals-card-client-avatar{color:#475569;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.deals-card-value-wrap{justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.deals-card-value{color:#059669;letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.deals-card.is-won .deals-card-value{color:#047857}.deals-card-prob-wrap{flex-direction:column;gap:4px;display:flex}.deals-card-prob-header{color:#64748b;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.deals-card-prob-bar{background-color:#f1f5f9;border-radius:4px;width:100%;height:6px;overflow:hidden}.deals-card-prob-fill{border-radius:4px;height:100%;transition:width .4s}.deals-card-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:10px;font-size:.74rem;display:flex}.deals-card-date{align-items:center;gap:5px;display:flex}.deals-card-actions{align-items:center;gap:4px;display:flex}.deals-btn-quote{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.deals-btn-quote:hover{color:#fff;background:#2563eb;border-color:#2563eb}.quote-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:20px;display:grid}.quote-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:16px;padding:16px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a08}.quote-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 20px -5px #0f172a14,0 4px 8px -2px #0f172a0a}.quote-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .25s;display:flex}.quote-kpi-card:hover .quote-kpi-icon{transform:scale(1.08)}.quote-kpi-content{flex:1;min-width:0}.quote-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.75rem;font-weight:700}.quote-kpi-value{color:#0f172a;margin-bottom:3px;font-size:1.45rem;font-weight:800;line-height:1.2}.quote-kpi-sub{color:#64748b;font-size:.8rem;font-weight:500}.quote-cards-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;display:grid}.quote-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.quote-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 14px 28px -6px #0f172a1a,0 6px 12px -3px #0f172a0d}.quote-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.quote-card-ref{color:#2563eb;align-items:center;gap:6px;font-size:.95rem;font-weight:800;display:flex}.quote-card-client{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;display:flex}.quote-card-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.quote-card-tag{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-weight:500;display:inline-flex}.quote-card-scope-box{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:9px 12px;font-size:.82rem}.quote-card-scope-desc{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.quote-card-price-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:flex-end;padding-top:10px;display:flex}.quote-card-price-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.03em;font-size:.72rem;font-weight:700}.quote-card-price-val{color:#059669;font-size:1.25rem;font-weight:800;line-height:1.1}.quote-card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;font-size:.78rem;display:flex}.quote-card-actions{align-items:center;gap:6px;display:flex}.quote-calc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px}.quote-calc-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;display:grid}@media (width<=640px){.quote-calc-grid{grid-template-columns:1fr}}.quote-calc-col{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.quote-calc-col-header{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.quote-calc-input-row{align-items:center;gap:8px;display:flex}.quote-stepper-group{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;height:38px;display:inline-flex;overflow:hidden}.quote-stepper-btn{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:100%;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.quote-stepper-btn:hover{color:#0f172a;background:#e2e8f0}.quote-stepper-val{text-align:center;color:#0f172a;background:#fff;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;outline:none;width:54px;height:100%;font-size:.88rem;font-weight:700}.quote-presets-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.quote-preset-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.quote-preset-btn:hover{color:#0f172a;background:#e2e8f0}.quote-preset-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.quote-preset-btn.active-discount{color:#fff;background:#dc2626;border-color:#dc2626}.quote-summary-banner{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1.5px solid #a7f3d0;border-radius:10px;padding:14px 18px}.quote-summary-stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:12px;display:grid}.quote-summary-stat-label{text-transform:uppercase;color:#64748b;align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:flex}.quote-summary-stat-val{margin-top:2px;font-size:1.05rem;font-weight:700}.contacts-view{grid-template-columns:380px 1fr;align-items:start;gap:20px;padding:24px;display:grid}.contacts-list-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.contacts-list-header{justify-content:space-between;align-items:center;display:flex}.contacts-list-header h2{color:#0f172a;margin:0;font-size:1.3rem;font-weight:800}.contacts-add-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.contacts-add-btn:hover{background-color:#1d4ed8}.contacts-search-box{align-items:center;display:flex;position:relative}.contacts-search-icon{color:#94a3b8;position:absolute;left:14px}.contacts-search-box input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 14px 11px 40px;font-size:.85rem}.contacts-search-box input:focus{background-color:#fff;border-color:#2563eb}.contacts-list{flex-direction:column;gap:4px;max-height:640px;display:flex;overflow-y:auto}.contact-list-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background-color .15s;display:flex}.contact-list-item:hover{background-color:#f8fafc}.contact-list-item.active{background-color:#eff6ff}.contact-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.8rem;font-weight:700;display:flex}.contact-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-list-name{color:#0f172a;font-size:.88rem;font-weight:700}.contact-list-role{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.contact-list-last{color:#94a3b8;align-items:center;gap:4px;margin-top:2px;font-size:.72rem;display:flex}.contact-list-chevron{color:#cbd5e1;flex-shrink:0}.contact-detail-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.contact-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.contact-detail-identity{align-items:flex-start;gap:16px;display:flex}.contact-detail-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.1rem;font-weight:700;display:flex}.contact-detail-identity h2{color:#0f172a;margin:0;font-size:1.3rem;font-weight:800}.contact-detail-identity p{color:#64748b;margin:2px 0 8px;font-size:.9rem}.contact-detail-tags{gap:8px;display:flex}.contact-tag{color:#2563eb;background-color:#eff6ff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.contact-detail-actions{gap:10px;display:flex}.contact-action-btn{cursor:pointer;background-color:#fff;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.action-call{color:#15803d;background-color:#f0fdf4;border-color:#bbf7d0}.action-call:hover{background-color:#dcfce7}.action-email{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.action-email:hover{background-color:#dbeafe}.action-meet{color:#7c3aed;background-color:#f5f3ff;border-color:#ddd6fe}.action-meet:hover{background-color:#ede9fe}.contact-detail-tabs{border-bottom:1px solid #e2e8f0;gap:24px;display:flex}.contact-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 2px;font-size:.88rem;font-weight:600}.contact-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.contact-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-info-card,.contact-followup-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.contact-info-card h3,.contact-followup-card h3{color:#0f172a;margin:0;font-size:.95rem;font-weight:800}.contact-info-row{align-items:flex-start;gap:12px;display:flex}.contact-info-icon{color:#2563eb;background-color:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.contact-info-row>div{flex-direction:column;gap:2px;display:flex}.contact-info-label{color:#94a3b8;letter-spacing:.04em;font-size:.68rem;font-weight:700}.contact-info-value{color:#0f172a;font-size:.9rem;font-weight:600}.followup-next-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.followup-next-label{color:#2563eb;letter-spacing:.04em;font-size:.68rem;font-weight:700}.followup-next-date{color:#0f172a;font-size:1.15rem;font-weight:800}.followup-notes-box h4{color:#0f172a;margin:0 0 6px;font-size:.85rem;font-weight:700}.followup-notes-box p{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.contact-activity-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.contact-activity-card h3{color:#0f172a;margin:0 0 14px;font-size:.95rem;font-weight:800}.contact-activity-list{flex-direction:column;gap:10px;display:flex}.contact-activity-row{background-color:#f0fdf4;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.contact-activity-icon{color:#15803d;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.contact-activity-date{color:#64748b;font-size:.8rem}@media (width<=1000px){.contacts-view,.contact-detail-grid{grid-template-columns:1fr}}.clients-view-container{flex-direction:column;gap:20px;display:flex}.clients-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.clients-page-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.clients-page-header p{color:#64748b;margin:0;font-size:.88rem}.clients-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.clients-view-toggle{background-color:#f1f5f9;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.view-toggle-btn.active{color:#0f172a;background-color:#fff;box-shadow:0 1px 3px #00000014}.clients-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.clients-btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.clients-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.client-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.client-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.client-stat-card-value{font-size:1.7rem;font-weight:800}.client-stat-card-label{color:#64748b;font-size:.82rem;font-weight:500}.clients-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.clients-search-box{flex:1;min-width:220px;position:relative}.clients-search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.clients-search-box input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.clients-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clients-filter-row{flex-wrap:wrap;gap:6px;display:flex}.clients-filter-pill{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .18s}.clients-filter-pill:hover{background-color:#f8fafc;border-color:#cbd5e1}.clients-filter-pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.clients-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.client-card{cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both clientCardIn;display:flex;box-shadow:0 1px 3px #0000000a}@keyframes clientCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.client-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.client-card-selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f,0 10px 24px #2563eb1f}.client-card-selected:hover{border-color:#2563eb}.client-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.client-card-identity{align-items:center;gap:10px;min-width:0;display:flex}.client-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.85rem;font-weight:700;display:flex}.client-avatar-sm{width:34px;height:34px;font-size:.75rem}.client-card-identity h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.client-card-identity span{color:#64748b;font-size:.8rem}.health-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.client-industry-row{display:flex}.industry-tag{border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.client-stats-row{justify-content:space-between;gap:12px;display:flex}.client-stats-row>div{flex-direction:column;gap:4px;display:flex}.client-stat-label{color:#94a3b8;letter-spacing:.04em;font-size:.68rem;font-weight:700}.client-stat-value{color:#0f172a;font-size:.95rem;font-weight:700}.client-stat-revenue{color:#16a34a}.client-progress-section{flex-direction:column;gap:6px;display:flex}.client-progress-header{color:#64748b;justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.client-progress-track{background-color:#e2e8f0;border-radius:4px;width:100%;height:6px;overflow:hidden}.client-progress-fill{background-color:#16a34a;border-radius:4px;height:100%;transition:width .6s}.client-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.client-expires{color:#64748b;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.client-owner-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:700;display:flex}.clients-empty-state{text-align:center;color:#94a3b8;grid-column:1/-1;padding:40px;font-size:.9rem}.clients-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;animation:.3s both clientCardIn;overflow:hidden;box-shadow:0 1px 3px #0000000a}.clients-table{border-collapse:collapse;width:100%}.clients-table th{text-align:left;color:#94a3b8;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:.72rem;font-weight:700}.clients-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:.85rem}.clients-table tbody tr{cursor:pointer;transition:background-color .15s}.clients-table tbody tr:hover{background-color:#f8fafc}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table-row-active{background-color:#eff6ff}.clients-table-identity{align-items:center;gap:10px;display:flex}.clients-table-identity>div{flex-direction:column;display:flex}.clients-table-name{color:#0f172a;font-size:.88rem;font-weight:700}.clients-table-company{color:#94a3b8;font-size:.78rem}.clients-table-revenue{color:#16a34a;font-weight:700}.clients-table-expires{color:#64748b}.clients-table-progress{align-items:center;gap:10px;min-width:120px;display:flex}.clients-table-progress .client-progress-track{flex-shrink:0;width:80px}.clients-table-progress span{color:#334155;font-size:.8rem;font-weight:600}.clients-modal-overlay{z-index:300;background-color:#0f172a8c;justify-content:center;align-items:center;padding:24px;animation:.18s clientsFadeIn;display:flex;position:fixed;inset:0}@keyframes clientsFadeIn{0%{opacity:0}to{opacity:1}}.clients-modal-content{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.22s clientsModalIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes clientsModalIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.clients-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.clients-modal-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.clients-modal-close-btn{color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.clients-modal-close-btn:hover{background-color:#f1f5f9}.clients-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.clients-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.clients-modal-body::-webkit-scrollbar{width:6px}.clients-modal-body::-webkit-scrollbar-track{background:0 0}.clients-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.clients-modal-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.clients-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.clients-form-group{flex-direction:column;gap:6px;display:flex}.clients-form-group label{color:#334155;font-size:.82rem;font-weight:600}.clients-form-input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.clients-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clients-form-input.error{background-color:#fef2f2;border-color:#ef4444}.clients-form-error{color:#dc2626;font-size:.76rem;font-weight:500}.clients-modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.clients-btn-secondary{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.clients-btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}@media (width<=1200px){.clients-grid,.clients-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.clients-grid,.clients-form-grid{grid-template-columns:1fr}.clients-header-actions{flex-wrap:wrap;width:100%}}.notifications-view{flex-direction:column;gap:16px;display:flex}.notifications-feed-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.notifications-feed-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notifications-feed-title{align-items:center;gap:10px;display:flex}.notifications-feed-title h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.unread-badge{color:#fff;background:#ef4444;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700}.notifications-feed-actions{gap:10px;display:flex}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.notifications-filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.filter-pill-active{color:#fff;background:#2563eb;border-color:#2563eb}.notifications-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.notifications-empty{text-align:center;color:#94a3b8;padding:50px 20px;font-size:.88rem}.notification-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.notification-row:last-child{border-bottom:none}.notification-row-unread{background:#eff6ff}.notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-content{flex:1;min-width:0}.notification-content h4{color:#0f172a;margin:0 0 4px;font-size:.92rem;font-weight:700}.notification-content p{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.notification-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.notification-time{color:#94a3b8;white-space:nowrap;font-size:.78rem}.notification-check-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.notification-check-btn:hover{background:#f1f5f9}.notification-check-btn-read{color:#16a34a;background:#dcfce7;border-color:#dcfce7}@media (width<=720px){.notification-row{flex-wrap:wrap}.notification-meta{justify-content:space-between;width:100%;padding-left:54px}}.employee-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.employee-sidebar.collapsed{width:72px}.employee-sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.employee-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.employee-brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.employee-brand-info{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.employee-brand-name{color:#fff;letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.employee-brand-subtitle{color:#64748b;font-size:.72rem;font-weight:500}.employee-collapse-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.employee-collapse-btn:hover{color:#fff;background-color:#1e293b;border-color:#475569}.employee-sidebar-menu{scrollbar-width:thin;scrollbar-color:#475569 #1e293b;flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.employee-sidebar-menu::-webkit-scrollbar{width:8px}.employee-sidebar-menu::-webkit-scrollbar-track{background-color:#1e293b}.employee-sidebar-menu::-webkit-scrollbar-thumb{background-color:#475569;background-clip:padding-box;border:1px solid #1e293b;border-radius:5px}.employee-sidebar-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b;background-clip:padding-box}.employee-menu-title,.white-title{text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px;font-size:.7rem;font-weight:700;color:#fff!important}.employee-menu-section{flex-direction:column;gap:4px;display:flex}.employee-menu-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.employee-menu-item:hover{color:#fff;background-color:#1e293b}.employee-menu-item.active{color:#fff;background-color:#2563eb;font-weight:600;box-shadow:0 4px 12px #2563eb59}.employee-menu-left{align-items:center;gap:12px;min-width:0;display:flex}.employee-menu-badge{color:#94a3b8;text-align:center;background-color:#1e293b;border-radius:12px;min-width:18px;padding:2px 8px;font-size:.75rem;font-weight:700}.employee-menu-item.active .employee-menu-badge{color:#fff;background-color:#fff3}.employee-active-dot{display:none}.employee-menu-divider{background-color:#1e293b;height:1px;margin:4px 6px}.employee-sidebar-footer{border-top:none;margin:12px;padding:0;position:relative}.employee-user-card{cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.employee-user-card:hover{background-color:#334155;border-color:#475569}.employee-user-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.employee-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.employee-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden}.employee-user-role{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.employee-user-switch-icon{color:#64748b;justify-content:center;align-items:center;display:flex}.employee-role-dropdown{z-index:30;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:60px;left:0;right:0;box-shadow:0 10px 25px #00000080}.employee-role-dropdown-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;font-size:.7rem;font-weight:700}.employee-role-item{color:#94a3b8;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.employee-role-item:hover{color:#fff;background-color:#1e293b}.employee-role-item.active{color:#3b82f6;background-color:#1e293b;font-weight:600}@media (width<=768px){.employee-sidebar{width:280px!important}.employee-collapse-btn{display:none}.employee-brand-info{display:flex!important}}.employee-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex;box-shadow:0 1px 3px #00000005}.employee-header-left{flex-direction:column;justify-content:center;display:flex}.employee-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.employee-page-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem;font-weight:400}.employee-header-right{align-items:center;gap:14px;display:flex}.employee-sprint-badge{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.employee-sprint-text{flex-direction:column;display:flex}.sprint-top{color:#1e293b;font-size:.72rem;font-weight:700;line-height:1.2}.sprint-bottom{color:#64748b;font-size:.68rem}.employee-search-box{width:240px;position:relative}.employee-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.employee-search-box input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px 9px 36px;font-size:.85rem;transition:all .2s}.employee-search-box input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.employee-filter-container{position:relative}.employee-filter-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.employee-filter-btn:hover,.employee-filter-btn.active{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.employee-filter-menu{z-index:50;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;width:180px;padding:6px;display:flex;position:absolute;top:46px;right:0;box-shadow:0 10px 25px #0000001a}.employee-filter-option{color:#475569;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.82rem;transition:background-color .15s}.employee-filter-option:hover{color:#0f172a;background-color:#f1f5f9}.employee-filter-option.selected{color:#2563eb;background-color:#eff6ff;font-weight:600}.employee-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.employee-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.employee-primary-btn:active{transform:translateY(0)}.header-user-profile-badge{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:10px;padding:5px 12px 5px 6px;transition:all .2s;display:flex}.header-user-profile-badge:hover{background-color:#f1f5f9;border-color:#cbd5e1}.header-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 5px #2563eb33}.header-user-avatar img{object-fit:cover;width:100%;height:100%}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:#0f172a;font-size:.85rem;font-weight:700;line-height:1.2}.header-user-role{color:#64748b;font-size:.72rem;font-weight:500;line-height:1.1}@media (width<=1024px){.finance-header-search{width:140px!important}.finance-header-actions-group span{display:none}}@media (width<=768px){.employee-header{gap:10px;padding:0 16px}.employee-page-title{font-size:1.1rem}.employee-page-subtitle{display:none}.employee-search-box,.finance-header-search{display:none!important}.employee-header-right{gap:8px}}.employee-dashboard-container{flex-direction:column;gap:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.employee-welcome-banner{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;box-shadow:0 2px 8px #00000008}.welcome-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem;font-weight:800}.welcome-subtitle{color:#64748b;margin:0;font-size:.85rem}.welcome-quick-actions{align-items:center;gap:10px;display:flex}.hero-kpi-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1024px){.hero-kpi-row{grid-template-columns:1fr}}.hero-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000008}.hero-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 24px #00000012}.sales-hero-card{border-top:4px solid #2563eb}.financial-hero-card{border-top:4px solid #10b981}.hero-card-header{justify-content:space-between;align-items:flex-start;display:flex}.hero-header-left{align-items:center;gap:14px;display:flex}.hero-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hero-icon-box.sales{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.hero-icon-box.finance{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.hero-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.hero-card-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem}.hero-badge-pct{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-direction:column;align-items:flex-end;padding:6px 12px;display:flex}.hero-badge-pct span:first-child{color:#2563eb;font-size:1.15rem;font-weight:800;line-height:1.1}.hero-badge-pct.green{background-color:#ecfdf5;border-color:#a7f3d0}.hero-badge-pct.green span:first-child{color:#059669}.hero-badge-sub{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:600}.hero-card-main-val{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}@media (width<=600px){.hero-card-main-val{grid-template-columns:1fr;gap:8px}}.hero-val-group{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:8px 10px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000005}.hero-val-group:hover{border-color:#cbd5e1;box-shadow:0 2px 5px #0000000d}.hero-val-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.67rem;font-weight:700;overflow:hidden}.hero-val-num{color:#0f172a;word-break:break-all;overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:3px;min-width:0;font-size:clamp(.82rem,1.05vw,1.05rem);font-weight:800;line-height:1.25;display:flex}.hero-val-prefix{opacity:.8;font-size:.78em;font-weight:700}.hero-val-text{font-variant-numeric:tabular-nums;word-break:break-all;overflow-wrap:anywhere}.hero-val-num.light{color:#475569}.hero-val-num.rem{color:#d97706}.hero-val-divider{display:none}.hero-progress-track{background-color:#f1f5f9;border-radius:6px;width:100%;height:8px;overflow:hidden}.hero-progress-fill{border-radius:6px;height:100%;transition:width .6s}.hero-progress-fill.sales{background:linear-gradient(90deg,#2563eb,#10b981)}.hero-progress-fill.finance{background:linear-gradient(90deg,#10b981,#059669)}.hero-pills-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}@media (width<=480px){.hero-pills-grid{grid-template-columns:1fr}}.hero-pill-item{cursor:pointer;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;transition:all .2s;display:flex;overflow:hidden}.hero-pill-item:hover{background-color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb14}.pill-title{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.pill-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:800;overflow:hidden}.pill-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;overflow:hidden}.pill-sub.positive{color:#059669;font-weight:600}.employee-middle-grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}@media (width<=1024px){.employee-middle-grid{grid-template-columns:1fr}}.sales-quick-nav-card,.sales-activity-stream-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 2px 6px #00000005}.widget-header{justify-content:space-between;align-items:center;display:flex}.widget-title-area{align-items:center;gap:10px;display:flex}.widget-title-area h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.widget-badge-count{color:#64748b;background-color:#f1f5f9;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600}.widget-action-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.widget-action-link:hover{text-decoration:underline}.sales-quick-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.sales-quick-grid{grid-template-columns:1fr}}.sales-workflow-item{cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.sales-workflow-item:hover{background-color:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb14}.sw-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sw-icon-box.blue{color:#2563eb;background-color:#eff6ff}.sw-icon-box.green{color:#059669;background-color:#ecfdf5}.sw-icon-box.purple{color:#7c3aed;background-color:#f5f3ff}.sw-icon-box.amber{color:#d97706;background-color:#fffbeb}.sw-info{flex:1;min-width:0}.sw-info h4{color:#0f172a;margin:0 0 2px;font-size:.9rem;font-weight:700}.sw-info p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.sales-activity-list{flex-direction:column;gap:12px;max-height:260px;display:flex;overflow-y:auto}.sales-activity-row-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.sales-activity-row-item:last-child{border-bottom:none}.sales-act-dot{background-color:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.sales-act-content{flex:1;min-width:0}.sales-act-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sales-act-type{color:#0f172a;font-size:.8rem;font-weight:700}.sales-act-time{color:#94a3b8;font-size:.7rem}.sales-act-desc{color:#475569;margin:2px 0 0;font-size:.775rem}.employee-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1024px){.employee-bottom-grid{grid-template-columns:1fr}}.employee-widget-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 2px 6px #00000005}.projects-scroll-list,.tasks-list{flex-direction:column;gap:10px;display:flex}.project-item-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.project-item-card:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #00000008}.project-item-left{align-items:center;gap:12px;min-width:0;display:flex}.project-icon-box{background-color:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.project-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.project-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:700;overflow:hidden}.project-meta{color:#64748b;align-items:center;gap:10px;font-size:.75rem;display:flex}.project-item-right{align-items:center;gap:8px;display:flex}.project-status-pill{color:#2563eb;background-color:#eff6ff;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:600}.task-item-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.task-item-card:hover{background-color:#fff;border-color:#cbd5e1}.task-left{align-items:center;gap:12px;min-width:0;display:flex}.task-checkbox{accent-color:#10b981;cursor:pointer;width:18px;height:18px}.task-info{flex-direction:column;gap:2px;min-width:0;display:flex}.task-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.task-meta-row{color:#64748b;align-items:center;gap:8px;font-size:.725rem;display:flex}.task-project-tag{color:#334155;background-color:#e2e8f0;border-radius:4px;padding:2px 6px;font-weight:600}.task-right{align-items:center;gap:8px;display:flex}.priority-badge{border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.priority-badge.high{color:#dc2626;background-color:#fef2f2}.priority-badge.medium{color:#d97706;background-color:#fffbeb}.priority-badge.low{color:#15803d;background-color:#f0fdf4}.status-pill.in-progress{color:#2563eb;background-color:#eff6ff;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.sales-dashboard-month{color:#475569;align-items:center;gap:10px;font-size:.8rem;font-weight:700;display:flex}.sales-dashboard-month input{color:#0f172a;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.sales-dashboard-nine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.sales-dashboard-nine-tile{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"icon label""count count""amount amount""note note";align-content:start;gap:6px 10px;min-height:160px;padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 6px 20px #0f172a0d}.sales-dashboard-nine-tile:not(:disabled){cursor:pointer}.sales-dashboard-nine-tile:disabled{cursor:default;opacity:1}.sales-dashboard-nine-tile:not(:disabled):hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a17}.sales-dashboard-nine-icon{border-radius:10px;grid-area:icon;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.sales-dashboard-nine-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;grid-area:label;align-self:center;font-size:.82rem;font-weight:800}.sales-dashboard-nine-count{color:#0f172a;grid-area:count;font-size:2rem;font-weight:800;line-height:1.1}.sales-dashboard-nine-amount{color:#0f172a;grid-area:amount;font-size:1.05rem;font-weight:750}.sales-dashboard-nine-note{color:#64748b;grid-area:note;font-size:.76rem}@media (width<=900px){.sales-dashboard-nine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.sales-dashboard-nine-grid{grid-template-columns:1fr}.sales-dashboard-month{justify-content:space-between;width:100%}}.employee-projects-container{flex-direction:column;gap:20px;display:flex}.projects-controls-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.projects-search{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:320px;padding:8px 14px;display:flex}.projects-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.projects-filter-pills{align-items:center;gap:8px;display:flex}.filter-pill{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.filter-pill:hover,.filter-pill.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.projects-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.employee-project-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:24px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.employee-project-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.card-top-bar{justify-content:space-between;align-items:center;display:flex}.project-icon-box{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-card-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.project-client-name{color:#64748b;margin:-6px 0 0;font-size:.82rem}.project-role-badge{color:#334155;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:6px 12px;font-size:.78rem}.project-progress-section{flex-direction:column;gap:6px;margin-top:4px;display:flex}.progress-info{color:#64748b;justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.progress-track{background-color:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .4s}.project-stats-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:8px;display:grid}.stat-box{color:#64748b;align-items:center;gap:6px;font-size:.78rem;display:flex}.employee-tasks-container{flex-direction:column;gap:20px;display:flex}.tasks-header-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 1px 3px #00000005}.tasks-search-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:320px;padding:8px 14px;display:flex}.tasks-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.tasks-right-controls{align-items:center;gap:14px;display:flex}.view-toggle{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.toggle-btn.active{color:#2563eb;background-color:#fff;box-shadow:0 1px 3px #00000014}.add-task-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.kanban-board-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}.kanban-column{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;min-height:520px;padding:16px;display:flex}.kanban-column-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.column-title-box{align-items:center;gap:8px;display:flex}.column-dot{border-radius:50%;width:8px;height:8px}.column-name{color:#1e293b;font-size:.9rem;font-weight:700}.column-count{color:#475569;background-color:#e2e8f0;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:700}.kanban-cards-list{flex-direction:column;gap:12px;display:flex}.kanban-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.kanban-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #0000000d}.card-project-row{justify-content:space-between;align-items:center;display:flex}.task-project-pill{color:#2563eb;background-color:#eff6ff;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.priority-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.priority-tag.critical{color:#dc2626;background-color:#fee2e2}.priority-tag.high{color:#d97706;background-color:#fef3c7}.priority-tag.medium{color:#475569;background-color:#f1f5f9}.kanban-task-title{color:#0f172a;margin:0;font-size:.88rem;font-weight:600;line-height:1.35}.kanban-task-meta{color:#64748b;align-items:center;gap:12px;font-size:.74rem;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.kanban-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.task-due-tag{color:#64748b;align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.move-select{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:2px 4px;font-size:.72rem}.tasks-list-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tasks-table{border-collapse:collapse;text-align:left;width:100%}.tasks-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.78rem;font-weight:700}.tasks-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.85rem}.task-table-title{color:#0f172a;font-weight:600}.table-move-select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:.78rem}@media (width<=768px){.tasks-header-bar{flex-wrap:wrap;gap:10px;padding:12px 14px}.tasks-search-box{width:100%;min-width:0}.tasks-right-controls{flex-wrap:wrap;gap:8px;width:100%}.kanban-board-grid{-webkit-overflow-scrolling:touch;flex-direction:row;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-column{flex:0 0 220px;min-width:220px;min-height:auto}.kanban-task-title{word-break:break-word}.add-task-btn span{display:none}.add-task-btn{padding:8px 12px}}@media (width<=480px){.kanban-column{flex:0 0 200px;min-width:200px}.toggle-btn span{display:none}}.employee-work-updates-container{flex-direction:column;gap:24px;display:flex}.work-update-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 2px 6px #00000008}.card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.title-box{align-items:center;gap:12px;display:flex}.title-box h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.title-box p{color:#64748b;margin:2px 0 0;font-size:.8rem}.submit-success-badge{color:#166534;background-color:#dcfce7;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:flex}.standup-form{flex-direction:column;gap:16px;display:flex}.form-row-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.input-icon-box{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.input-icon-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.standup-form textarea{color:#0f172a;resize:vertical;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.standup-form textarea:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.submit-standup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.submit-standup-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.history-count{color:#64748b;background-color:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.standup-history-list{flex-direction:column;gap:16px;display:flex}.standup-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.standup-item-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.standup-date-box{align-items:center;gap:8px;display:flex}.standup-date{color:#0f172a;font-size:.9rem;font-weight:700}.standup-header-right{align-items:center;gap:10px;display:flex}.hours-pill{color:#2563eb;background-color:#eff6ff;border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:700}.status-tag{border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700}.status-tag.approved{color:#15803d;background-color:#dcfce7}.status-tag.submitted{color:#b45309;background-color:#fef3c7}.standup-body{flex-direction:column;gap:8px;display:flex}.standup-section{flex-direction:column;gap:2px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.section-label.text-green{color:#16a34a}.section-label.text-blue{color:#2563eb}.section-label.text-red{color:#dc2626}.section-text{color:#334155;margin:0;font-size:.86rem}.employee-completed-container{flex-direction:column;gap:20px;display:flex}.completed-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.completed-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000008}.completed-kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.completed-kpi-top{align-items:center;gap:12px;display:flex}.completed-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.completed-kpi-label{color:#475569;font-size:.88rem;font-weight:600}.completed-kpi-value{color:#0f172a;font-size:1.7rem;font-weight:800;line-height:1.1}.completed-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.completed-filter-pill{color:#475569;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.completed-filter-pill:hover{background-color:#f8fafc}.completed-filter-pill-active{color:#fff;background-color:#2563eb;border-color:#2563eb}.completed-filter-pill-active:hover{background-color:#1d4ed8}.completed-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.completed-table{border-collapse:collapse;width:100%}.completed-table th{text-align:left;color:#64748b;letter-spacing:.03em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.75rem;font-weight:700}.completed-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 20px;font-size:.9rem}.completed-table tr:last-child td{border-bottom:none}.completed-task-name-cell{align-items:center;gap:12px;display:flex}.completed-task-check{background-color:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.completed-task-title{color:#0f172a;font-size:.92rem;font-weight:700}.completed-task-approver{color:#94a3b8;margin-top:2px;font-size:.8rem}.completed-project-cell{color:#475569;font-weight:500}.completed-date-cell{color:#64748b;align-items:center;gap:6px;font-size:.85rem;display:flex}.completed-status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.completed-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.completed-quality-cell{align-items:center;gap:10px;display:flex}.completed-quality-track{background-color:#f1f5f9;border-radius:999px;width:90px;height:6px;overflow:hidden}.completed-quality-fill{background-color:#16a34a;border-radius:999px;height:100%}.completed-quality-value{color:#0f172a;font-size:.85rem;font-weight:700}.completed-quality-pending{color:#94a3b8;font-size:.85rem;font-weight:500}@media (width<=1100px){.completed-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.completed-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.completed-filter-bar{gap:8px}.completed-filter-pill{padding:7px 14px;font-size:.8rem}.completed-table-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.completed-table{min-width:600px}}@media (width<=480px){.completed-stats-grid{grid-template-columns:1fr}}.employee-activity-container{flex-direction:column;gap:20px;display:flex}.activity-top-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.activity-chart-card,.this-week-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.activity-chart-header{margin-bottom:16px}.activity-chart-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.activity-chart-header p{color:#64748b;margin:2px 0 0;font-size:.85rem}.this-week-card h3{color:#0f172a;margin:0 0 16px;font-size:1.1rem;font-weight:800}.this-week-list{flex-direction:column;display:flex}.this-week-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.this-week-row:last-child{border-bottom:none;padding-bottom:0}.this-week-label{color:#334155;font-size:.9rem;font-weight:500}.this-week-value{font-size:1rem;font-weight:800}.activity-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.activity-filter-icon{color:#64748b;flex-shrink:0;margin-right:4px}.activity-filter-pill{color:#475569;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.activity-filter-pill:hover{background-color:#f8fafc}.activity-filter-pill-active{color:#fff;background-color:#2563eb;border-color:#2563eb}.activity-filter-pill-active:hover{background-color:#1d4ed8}.activity-feed-list{flex-direction:column;gap:12px;display:flex}.activity-feed-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.activity-feed-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.activity-feed-content{flex:1;min-width:0}.activity-feed-title{color:#0f172a;margin:0 0 6px;font-size:.95rem;font-weight:600}.activity-feed-time{color:#94a3b8;align-items:center;gap:6px;font-size:.8rem;display:flex}.activity-feed-tag{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:.78rem;font-weight:700}@media (width<=1100px){.activity-top-grid{grid-template-columns:1fr}}@media (width<=640px){.activity-feed-card{flex-wrap:wrap}.activity-feed-tag{margin-left:52px}}.employee-notifications-container{flex-direction:column;gap:20px;display:flex}.notif-control-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.notif-title-group{align-items:center;gap:12px;display:flex}.notif-title-group h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.unread-counter-badge{color:#fff;background-color:#ef4444;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.notif-actions{align-items:center;gap:10px;display:flex}.notif-action-btn{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.notif-action-btn:hover{color:#0f172a;background-color:#fff;border-color:#94a3b8}.notif-action-btn.danger:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.notif-categories{align-items:center;gap:8px;display:flex}.category-pill{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.category-pill:hover,.category-pill.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.notif-list-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:8px;display:flex;box-shadow:0 2px 6px #00000008}.notif-item{border-bottom:1px solid #f1f5f9;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:background-color .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item.unread{background-color:#eff6ff}.notif-item:hover{background-color:#f8fafc}.notif-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notif-body{flex-direction:column;flex:1;gap:4px;display:flex}.notif-row-top{justify-content:space-between;align-items:center;display:flex}.notif-item-title{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.notif-item-time{color:#64748b;font-size:.74rem}.notif-item-msg{color:#475569;margin:0;font-size:.84rem}.notif-item-right{align-items:center;display:flex}.read-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.read-toggle-btn:hover{color:#2563eb;background-color:#fff;border-color:#2563eb}.empty-notif-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}@media (width<=640px){.notif-control-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.notif-title-group{width:100%}.notif-actions{flex-wrap:wrap;gap:8px;width:100%}.notif-action-btn{white-space:nowrap;flex:1;justify-content:center}.notif-categories{flex-wrap:wrap;gap:6px}.category-pill{padding:5px 12px;font-size:.78rem}.notif-item{gap:12px;padding:14px}.notif-row-top{flex-direction:column;align-items:flex-start;gap:4px}}.employee-profile-container{flex-direction:column;gap:20px;display:flex}.profile-hero-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.profile-hero-banner{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);height:64px}.profile-hero-body{align-items:flex-end;gap:20px;padding:0 28px 24px;display:flex;position:relative}.profile-hero-avatar{color:#fff;background-color:#2563eb;border:4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;margin-top:-42px;font-size:1.6rem;font-weight:700;display:flex}.profile-hero-info{flex:1;min-width:0;padding-top:14px}.profile-hero-info h2{color:#0f172a;margin:0 0 2px;font-size:1.4rem;font-weight:800}.profile-hero-info>p{color:#64748b;margin:0 0 12px;font-size:.95rem}.profile-hero-meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.profile-hero-meta span{color:#475569;align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.edit-profile-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:14px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:background-color .2s;display:flex}.edit-profile-btn:hover{background-color:#eff6ff}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.profile-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.profile-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.profile-stat-top{align-items:center;gap:12px;display:flex}.profile-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-stat-label{color:#475569;font-size:.9rem;font-weight:600}.profile-stat-value{color:#0f172a;font-size:1.9rem;font-weight:800;line-height:1.1}.profile-bottom-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.profile-chart-card,.skill-proficiency-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.profile-chart-header{margin-bottom:16px}.profile-chart-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.profile-chart-header p{color:#64748b;margin:2px 0 0;font-size:.85rem}.skill-proficiency-card h3{color:#0f172a;margin:0 0 20px;font-size:1.1rem;font-weight:800}.skill-list{flex-direction:column;gap:18px;display:flex}.skill-row-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.skill-name{color:#0f172a;font-size:.9rem;font-weight:600}.skill-percent{font-size:.9rem;font-weight:700}.skill-track{background-color:#f1f5f9;border-radius:999px;height:8px;overflow:hidden}.skill-fill{border-radius:999px;height:100%}@media (width<=1100px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-stat-card{border-radius:12px;gap:8px;padding:14px}.profile-stat-top{gap:8px}.profile-stat-icon{border-radius:9px;width:32px;height:32px}.profile-stat-icon svg{width:16px;height:16px}.profile-stat-label{font-size:.75rem}.profile-stat-value{font-size:1.3rem}.profile-hero-body{flex-direction:column;align-items:flex-start}.edit-profile-btn{align-self:flex-start;margin-top:8px}}.emp-settings-layout{gap:24px;display:flex}.emp-settings-nav-panel{flex-direction:column;flex-shrink:0;gap:10px;width:220px;display:flex}.emp-settings-nav-title{color:#94a3b8;letter-spacing:.08em;padding:0 4px 4px;font-size:.7rem;font-weight:700}.emp-settings-nav-list{flex-direction:column;gap:4px;display:flex}.emp-settings-nav-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.emp-settings-nav-item:hover{background-color:#f8fafc}.emp-settings-nav-item-active{color:#2563eb;background-color:#fff;border-color:#bfdbfe;box-shadow:0 1px 3px #0000000d}.emp-settings-main-panel{flex:1;min-width:0}.emp-settings-main-header{margin-bottom:20px}.emp-settings-main-header h1{color:#0f172a;margin:0 0 4px;font-size:1.4rem;font-weight:800}.emp-settings-main-header p{color:#64748b;margin:0;font-size:.9rem}.emp-settings-list-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.emp-settings-toggle-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.emp-settings-toggle-row:last-child{border-bottom:none}.emp-settings-row-title{color:#0f172a;font-size:.95rem;font-weight:700}.emp-settings-row-desc{color:#64748b;margin-top:3px;font-size:.85rem}.emp-toggle-switch{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:999px;flex-shrink:0;width:46px;height:25px;padding:0;transition:background-color .2s;position:relative}.emp-toggle-switch-on{background-color:#2563eb}.emp-toggle-knob{background-color:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.emp-toggle-switch-on .emp-toggle-knob{transform:translate(21px)}.emp-settings-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:640px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000000a}.emp-settings-card-title{color:#0f172a;margin:0 0 16px;font-size:1rem;font-weight:800}.emp-theme-options{gap:10px;display:flex}.emp-theme-option{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:12px;font-size:.88rem;font-weight:600;transition:all .15s}.emp-theme-option:hover{background-color:#f8fafc}.emp-theme-option-active{color:#2563eb;background-color:#eff6ff;border-color:#2563eb}.emp-form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.emp-form-group label{color:#64748b;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:700}.emp-form-group input,.emp-form-group select{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:.9rem;transition:border-color .15s}.emp-form-group input:focus,.emp-form-group select:focus{background-color:#fff;border-color:#2563eb}.emp-primary-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:4px;padding:11px 20px;font-size:.88rem;font-weight:600;transition:background-color .2s;display:flex}.emp-primary-btn:hover{background-color:#1d4ed8}@media (width<=768px){.emp-settings-layout{flex-direction:column}.emp-settings-nav-panel{width:100%}.emp-settings-nav-list{flex-flow:wrap}}.task-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.task-modal-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:520px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title-box{align-items:center;gap:10px;display:flex}.modal-title-box h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.close-btn:hover{color:#0f172a;background-color:#f1f5f9}.modal-form{flex-direction:column;gap:18px;padding:24px;display:flex}.modal-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.modal-form-group label{color:#334155;font-size:.82rem;font-weight:600}.modal-form-group input,.modal-form-group select{color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:.88rem;transition:all .15s}.modal-form-group input:focus,.modal-form-group select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-form-row{gap:16px;display:flex}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:16px;display:flex}.cancel-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600}.cancel-btn:hover{color:#0f172a;background-color:#f8fafc}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;display:flex;box-shadow:0 2px 8px #2563eb40}.submit-btn:hover{box-shadow:0 4px 14px #2563eb59}.hr-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.hr-sidebar.collapsed{width:72px}.hr-sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.hr-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.hr-brand-logo{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #7c3aed59}.hr-brand-info{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.hr-brand-name{color:#fff;letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.hr-brand-subtitle{color:#64748b;font-size:.72rem;font-weight:500}.hr-collapse-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.hr-collapse-btn:hover{color:#fff;background-color:#1e293b;border-color:#475569}.hr-sidebar-menu{scrollbar-width:thin;scrollbar-color:#475569 #1e293b;flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.hr-sidebar-menu::-webkit-scrollbar{width:8px}.hr-sidebar-menu::-webkit-scrollbar-track{background-color:#1e293b}.hr-sidebar-menu::-webkit-scrollbar-thumb{background-color:#475569;background-clip:padding-box;border:1px solid #1e293b;border-radius:5px}.hr-sidebar-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b;background-clip:padding-box}.hr-menu-title{color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px;font-size:.68rem;font-weight:700}.hr-menu-section{flex-direction:column;gap:4px;display:flex}.hr-menu-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.hr-menu-item:hover{color:#fff;background-color:#1e293b}.hr-menu-item.active{color:#fff;background-color:#1d4ed8;font-weight:600;box-shadow:0 4px 12px #7c3aed59}.hr-menu-left{align-items:center;gap:12px;min-width:0;display:flex}.hr-menu-badge{color:#94a3b8;text-align:center;background-color:#1e293b;border-radius:12px;min-width:18px;padding:2px 8px;font-size:.75rem;font-weight:700}.hr-menu-item.active .hr-menu-badge{color:#fff;background-color:#fff3}.hr-menu-divider{background-color:#1e293b;height:1px;margin:4px 6px}.hr-sidebar-footer{border-top:none;margin:12px;padding:0;position:relative}.hr-user-card{cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.hr-user-card:hover{background-color:#334155;border-color:#475569}.hr-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.hr-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.hr-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden}.hr-user-role{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.hr-user-switch-icon{color:#64748b;justify-content:center;align-items:center;display:flex}.hr-role-dropdown{z-index:30;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:60px;left:0;right:0;box-shadow:0 10px 25px #00000080}.hr-role-dropdown-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;font-size:.7rem;font-weight:700}.hr-role-item{color:#94a3b8;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.hr-role-item:hover{color:#fff;background-color:#1e293b}.hr-role-item.active{color:#a78bfa;background-color:#1e293b;font-weight:600}@media (width<=768px){.hr-sidebar{z-index:50;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;width:280px!important}.hr-sidebar.mobile-open{left:0}.hr-collapse-btn{display:none}.hr-brand-info{display:flex!important}}.sidebar-backdrop{z-index:40;background-color:#00000080;position:fixed;inset:0}.hr-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex;box-shadow:0 1px 3px #00000005}.hr-header-left{flex-direction:column;justify-content:center;display:flex}.hr-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.hr-page-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem;font-weight:400}.hr-header-right{align-items:center;gap:14px;display:flex}.hr-search-box{width:240px;position:relative}.hr-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hr-search-box input{color:#0f172a;width:100%;font-size:.85rem;font-family:var(--font-family);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px 9px 36px;transition:all .2s}.hr-search-box input:focus{background-color:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.hr-primary-btn{color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.hr-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.hr-primary-btn:active{transform:translateY(0)}.hr-icon-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.hr-icon-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.hr-notif-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.mobile-menu-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:8px;display:none}@media (width<=768px){.hr-header{gap:10px;padding:0 16px}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.hr-page-title{font-size:1.1rem}.hr-page-subtitle,.hr-search-box{display:none}.hr-header-right{gap:8px}}.hr-dashboard{flex-direction:column;gap:24px;display:flex}.hr-welcome-banner{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #7c3aed40}.hr-welcome-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.hr-welcome-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;right:120px}.hr-welcome-left h2{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.7rem;font-weight:800}.hr-welcome-left p{color:#ffffffbf;margin:0;font-size:.88rem}.hr-welcome-stats{z-index:1;gap:24px;display:flex}.hr-welcome-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;padding:12px 20px}.hr-welcome-stat-value{color:#fff;font-size:1.5rem;font-weight:800;line-height:1;display:block}.hr-welcome-stat-label{color:#ffffffb3;margin-top:4px;font-size:.73rem;font-weight:500;display:block}.hr-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hr-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .2s;box-shadow:0 2px 6px #00000008}.hr-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.hr-kpi-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hr-kpi-label{color:#64748b;font-size:.82rem;font-weight:600}.hr-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hr-kpi-icon.purple{color:#7c3aed;background-color:#f3e8ff}.hr-kpi-icon.blue{color:#2563eb;background-color:#eff6ff}.hr-kpi-icon.green{color:#16a34a;background-color:#dcfce7}.hr-kpi-icon.amber{color:#d97706;background-color:#fef3c7}.hr-kpi-icon.red{color:#dc2626;background-color:#fee2e2}.hr-kpi-icon.teal{color:#0f766e;background-color:#ccfbf1}.hr-kpi-value{color:#0f172a;letter-spacing:-.03em;font-size:1.9rem;font-weight:800;line-height:1}.hr-kpi-trend{border-radius:20px;align-items:center;gap:4px;width:fit-content;margin-top:6px;padding:3px 8px;font-size:.76rem;font-weight:600;display:flex}.hr-kpi-trend.up{color:#16a34a;background-color:#f0fdf4}.hr-kpi-trend.down{color:#dc2626;background-color:#fef2f2}.hr-kpi-trend.neutral{color:#64748b;background-color:#f8fafc}.hr-charts-row{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}.hr-chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 2px 6px #00000008}.hr-chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.hr-chart-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.hr-chart-sub{color:#64748b;margin:2px 0 0;font-size:.8rem}.hr-chart-badge{color:#1d4ed8;background-color:#f3e8ff;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;display:flex}.hr-bar-chart{align-items:flex-end;gap:10px;height:160px;padding-top:12px;display:flex}.hr-bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.hr-bar-wrapper{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:130px;display:flex}.hr-bar{border-radius:4px 4px 0 0;width:10px;transition:all .3s}.hr-bar:hover{opacity:.8}.hr-bar.present{background-color:#1d4ed8}.hr-bar.absent{background-color:#fca5a5}.hr-bar.leave{background-color:#fcd34d}.hr-bar-label{color:#94a3b8;font-size:.7rem;font-weight:600}.hr-bar-chart-legend{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.hr-legend-dot-item{color:#64748b;align-items:center;gap:6px;font-size:.78rem;font-weight:500;display:flex}.hr-legend-dot{border-radius:50%;width:10px;height:10px}.hr-donut-container{align-items:center;gap:20px;padding-top:8px;display:flex}.hr-donut-graphic{flex-shrink:0;width:130px;height:130px;position:relative}.hr-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.hr-donut-center{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hr-donut-total{color:#0f172a;font-size:1.4rem;font-weight:800;line-height:1}.hr-donut-lbl{color:#64748b;font-size:.68rem;font-weight:600}.hr-donut-legend{flex-direction:column;flex:1;gap:10px;display:flex}.hr-legend-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.hr-legend-left{align-items:center;gap:8px;display:flex}.hr-legend-name{color:#475569;font-weight:500}.hr-legend-count{color:#0f172a;font-weight:700}.hr-bottom-grid{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.hr-widget-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 2px 6px #00000008}.hr-widget-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.hr-widget-title-area{align-items:center;gap:10px;display:flex}.hr-widget-title-area h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.hr-widget-link{color:#1d4ed8;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.82rem;font-weight:600;display:flex}.hr-widget-link:hover{text-decoration:underline}.hr-leaves-list{flex-direction:column;gap:10px;display:flex}.hr-leave-row{background-color:#fafafa;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.hr-leave-row:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.hr-leave-emp{flex:1;align-items:center;gap:10px;display:flex}.hr-leave-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;display:flex}.hr-leave-emp-info{flex-direction:column;display:flex}.hr-leave-emp-name{color:#1e293b;font-size:.85rem;font-weight:600}.hr-leave-type{color:#64748b;font-size:.74rem}.hr-leave-dates{color:#64748b;flex-shrink:0;margin:0 14px;font-size:.75rem}.hr-leave-actions{gap:6px;display:flex}.hr-approve-btn,.hr-reject-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .15s}.hr-approve-btn{color:#16a34a;background-color:#dcfce7}.hr-approve-btn:hover{background-color:#bbf7d0}.hr-reject-btn{color:#dc2626;background-color:#fee2e2}.hr-reject-btn:hover{background-color:#fecaca}.hr-positions-list{flex-direction:column;gap:10px;display:flex}.hr-position-row{background-color:#fafafa;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.hr-position-row:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.hr-position-title{color:#1e293b;font-size:.85rem;font-weight:600}.hr-position-dept{color:#64748b;margin-top:2px;font-size:.74rem}.hr-position-applicants{color:#1d4ed8;background-color:#f3e8ff;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:700}@media (width<=1024px){.hr-kpi-grid{grid-template-columns:repeat(2,1fr)}.hr-charts-row,.hr-bottom-grid{grid-template-columns:1fr}.hr-welcome-stats{display:none}}@media (width<=768px){.hr-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hr-welcome-banner{padding:20px}.hr-welcome-left h2{font-size:1.3rem}}@media (width<=480px){.hr-kpi-grid{grid-template-columns:1fr}}.hr-view-container{flex-direction:column;gap:24px;display:flex}.hr-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hr-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hr-toolbar-right{align-items:center;gap:10px;display:flex}.hr-search-input-wrapper{width:260px;position:relative}.hr-search-input-wrapper svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hr-search-input-wrapper input{color:#0f172a;width:100%;font-size:.85rem;font-family:var(--font-family);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px 9px 36px;transition:all .2s}.hr-search-input-wrapper input:focus{background-color:#fff;border-color:#1d4ed8;box-shadow:0 0 0 3px #7c3aed1a}.hr-filter-btn{color:#475569;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-family);background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;transition:all .2s;display:flex}.hr-filter-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.hr-action-btn{color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #7c3aed40}.hr-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed59}.hr-data-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 6px #00000008}.hr-data-card-header{background-color:#fafafa;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.hr-data-card-title{color:#0f172a;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.hr-count-badge{color:#1d4ed8;background-color:#f3e8ff;border-radius:20px;padding:2px 10px;font-size:.76rem;font-weight:700}.hr-table-wrapper{overflow-x:auto}.hr-table{border-collapse:collapse;text-align:left;width:100%}.hr-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:.73rem;font-weight:700}.hr-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:.875rem}.hr-table tr:last-child td{border-bottom:none}.hr-table tr:hover td{background-color:#fafafa}.hr-emp-cell{align-items:center;gap:12px;display:flex}.hr-emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.hr-emp-name{color:#0f172a;font-size:.875rem;font-weight:600}.hr-emp-email{color:#64748b;font-size:.77rem}.hr-status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.hr-status-badge.active{color:#16a34a;background-color:#dcfce7}.hr-status-badge.inactive{color:#64748b;background-color:#f1f5f9}.hr-status-badge.on-leave{color:#d97706;background-color:#fef3c7}.hr-status-badge.present{color:#16a34a;background-color:#dcfce7}.hr-status-badge.absent{color:#dc2626;background-color:#fee2e2}.hr-status-badge.late{color:#d97706;background-color:#fef3c7}.hr-status-badge.pending{color:#7c3aed;background-color:#f3e8ff}.hr-status-badge.approved{color:#16a34a;background-color:#dcfce7}.hr-status-badge.rejected{color:#dc2626;background-color:#fee2e2}.hr-status-badge.open{color:#2563eb;background-color:#eff6ff}.hr-status-badge.interviewing{color:#7c3aed;background-color:#f3e8ff}.hr-status-badge.closed{color:#64748b;background-color:#f1f5f9}.hr-status-badge.offered{color:#0f766e;background-color:#ccfbf1}.hr-status-badge.excellent{color:#16a34a;background-color:#dcfce7}.hr-status-badge.good{color:#2563eb;background-color:#eff6ff}.hr-status-badge.average{color:#d97706;background-color:#fef3c7}.hr-status-badge.needs-improvement{color:#dc2626;background-color:#fee2e2}.hr-row-action{align-items:center;gap:6px;display:flex}.hr-edit-btn,.hr-view-btn{cursor:pointer;font-size:.76rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:6px;padding:5px 12px;transition:all .15s}.hr-edit-btn{color:#1d4ed8;background-color:#f3e8ff}.hr-edit-btn:hover{background-color:#ede9fe}.hr-view-btn{color:#475569;background-color:#f1f5f9}.hr-view-btn:hover{color:#1e293b;background-color:#e2e8f0}.hr-delete-btn{cursor:pointer;font-size:.76rem;font-weight:600;font-family:var(--font-family);color:#dc2626;background-color:#fee2e2;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;transition:all .15s;display:inline-flex}.hr-delete-btn:hover{background-color:#fecaca}.hr-progress-bar-wrap{align-items:center;gap:10px;display:flex}.hr-progress-bar{background-color:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.hr-progress-fill{background:linear-gradient(90deg,#1d4ed8,#3b82f6);border-radius:3px;height:100%;transition:width .3s}.hr-progress-val{color:#0f172a;text-align:right;min-width:36px;font-size:.78rem;font-weight:700}.hr-rating{align-items:center;gap:2px;display:flex}.hr-tabs{background-color:#f1f5f9;border-radius:10px;gap:6px;width:fit-content;padding:4px;display:flex}.hr-tab{color:#64748b;cursor:pointer;font-size:.83rem;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;padding:6px 16px;transition:all .2s}.hr-tab.active{color:#1d4ed8;background-color:#fff;box-shadow:0 1px 4px #00000014}.hr-summary-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:4px;display:grid}.hr-summary-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000008}.hr-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.hr-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hr-summary-icon.purple{color:#1d4ed8;background-color:#f3e8ff}.hr-summary-icon.blue{color:#2563eb;background-color:#eff6ff}.hr-summary-icon.green{color:#16a34a;background-color:#dcfce7}.hr-summary-icon.amber{color:#d97706;background-color:#fef3c7}.hr-summary-icon.red{color:#dc2626;background-color:#fee2e2}.hr-summary-icon.teal{color:#0f766e;background-color:#ccfbf1}.hr-summary-info{flex-direction:column;display:flex}.hr-summary-val{color:#0f172a;letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:1}.hr-summary-lbl{color:#64748b;margin-top:3px;font-size:.78rem;font-weight:500}@media (width<=1024px){.hr-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hr-summary-cards{grid-template-columns:1fr}.hr-toolbar{flex-direction:column;align-items:flex-start}.hr-search-input-wrapper{width:100%}}.modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.modal-content form{flex-direction:column;min-height:0;display:flex}.modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.close-btn:hover{background:#f1f5f9}.modal-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#334155;font-size:.82rem;font-weight:600}.form-input,.form-select{color:#0f172a;box-sizing:border-box;width:100%;font-size:.88rem;font-family:var(--font-family);border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px}.form-input:focus,.form-select:focus{border-color:#1d4ed8}.modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal-footer .btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600}.modal-footer .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#5b21b6 100%);border:none;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600}.hr-summary-cards-6{grid-template-columns:repeat(6,1fr)}@media (width<=1400px){.hr-summary-cards-6{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.hr-summary-cards-6{grid-template-columns:repeat(2,1fr)}}.hr-row-action-compact{flex-direction:column;align-items:stretch;gap:6px;display:flex}.hr-btn-sm{justify-content:center;gap:4px!important;padding:4px 8px!important;font-size:.72rem!important}.hr-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #00000008}.hr-report-card:hover{border-color:#c084fc;transform:translateY(-4px);box-shadow:0 10px 20px -5px #7c3aed26,0 4px 8px -2px #0000000d}.hr-report-card-btn{color:#7c3aed;cursor:pointer;background:#f3e8ff;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:.76rem;font-weight:600;transition:all .2s;display:flex}.hr-report-card-btn:hover:not(:disabled){color:#fff;background:#7c3aed;box-shadow:0 2px 8px #7c3aed4d}.hr-notifications-view{flex-direction:column;gap:16px;display:flex}.hr-notifications-feed-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.hr-notifications-feed-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hr-notifications-feed-title{align-items:center;gap:10px;display:flex}.hr-notifications-feed-title h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.hr-unread-badge{color:#fff;background:#ef4444;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700}.hr-notifications-feed-actions{gap:10px;display:flex}.hr-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.hr-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.hr-notifications-filter-row{flex-wrap:wrap;gap:8px;display:flex}.hr-filter-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.hr-filter-pill:hover{background:#f8fafc;border-color:#cbd5e1}.hr-filter-pill-active{color:#fff;background:#2563eb;border-color:#2563eb}.hr-notifications-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.hr-notifications-empty{text-align:center;color:#94a3b8;padding:50px 20px;font-size:.88rem}.hr-notification-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.hr-notification-row:last-child{border-bottom:none}.hr-notification-row-unread{background:#eff6ff}.hr-notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hr-notification-content{flex:1;min-width:0}.hr-notification-content h4{color:#0f172a;margin:0 0 4px;font-size:.92rem;font-weight:700}.hr-notification-content p{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.hr-notification-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.hr-notification-time{color:#94a3b8;white-space:nowrap;font-size:.78rem}.hr-notification-check-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.hr-notification-check-btn:hover{background:#f1f5f9}.hr-notification-check-btn-read{color:#16a34a;background:#dcfce7;border-color:#dcfce7}@media (width<=720px){.hr-notification-row{flex-wrap:wrap}.hr-notification-meta{justify-content:space-between;width:100%;padding-left:54px}}.hr-settings-container{flex-direction:column;gap:20px;display:flex}.hr-settings-page-header{flex-direction:column;gap:4px;display:flex}.hr-settings-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.hr-settings-page-subtitle{color:#64748b;margin:0;font-size:.9rem}.hr-settings-tab-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;width:fit-content;padding:6px;display:inline-flex;box-shadow:0 1px 3px #0000000a}.hr-settings-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s}.hr-settings-tab:hover{background-color:#f1f5f9}.hr-settings-tab.active{color:#fff;background-color:#2563eb;box-shadow:0 2px 8px #2563eb4d}.hr-settings-tab.active:hover{background-color:#2563eb}.hr-settings-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:900px;padding:28px;box-shadow:0 1px 3px #0000000a}.hr-settings-card-title{color:#0f172a;margin:0 0 24px;font-size:1.1rem;font-weight:800}.hr-settings-avatar-row{align-items:center;gap:16px;margin-bottom:28px;display:flex}.hr-settings-avatar{color:#fff;background-color:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.4rem;font-weight:700;display:flex}.hr-settings-avatar-actions{flex-direction:column;gap:4px;display:flex}.hr-settings-change-photo-link{color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none}.hr-settings-change-photo-link:hover{text-decoration:underline}.hr-settings-avatar-hint{color:#94a3b8;font-size:.8rem}.hr-settings-form-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.hr-settings-form-group{flex-direction:column;gap:8px;display:flex}.hr-settings-label{color:#0f172a;font-size:.85rem;font-weight:600}.hr-settings-input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.9rem;transition:all .15s}.hr-settings-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.hr-settings-input.error{background-color:#fef2f2;border-color:#ef4444}.hr-settings-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.hr-settings-field-error{color:#dc2626;font-size:.78rem;font-weight:500}.hr-settings-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.hr-settings-btn-secondary{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600}.hr-settings-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #2563eb40}.hr-settings-placeholder-text{color:#64748b;margin:0;font-size:.9rem}.hr-settings-toast{color:#fff;z-index:200;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:600;animation:.25s hrSettingsToastIn,.25s 2.75s hrSettingsToastOut;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 25px #0003}.hr-settings-toast.success{background-color:#16a34a}.hr-settings-toast.error{background-color:#dc2626}@keyframes hrSettingsToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hrSettingsToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width<=768px){.hr-settings-form-grid{grid-template-columns:1fr}.hr-settings-tab-bar{width:100%;overflow-x:auto}}.acc-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.acc-sidebar.collapsed{width:72px}.acc-sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.acc-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.acc-brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.acc-brand-info{flex-direction:column;min-width:0;display:flex}.acc-brand-name{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.acc-brand-subtitle{color:#60a5fa;letter-spacing:.05em;font-size:.72rem;font-weight:600}.acc-collapse-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.acc-collapse-btn:hover{color:#fff;background-color:#1e293b;border-color:#475569}.acc-sidebar-menu{scrollbar-width:thin;scrollbar-color:#475569 #1e293b;flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.acc-sidebar-menu::-webkit-scrollbar{width:6px}.acc-sidebar-menu::-webkit-scrollbar-thumb{background-color:#334155;border-radius:3px}.acc-menu-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0 12px;font-size:.68rem;font-weight:700}.acc-menu-section{flex-direction:column;gap:4px;display:flex}.acc-menu-item{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.acc-menu-item:hover{color:#f8fafc;background-color:#1e293b}.acc-menu-item.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);font-weight:600;box-shadow:0 4px 12px #2563eb59}.acc-menu-item.active svg{color:#fff}.acc-menu-left{white-space:nowrap;align-items:center;gap:12px;display:flex;overflow:hidden}.acc-menu-badge{color:#f8fafc;background-color:#334155;border-radius:10px;padding:2px 7px;font-size:.7rem;font-weight:600}.acc-menu-divider{background-color:#1e293b;height:1px;margin:4px 12px}.acc-sidebar-footer{border-top:1px solid #1e293b;padding:16px;position:relative}.acc-user-card{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px;transition:background-color .2s;display:flex}.acc-user-card:hover{background-color:#1e293b}.acc-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.acc-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.acc-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.acc-user-role{color:#94a3b8;font-size:.72rem}.acc-user-switch-icon{color:#64748b}.acc-role-dropdown{z-index:50;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;padding:8px;animation:.15s fadeIn;display:flex;position:absolute;bottom:70px;left:16px;right:16px;box-shadow:0 10px 25px #0006}.acc-role-dropdown-header{color:#64748b;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;font-size:.68rem;font-weight:700}.acc-role-item{color:#94a3b8;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.84rem;font-weight:500;transition:all .15s;display:flex}.acc-role-item:hover{color:#fff;background-color:#1e293b}.acc-role-item.active{color:#60a5fa;background-color:#1e293b;font-weight:600}@media (width<=768px){.acc-sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:-260px}.acc-sidebar.mobile-open{left:0}}.acc-brand-subtitle{color:#94a3b8;letter-spacing:.05em;white-space:normal;text-overflow:unset;max-width:110px;font-size:.72rem;font-weight:600;line-height:1.3;overflow:visible}.acc-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex;box-shadow:0 1px 3px #00000005}.acc-header-left{flex-direction:column;justify-content:center;display:flex}.acc-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.acc-page-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem;font-weight:400}.acc-header-right{align-items:center;gap:14px;display:flex}.acc-search-box{width:260px;position:relative}.acc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.acc-search-box input{color:#0f172a;width:100%;font-size:.85rem;font-family:var(--font-family);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px 9px 36px;transition:all .2s}.acc-search-box input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.acc-icon-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.acc-icon-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.acc-notif-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.acc-primary-btn{color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.acc-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.acc-primary-btn:active{transform:translateY(0)}@media (width<=768px){.acc-header{padding:0 16px}.acc-search-box{display:none}}.acc-dashboard{flex-direction:column;gap:24px;display:flex}.acc-welcome-banner{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #ffffff26;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;box-shadow:0 10px 25px -5px #2563eb4d}.acc-welcome-left h2{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.6rem;font-weight:800}.acc-welcome-left p{color:#ffffffd9;margin:6px 0 0;font-size:.9rem}.acc-welcome-stats{align-items:center;gap:20px;display:flex}.acc-welcome-stat{align-items:flex-center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #fff3;border-radius:12px;flex-direction:column;min-width:140px;padding:12px 20px;display:flex}.acc-welcome-stat-value{color:#fff;letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.acc-welcome-stat-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem;font-weight:600}.acc-quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.acc-action-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.acc-action-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.acc-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.acc-action-info{flex-direction:column;display:flex}.acc-action-title{color:#0f172a;font-size:.9rem;font-weight:700}.acc-action-desc{color:#64748b;margin-top:2px;font-size:.75rem}.acc-charts-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=1024px){.acc-charts-grid{grid-template-columns:1fr}}.acc-chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 3px #00000008}.acc-chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.acc-chart-title-group h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.acc-chart-title-group p{color:#64748b;margin:2px 0 0;font-size:.78rem}.acc-view-container{flex-direction:column;gap:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex}.acc-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.acc-page-header-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.acc-page-header-title p{color:#64748b;margin:4px 0 0;font-size:.85rem}.acc-header-actions{align-items:center;gap:12px;display:flex}.acc-btn-primary{color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.acc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.acc-btn-secondary{color:#334155;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.acc-btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.acc-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.acc-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.acc-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.acc-kpi-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.acc-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.acc-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.acc-kpi-icon.blue{color:#2563eb;background-color:#dbeafe}.acc-kpi-icon.emerald{color:#059669;background-color:#d1fae5}.acc-kpi-icon.purple{color:#7c3aed;background-color:#f3e8ff}.acc-kpi-icon.amber{color:#d97706;background-color:#fef3c7}.acc-kpi-icon.red{color:#dc2626;background-color:#fee2e2}.acc-kpi-icon.teal{color:#0d9488;background-color:#ccfbf1}.acc-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.2}.acc-kpi-subtitle{color:#64748b;align-items:center;gap:4px;margin-top:6px;font-size:.78rem;display:flex}.acc-kpi-subtitle.up{color:#2563eb}.acc-kpi-subtitle.down{color:#dc2626}.acc-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.acc-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.acc-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.acc-card-desc{color:#64748b;margin:2px 0 0;font-size:.8rem}.acc-filter-bar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.acc-tabs{background-color:#e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.acc-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.acc-tab-btn:hover{color:#0f172a}.acc-tab-btn.active{color:#fff;background-color:#2563eb;box-shadow:0 2px 6px #2563eb40}.acc-search-input-wrap{width:240px;position:relative}.acc-search-input-wrap svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.acc-search-input-wrap input{color:#0f172a;width:100%;font-size:.85rem;font-family:var(--font-family);background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px 8px 36px;transition:all .2s}.acc-search-input-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.acc-select{color:#0f172a;font-size:.85rem;font-family:var(--font-family);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px}.acc-select:focus{border-color:#2563eb}.acc-table-wrapper{overflow-x:auto}.acc-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.acc-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:.78rem;font-weight:600}.acc-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 20px}.acc-table tbody tr{transition:background-color .15s}.acc-table tbody tr:hover{background-color:#f8fafc}.acc-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.acc-badge.paid,.acc-badge.approved,.acc-badge.active,.acc-badge.reconciled{color:#1e40af;background-color:#dbeafe}.acc-badge.pending,.acc-badge.in_review,.acc-badge.processing{color:#b45309;background-color:#fef3c7}.acc-badge.overdue,.acc-badge.rejected,.acc-badge.failed{color:#b91c1c;background-color:#fee2e2}.acc-badge.draft,.acc-badge.inactive{color:#64748b;background-color:#f1f5f9}.acc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.acc-modal-content{background-color:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.acc-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.acc-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.acc-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.acc-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.acc-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.acc-form-group{flex-direction:column;gap:6px;display:flex}.acc-form-group label{color:#334155;font-size:.82rem;font-weight:600}.acc-form-group input,.acc-form-group select,.acc-form-group textarea{color:#0f172a;font-size:.88rem;font-family:var(--font-family);border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px}.acc-form-group input:focus,.acc-form-group select:focus,.acc-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.acc-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.mkt-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mkt-sidebar.collapsed{width:72px}.mkt-sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.mkt-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.mkt-brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.mkt-brand-info{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.mkt-brand-name{color:#fff;letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.mkt-brand-subtitle{color:#60a5fa;letter-spacing:.05em;font-size:.72rem;font-weight:600}.mkt-collapse-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.mkt-collapse-btn:hover{color:#fff;background-color:#1e293b;border-color:#475569}.mkt-sidebar-menu{scrollbar-width:thin;scrollbar-color:#475569 #1e293b;flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.mkt-sidebar-menu::-webkit-scrollbar{width:6px}.mkt-sidebar-menu::-webkit-scrollbar-thumb{background-color:#334155;border-radius:3px}.mkt-menu-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0 12px;font-size:.68rem;font-weight:700}.mkt-menu-section{flex-direction:column;gap:4px;display:flex}.mkt-menu-item{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.mkt-menu-item:hover{color:#f8fafc;background-color:#1e293b}.mkt-menu-item.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);font-weight:600;box-shadow:0 4px 12px #2563eb59}.mkt-menu-item.active svg{color:#fff}.mkt-menu-left{white-space:nowrap;align-items:center;gap:12px;display:flex;overflow:hidden}.mkt-menu-badge{color:#f8fafc;background-color:#334155;border-radius:10px;padding:2px 7px;font-size:.7rem;font-weight:600}.mkt-menu-divider{background-color:#1e293b;height:1px;margin:4px 12px}.mkt-sidebar-footer{border-top:1px solid #1e293b;padding:16px;position:relative}.mkt-user-card{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px;transition:background-color .2s;display:flex}.mkt-user-card:hover{background-color:#1e293b}.mkt-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.mkt-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.mkt-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.mkt-user-role{color:#94a3b8;font-size:.72rem}.mkt-user-switch-icon{color:#64748b}.mkt-role-dropdown{z-index:50;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;padding:8px;animation:.15s fadeIn;display:flex;position:absolute;bottom:70px;left:16px;right:16px;box-shadow:0 10px 25px #0006}.mkt-role-dropdown-header{color:#64748b;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;font-size:.68rem;font-weight:700}.mkt-role-item{color:#94a3b8;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.84rem;font-weight:500;transition:all .15s;display:flex}.mkt-role-item:hover{color:#fff;background-color:#1e293b}.mkt-role-item.active{color:#60a5fa;background-color:#1e293b;font-weight:600}@media (width<=768px){.mkt-sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:-260px}.mkt-sidebar.mobile-open{left:0}}.mkt-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex;box-shadow:0 1px 3px #00000005}.mkt-header-left{flex-direction:column;justify-content:center;display:flex}.mkt-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.mkt-page-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem;font-weight:400}.mkt-header-right{align-items:center;gap:14px;display:flex}.mkt-search-box{width:260px;position:relative}.mkt-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mkt-search-box input{color:#0f172a;width:100%;font-size:.85rem;font-family:var(--font-family);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px 9px 36px;transition:all .2s}.mkt-search-box input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.mkt-icon-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.mkt-icon-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.mkt-notif-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.mkt-primary-btn{color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.mkt-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.mkt-primary-btn:active{transform:translateY(0)}@media (width<=768px){.mkt-header{padding:0 16px}.mkt-search-box{display:none}}.mkt-dashboard{flex-direction:column;gap:24px;display:flex}.mkt-welcome-banner{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;box-shadow:0 10px 25px -5px #2563eb4d}.mkt-welcome-left h2{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.6rem;font-weight:800}.mkt-welcome-left p{color:#ffffffd9;margin:6px 0 0;font-size:.9rem}.mkt-welcome-stats{align-items:center;gap:20px;display:flex}.mkt-welcome-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:130px;padding:12px 20px;display:flex}.mkt-welcome-stat-value{color:#fff;letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.mkt-welcome-stat-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem;font-weight:600}.mkt-quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.mkt-action-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.mkt-action-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.mkt-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mkt-action-info{flex-direction:column;display:flex}.mkt-action-title{color:#0f172a;font-size:.9rem;font-weight:700}.mkt-action-desc{color:#64748b;margin-top:2px;font-size:.75rem}.mkt-charts-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=1024px){.mkt-charts-grid{grid-template-columns:1fr}}.mkt-chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 3px #00000008}.mkt-chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mkt-chart-title-group h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.mkt-chart-title-group p{color:#64748b;margin:2px 0 0;font-size:.78rem}.mkt-view-container{flex-direction:column;gap:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex}.mkt-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mkt-page-header-title h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.mkt-page-header-title p{color:#64748b;margin:4px 0 0;font-size:.85rem}.mkt-header-actions{align-items:center;gap:12px;display:flex}.mkt-btn-primary{color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2563eb40}.mkt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.mkt-btn-secondary{color:#334155;cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-family);background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.mkt-btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.mkt-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.mkt-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.mkt-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mkt-kpi-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mkt-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.mkt-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mkt-kpi-icon.blue{color:#2563eb;background-color:#dbeafe}.mkt-kpi-icon.purple{color:#7c3aed;background-color:#f3e8ff}.mkt-kpi-icon.pink{color:#2563eb;background-color:#dbeafe}.mkt-kpi-icon.amber{color:#d97706;background-color:#fef3c7}.mkt-kpi-icon.emerald{color:#059669;background-color:#d1fae5}.mkt-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.2}.mkt-kpi-subtitle{color:#64748b;align-items:center;gap:4px;margin-top:6px;font-size:.78rem;display:flex}.mkt-kpi-subtitle.up{color:#2563eb}.mkt-kpi-subtitle.down{color:#dc2626}.mkt-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.mkt-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.mkt-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.mkt-card-desc{color:#64748b;margin:2px 0 0;font-size:.8rem}.mkt-filter-bar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.mkt-tabs{background-color:#e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.mkt-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.mkt-tab-btn:hover{color:#0f172a}.mkt-tab-btn.active{color:#fff;background-color:#2563eb;box-shadow:0 2px 6px #2563eb40}.mkt-search-input-wrap{width:240px;position:relative}.mkt-search-input-wrap svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mkt-search-input-wrap input{color:#0f172a;width:100%;font-size:.85rem;font-family:var(--font-family);background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px 8px 36px;transition:all .2s}.mkt-search-input-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.mkt-select{color:#0f172a;font-size:.85rem;font-family:var(--font-family);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px}.mkt-select:focus{border-color:#2563eb}.mkt-table-wrapper{overflow-x:auto}.mkt-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.mkt-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:.78rem;font-weight:600}.mkt-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 20px}.mkt-table tbody tr{transition:background-color .15s}.mkt-table tbody tr:hover{background-color:#f8fafc}.mkt-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.mkt-badge.active,.mkt-badge.published,.mkt-badge.converted{color:#1e40af;background-color:#dbeafe}.mkt-badge.scheduled,.mkt-badge.pending,.mkt-badge.mql{color:#6b21a8;background-color:#f3e8ff}.mkt-badge.paused,.mkt-badge.draft{color:#b45309;background-color:#fef3c7}.mkt-badge.completed,.mkt-badge.sql{color:#15803d;background-color:#dcfce7}.mkt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mkt-modal-content{background-color:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.mkt-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mkt-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.mkt-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.mkt-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.mkt-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.mkt-form-group{flex-direction:column;gap:6px;display:flex}.mkt-form-group label{color:#334155;font-size:.82rem;font-weight:600}.mkt-form-group input,.mkt-form-group select,.mkt-form-group textarea{color:#0f172a;font-size:.88rem;font-family:var(--font-family);border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px}.mkt-form-group input:focus,.mkt-form-group select:focus,.mkt-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.mkt-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.ceo-header{z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:sticky;top:0}.ceo-header-left{align-items:center;gap:16px;display:flex}.ceo-menu-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;display:none}.ceo-menu-toggle:hover{color:#0f172a;background-color:#f1f5f9}@media (width<=1024px){.ceo-header{height:64px!important;padding:0 16px!important}.ceo-menu-toggle{display:flex!important}}@media (width<=640px){.ceo-header-title p{display:none!important}.ceo-header-title h1{font-size:1.05rem!important}.ceo-profile-name{display:none!important}.ceo-profile-pill{background:0 0!important;border:none!important;padding:2px!important}}.ceo-header-title h1{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.ceo-header-title p{color:#64748b;margin:0;font-size:.8rem}.ceo-header-right{align-items:center;gap:16px;display:flex}.ceo-search-box{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:240px;padding:8px 12px;display:flex}.ceo-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.ceo-icon-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.ceo-icon-btn:hover{color:#0f172a;background-color:#f1f5f9}.ceo-badge-dot{background-color:#6366f1;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.ceo-profile-pill{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.ceo-profile-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.ceo-profile-name{color:#0f172a;font-size:.85rem;font-weight:600}.ceo-dashboard-container{flex-direction:column;gap:20px;display:flex}.ceo-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.ceo-banner-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.ceo-banner-subtitle{color:#64748b;margin:4px 0 0;font-size:.875rem;font-weight:500}.ceo-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ceo-period-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.ceo-period-select{color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;font-size:.825rem;font-weight:600}.ceo-secondary-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.825rem;font-weight:600;transition:all .2s;display:flex}.ceo-secondary-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.ceo-assign-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.825rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.ceo-assign-btn:hover{background:#1d4ed8}.ceo-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1200px){.ceo-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ceo-kpi-grid{grid-template-columns:1fr}}.ceo-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.ceo-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.ceo-kpi-header{justify-content:space-between;align-items:center;display:flex}.ceo-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.825rem;font-weight:600}.ceo-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ceo-kpi-icon.icon-blue{color:#2563eb;background-color:#eff6ff}.ceo-kpi-icon.icon-green{color:#10b981;background-color:#ecfdf5}.ceo-kpi-icon.icon-purple{color:#7c3aed;background-color:#f5f3ff}.ceo-kpi-icon.icon-amber{color:#d97706;background-color:#fffbeb}.ceo-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.55rem;font-weight:800}.ceo-kpi-footer{flex-direction:column;gap:4px;font-size:.775rem;display:flex}.ceo-badge-pos{color:#15803d;background:#dcfce7;border-radius:6px;width:fit-content;padding:2px 8px;font-size:.725rem;font-weight:700}.ceo-kpi-subtext{color:#64748b;font-size:.75rem}.ceo-card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 1px 3px #0000000a}.ceo-card-title{color:#0f172a;font-size:1.05rem;font-weight:800}.ceo-card-title-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.825rem;font-weight:600;display:inline-flex}.ceo-card-title-link:hover{text-decoration:underline}.ceo-workflow-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1100px){.ceo-workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ceo-workflow-grid{grid-template-columns:1fr}}.ceo-workflow-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.ceo-workflow-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.ceo-wf-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ceo-wf-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ceo-wf-icon.sales{color:#2563eb;background:#eff6ff}.ceo-wf-icon.support{color:#059669;background:#ecfdf5}.ceo-wf-icon.accounts{color:#d97706;background:#fffbeb}.ceo-wf-icon.finance{color:#7c3aed;background:#f5f3ff}.ceo-wf-stage{color:#0f172a;font-size:.85rem;font-weight:700}.ceo-wf-metric-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem;display:flex}.ceo-wf-label{color:#64748b;font-weight:500}.ceo-wf-val{color:#0f172a;font-weight:600}.font-bold{font-weight:700}.text-success{color:#10b981!important}.ceo-wf-footer-status{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ceo-mini-badge{border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.ceo-mini-badge.approved{color:#15803d;background:#dcfce7}.ceo-mini-badge.pending{color:#b45309;background:#fef3c7}.ceo-mini-badge.done{color:#059669;background:#ecfdf5}.ceo-mini-badge.in-progress{color:#2563eb;background:#eff6ff}.ceo-mini-badge.warning{color:#b45309;background:#fef3c7}.ceo-mini-badge.success{color:#15803d;background:#dcfce7}.ceo-mini-badge.danger{color:#b91c1c;background:#fee2e2}.ceo-table-wrapper{overflow-x:auto}.ceo-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:700}.ceo-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.85rem}.ceo-table tbody tr:hover{background-color:#f8fafc}.ceo-status-tag{border-radius:6px;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-block}.ceo-status-tag.active{color:#15803d;background:#dcfce7}.ceo-status-tag.warning{color:#b45309;background:#fef3c7}.ceo-status-tag.danger{color:#b91c1c;background:#fee2e2}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ceo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ceo-modal-box{background:#fff;border-radius:16px;width:100%;max-width:540px;padding:24px;box-shadow:0 20px 25px -5px #0003}.ceo-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ceo-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.ceo-modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.5rem}.ceo-modal-form{flex-direction:column;gap:14px;display:flex}.ceo-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.ceo-form-group label{color:#475569;font-size:.8rem;font-weight:600}.ceo-form-row{gap:12px;display:flex}.ceo-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.875rem}.ceo-input:focus{border-color:#2563eb}.ceo-modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.ceo-btn-cancel{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.ceo-btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600}.ceo-alert{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.825rem;font-weight:600}.ceo-alert.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.ceo-alert.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.ceo-view-container{flex-direction:column;gap:24px;display:flex}.ceo-grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.ceo-grid-3{grid-template-columns:1fr}}.ceo-stat-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.ceo-stat-box:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.ceo-stat-title{color:#64748b;font-size:.82rem;font-weight:600}.ceo-stat-num{color:#0f172a;letter-spacing:-.03em;font-size:1.8rem;font-weight:800}.ceo-card-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 2px 6px #00000008}.ceo-card-title{color:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:flex}.ceo-dept-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.ceo-dept-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.ceo-dept-card-top{justify-content:space-between;align-items:center;display:flex}.ceo-dept-identity{align-items:center;gap:10px;display:flex}.ceo-dept-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ceo-dept-name{color:#0f172a;font-size:.95rem;font-weight:700}.ceo-access-badge{color:#64748b;white-space:nowrap;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700}.ceo-dept-metrics{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:12px;display:flex}.ceo-metric-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:.82rem;display:flex}.ceo-metric-label{color:#64748b;font-weight:500}.ceo-metric-value{color:#0f172a;text-align:right;white-space:nowrap;font-weight:700}.ceo-goals-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=700px){.ceo-goals-grid{grid-template-columns:1fr}}.ceo-goal-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.ceo-goal-header{align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem;font-weight:700;display:flex}.ceo-goal-text{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}@media (width<=900px){.ceo-projects-grid{grid-template-columns:1fr}}.ceo-projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=900px){.ceo-projects-grid{grid-template-columns:1fr}}.ceo-finance-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:24px}.ceo-stat-trend{font-size:.8rem;font-weight:600}.ceo-stat-trend.positive{color:#16a34a}.ceo-stat-trend.neutral{color:#6366f1}.ceo-stat-trend.negative{color:#dc2626}.ceo-chart-placeholder{color:#94a3b8;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;justify-content:center;align-items:center;height:240px;margin-top:16px;font-size:.85rem;display:flex}@media (width<=900px){.ceo-team-grid{grid-template-columns:1fr}}.ceo-team-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.ceo-team-grid{grid-template-columns:1fr}}.ceo-perf-positive{color:#16a34a;font-weight:700}.ceo-reports-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.ceo-report-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:all .15s;display:flex}.ceo-report-row:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 4px 10px #00000008}.ceo-report-left{align-items:center;gap:14px;min-width:0;display:flex}.ceo-report-icon{color:#6366f1;background-color:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ceo-report-title{color:#0f172a;font-size:.9rem;font-weight:700}.ceo-report-meta{color:#64748b;margin-top:2px;font-size:.78rem}.ceo-download-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.ceo-download-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.org-container{flex-direction:column;gap:24px;animation:.25s ease-out orgFadeIn;display:flex}@keyframes orgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.org-header-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000008}.org-header-title-group h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:1.45rem;font-weight:800;display:flex}.org-header-title-group p{color:#64748b;margin:0;font-size:.85rem}.org-actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.org-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.org-btn-primary{color:#fff;background:#2563eb}.org-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.org-btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.org-btn-secondary:hover{color:#0f172a;background:#e2e8f0}.org-btn-outline{color:#2563eb;background:0 0;border:1px solid #bfdbfe}.org-btn-outline:hover{background:#eff6ff}.org-subtabs-nav{align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.org-subtab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.org-subtab-btn:hover{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.org-subtab-btn.active{color:#fff;background:#0f172a;box-shadow:0 2px 8px #0f172a26}.org-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.org-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.org-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.org-kpi-header{justify-content:space-between;align-items:center;display:flex}.org-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.org-kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.org-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.org-kpi-subtext{color:#94a3b8;align-items:center;gap:6px;font-size:.75rem;display:flex}.org-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.org-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.org-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.org-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem}.org-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000008}.org-table-responsive{width:100%;overflow-x:auto}.org-table{border-collapse:collapse;text-align:left;width:100%}.org-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:.72rem;font-weight:700}.org-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.85rem}.org-table tbody tr{transition:background-color .15s}.org-table tbody tr:hover{background-color:#f8fafc}.org-user-cell{align-items:center;gap:12px;display:flex}.org-avatar{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex;overflow:hidden}.org-avatar img{object-fit:cover;width:100%;height:100%}.org-user-cell-info{flex-direction:column;display:flex}.org-user-cell-name{color:#0f172a;font-weight:600}.org-user-cell-sub{color:#94a3b8;font-size:.75rem}.org-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.org-badge-role{color:#1d4ed8;background:#eff6ff}.org-badge-dept{color:#6d28d9;background:#f3e8ff}.org-badge-active{color:#15803d;background:#dcfce7}.org-badge-inactive{color:#b91c1c;background:#fee2e2}.org-badge-pending{color:#b45309;background:#fef3c7}.org-score-box{align-items:center;gap:8px;min-width:110px;display:flex}.org-score-bar-bg{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.org-score-bar-fill{border-radius:3px;height:100%;transition:width .4s}.org-score-text{text-align:right;width:38px;font-size:.78rem;font-weight:700}.org-rank-medal{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.org-rank-1{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.org-rank-2{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.org-rank-3{color:#c2410c;background:#ffedd5;border:1px solid #fdba74}.org-rank-other{color:#94a3b8;background:0 0;font-weight:600}.org-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.org-modal-panel{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.2s ease-out orgModalIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes orgModalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.org-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.org-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.org-detail-tabs{border-bottom:1px solid #e2e8f0;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.org-detail-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.org-detail-tab-btn:hover{color:#0f172a;background:#f1f5f9}.org-detail-tab-btn.active{color:#fff;background:#2563eb}.org-view-only-banner{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:600;display:flex}.org-podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;padding:20px 0;display:flex}.org-podium-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;width:220px;padding:20px;display:flex;position:relative;box-shadow:0 4px 12px #0000000a}.org-podium-card.first{border-color:#f59e0b;transform:translateY(-8px);box-shadow:0 10px 24px #f59e0b26}.admin-side-sidebar{z-index:20;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s,transform .3s;display:flex;position:sticky;top:0}.admin-side-sidebar.collapsed{width:80px}.admin-side-sidebar-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.admin-side-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.admin-side-brand-logo{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 12px #2563eb59}.admin-side-brand-logo:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.admin-side-brand-info{flex-direction:column;min-width:0;display:flex}.admin-side-brand-name{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.admin-side-brand-subtitle{color:#60a5fa;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.admin-side-collapse-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.admin-side-collapse-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.admin-side-collapse-btn:active{transform:scale(.95)}.admin-side-sidebar-menu{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow-y:auto}.admin-side-sidebar-menu::-webkit-scrollbar{width:5px}.admin-side-sidebar-menu::-webkit-scrollbar-thumb{background-color:#334155;border-radius:4px;transition:background-color .2s}.admin-side-sidebar-menu::-webkit-scrollbar-thumb:hover{background-color:#475569}.admin-side-menu-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding-left:8px;font-size:.7rem;font-weight:700}.admin-side-menu-section{flex-direction:column;gap:4px;display:flex}.admin-side-menu-item{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;display:flex}.admin-side-menu-item:hover{color:#f8fafc;background-color:#1e293b;transform:translate(2px)}.admin-side-menu-item.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);font-weight:600;transform:translate(0);box-shadow:0 4px 12px #2563eb59}.admin-side-menu-item.active:hover{transform:translate(0)}.admin-side-menu-item.active svg{color:#fff}.admin-side-menu-item svg{transition:transform .2s}.admin-side-menu-item:hover svg{transform:scale(1.08)}.admin-side-menu-left{white-space:nowrap;align-items:center;gap:12px;display:flex;overflow:hidden}.admin-side-menu-badge{color:#f8fafc;white-space:nowrap;background-color:#334155;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700;transition:background-color .2s,color .2s}.admin-side-menu-item.active .admin-side-menu-badge{color:#fff;background-color:#ffffff40}.admin-side-sidebar-footer{border-top:1px solid #1e293b;padding:16px;position:relative}.admin-side-user-card{cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.admin-side-user-card:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.admin-side-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.admin-side-user-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.admin-side-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.admin-side-user-role{color:#60a5fa;font-size:.72rem}.admin-side-role-dropdown{z-index:50;background-color:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;max-height:320px;padding:8px;animation:.18s adminSideDropdownIn;display:flex;position:absolute;bottom:70px;left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 28px #00000080}@keyframes adminSideDropdownIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-side-role-dropdown-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;font-size:.7rem;font-weight:700}.admin-side-role-item{color:#cbd5e1;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.825rem;transition:background-color .15s,color .15s,transform .15s;display:flex}.admin-side-role-item:hover{color:#fff;background-color:#1e293b;transform:translate(2px)}.admin-side-role-item.active{color:#60a5fa;background-color:#2563eb33;font-weight:600}@media (width<=768px){.admin-side-sidebar{z-index:100;position:fixed;top:0;bottom:0;left:-260px}.admin-side-sidebar.mobile-open{transform:translate(260px)}}.admin-side-header{z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:sticky;top:0}.admin-side-header-left{align-items:center;gap:16px;display:flex}.admin-side-menu-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.admin-side-menu-toggle{display:flex}}.admin-side-header-title h1{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.admin-side-header-title p{color:#64748b;margin:0;font-size:.8rem}.admin-side-header-right{align-items:center;gap:16px;display:flex}.admin-side-search-box{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:240px;padding:8px 12px;display:flex}.admin-side-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.admin-side-icon-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.admin-side-icon-btn:hover{color:#0f172a;background-color:#f1f5f9}.admin-side-badge-dot{background-color:#2563eb;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.admin-side-profile-pill{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.admin-side-profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.admin-side-profile-name{color:#0f172a;font-size:.85rem;font-weight:600}.admin-side-dashboard-container{flex-direction:column;gap:24px;display:flex}.admin-side-welcome-banner{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:20px;flex-direction:column;gap:20px;padding:32px 36px;display:flex;box-shadow:0 10px 30px #2563eb40}.admin-side-banner-greeting{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:1.6rem;font-weight:800}.admin-side-banner-subtitle{color:#dbeafe;margin:0;font-size:.95rem}.admin-side-banner-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-side-banner-stat{background-color:#ffffff24;border-radius:14px;flex-direction:column;gap:2px;padding:16px 20px;display:flex}.admin-side-banner-stat-value{color:#fff;font-size:1.8rem;font-weight:800;line-height:1.1}.admin-side-banner-stat-label{color:#dbeafe;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.admin-side-quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.admin-side-quick-action-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:14px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-side-quick-action-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.admin-side-quick-action-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-side-quick-action-title{color:#0f172a;margin:0 0 4px;font-size:.98rem;font-weight:700}.admin-side-quick-action-desc{color:#64748b;margin:0;font-size:.82rem;line-height:1.4}.admin-side-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.admin-side-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-side-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.admin-side-kpi-header{justify-content:space-between;align-items:center;display:flex}.admin-side-kpi-title{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.admin-side-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.admin-side-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.7rem;font-weight:800}@media (width<=1200px){.admin-side-quick-actions-grid,.admin-side-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-side-banner-stats{grid-template-columns:1fr}}@media (width<=640px){.admin-side-quick-actions-grid,.admin-side-kpi-grid{grid-template-columns:1fr}.admin-side-welcome-banner{padding:24px}}.admin-emp-container{flex-direction:column;gap:20px;display:flex}.ceo-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:8px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .15s}.ceo-add-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.ceo-table-wrapper{margin-top:16px;overflow-x:auto}.ceo-table{border-collapse:collapse;text-align:left;width:100%}.ceo-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.73rem;font-weight:700}.ceo-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.875rem}.ceo-table tr:last-child td{border-bottom:none}.ceo-table tr:hover td{background-color:#f8fafc}.ceo-table-name{color:#0f172a;font-weight:700}.ceo-status-tag{border-radius:20px;align-items:center;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.ceo-status-tag.active{color:#16a34a;background-color:#dcfce7}.admin-dept-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.admin-dept-grid{grid-template-columns:1fr}}.admin-dept-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;display:grid}@media (width<=900px){.admin-dept-grid{grid-template-columns:1fr}}.admin-dept-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:18px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.admin-dept-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.admin-dept-name{color:#2563eb;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.admin-dept-head{color:#475569;font-size:.85rem}.admin-dept-head strong{color:#0f172a}.admin-dept-meta{color:#64748b;font-size:.8rem}.admin-leave-table{width:100%}.admin-leave-status-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-approve-btn{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.admin-approve-btn:hover{background-color:#15803d}.admin-resource-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=900px){.admin-resource-grid{grid-template-columns:1fr}}.admin-serial-code{color:#2563eb;background-color:#f1f5f9;border-radius:6px;padding:3px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.admin-reports-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.admin-report-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:all .15s;display:flex}.admin-report-row:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 4px 10px #00000008}.admin-report-left{align-items:center;gap:14px;min-width:0;display:flex}.admin-report-icon{color:#2563eb;background-color:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-report-title{color:#0f172a;font-size:.9rem;font-weight:700}.admin-report-meta{color:#64748b;margin-top:2px;font-size:.78rem}.admin-export-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-export-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.admin-reports-list{flex-direction:column;gap:12px;display:flex}.profile-view-container{max-width:1100px;margin:0 auto;padding:24px}.profile-loading,.profile-error{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;font-family:Inter,sans-serif;display:flex}.profile-spinner{border:3px solid #6366f126;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite profileSpin}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:flex}.profile-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.profile-alert.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.profile-grid{grid-template-columns:300px 1fr;gap:24px;display:grid}@media (width<=768px){.profile-grid{grid-template-columns:1fr}}.profile-left-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;height:fit-content;padding:32px 24px;display:flex}.profile-avatar-section{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.profile-avatar-wrap{width:100px;height:100px;position:relative}.profile-avatar-img{object-fit:cover;border:3px solid #e2e8f0;border-radius:50%;width:100px;height:100px}.profile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;display:flex}.profile-avatar-upload-btn{color:#fff;cursor:pointer;background:#6366f1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex;position:absolute;bottom:2px;right:2px}.profile-avatar-upload-btn:hover{background:#4f46e5}.profile-avatar-upload-btn:disabled{opacity:.6;cursor:not-allowed}.mini-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite profileSpin}.profile-name{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:700}.profile-role-badge{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;padding:4px 14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;display:inline-block}.profile-dept{color:#64748b;font-family:Inter,sans-serif;font-size:.83rem}.profile-meta-list{flex-direction:column;gap:14px;display:flex}.profile-meta-item{align-items:flex-start;gap:12px;display:flex}.profile-meta-icon{color:#6366f1;flex-shrink:0;margin-top:2px}.profile-meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600}.profile-meta-value{color:#334155;word-break:break-all;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.profile-right-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;font-family:Inter,sans-serif}.profile-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.profile-card-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.profile-edit-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:.84rem;font-weight:600;transition:background .2s;display:flex}.profile-edit-btn:hover{background:#4f46e5}.profile-save-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:.84rem;font-weight:600;transition:background .2s;display:flex}.profile-save-btn:hover{background:#15803d}.profile-save-btn:disabled{opacity:.7;cursor:not-allowed}.profile-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:600;transition:background .2s;display:flex}.profile-cancel-btn:hover{background:#e2e8f0}.profile-info-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.profile-info-grid{grid-template-columns:1fr}}.profile-info-field{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px 16px}.profile-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:600;display:flex}.profile-field-value{color:#1e293b;font-size:.9rem;font-weight:500}.profile-edit-form{flex-direction:column;gap:18px;display:flex}.profile-form-group{flex-direction:column;gap:6px;display:flex}.profile-form-group label{color:#475569;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.profile-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.profile-input:focus{border-color:#6366f1}.profile-input-hint{color:#94a3b8;font-size:.75rem}.profile-pw-toggle{margin-top:4px}.profile-pw-toggle-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:background .2s;display:flex}.profile-pw-toggle-btn:hover{background:#e2e8f0}.profile-pw-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.support-dashboard-container{flex-direction:column;gap:20px;width:100%;max-width:100%;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.support-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1200px){.support-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.support-kpi-grid{grid-template-columns:1fr}}.support-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.support-summary-grid{grid-template-columns:1fr}}.support-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.support-action-grid{grid-template-columns:1fr}}.support-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #00000005}.support-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.support-action-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.support-action-card:hover{background-color:#f8fafc;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 16px #0284c71f}.sv-top-bar,.support-top-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000005}.sv-table-card,.support-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 4px #00000008}.support-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.support-table th{color:#64748b;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.78rem;font-weight:700}.support-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.support-table tbody tr:hover{background-color:#f8fafc}.support-grn-breakdown{border-top:1px solid #d1fae5;grid-area:note;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:3px;padding-top:10px;display:grid}.support-grn-breakdown-item{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.support-grn-breakdown-item+.support-grn-breakdown-item{border-left:1px solid #d1d5db}.support-grn-breakdown-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800;line-height:1}.support-grn-breakdown-value{color:#047857;font-size:1.5rem;font-weight:800;line-height:1.1}.support-tickets-page{min-width:0;overflow-x:hidden}.support-ticket-form-card,.support-ticket-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 6px 20px #0f172a0d}.support-ticket-form-card{padding:20px}.support-ticket-card-heading,.support-ticket-list-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.support-ticket-card-heading{justify-content:flex-start;margin-bottom:18px}.support-ticket-heading-icon,.support-ticket-empty-icon{color:#0284c7;background:#e0f2fe;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.support-ticket-card-heading h3,.support-ticket-list-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.support-ticket-card-heading p,.support-ticket-list-header p{color:#64748b;margin:3px 0 0;font-size:.8rem}.support-ticket-form-grid{grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);align-items:start;gap:16px;display:grid}.support-ticket-field{color:#334155;flex-direction:column;gap:7px;min-width:0;font-size:.8rem;font-weight:750;display:flex}.support-ticket-field input,.support-ticket-field textarea{box-sizing:border-box;color:#0f172a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:10px 12px;font-weight:500;transition:border-color .15s,box-shadow .15s}.support-ticket-field textarea{resize:vertical;min-height:104px;line-height:1.45}.support-ticket-field input:focus,.support-ticket-field textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.support-ticket-field input[aria-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.support-ticket-field-error,.support-ticket-form-error{color:#dc2626;font-size:.76rem;font-weight:650}.support-ticket-form-error{margin:10px 0 0}.support-ticket-form-actions{justify-content:flex-end;margin-top:16px;display:flex}.support-ticket-form-actions .sv-btn-primary{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:126px;display:inline-flex;box-shadow:0 2px 8px #0284c740}.support-ticket-spinner{animation:.9s linear infinite spin}.support-ticket-success,.support-ticket-list-error{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:.82rem;font-weight:700;display:flex}.support-ticket-list-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.support-ticket-list-header{border-bottom:1px solid #e2e8f0;padding:18px 20px}.support-ticket-tabs{background:#f1f5f9;border-radius:10px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.support-ticket-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:.78rem;font-weight:750;display:inline-flex}.support-ticket-tab span{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;display:inline-flex}.support-ticket-tab.is-active{color:#0369a1;background:#fff;box-shadow:0 1px 4px #0f172a1a}.support-ticket-tab.is-active span{color:#0369a1;background:#e0f2fe}.support-ticket-table-wrap{width:100%;min-width:0;overflow:hidden}.support-ticket-table{table-layout:fixed}.support-ticket-table th:first-child{width:14%}.support-ticket-table th:nth-child(2){width:29%}.support-ticket-table th:nth-child(3){width:12%}.support-ticket-table th:nth-child(4),.support-ticket-table th:nth-child(5){width:14%}.support-ticket-table th:last-child{width:17%}.support-ticket-complaint{color:#334155;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.support-ticket-status{border:1px solid;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.support-ticket-status.is-received{color:#b45309;background:#fffbeb;border-color:#fde68a}.support-ticket-status.is-solved{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.support-ticket-solve-btn{color:#0369a1;white-space:nowrap;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:7px;padding:7px 10px;font-size:.75rem;font-weight:750;transition:background .15s,border-color .15s}.support-ticket-solve-btn:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc}.support-ticket-solve-btn:disabled{cursor:wait;opacity:.65}.support-ticket-no-action{color:#94a3b8}.support-ticket-empty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:210px;padding:28px;display:flex}.support-ticket-empty strong{color:#334155;margin-top:5px;font-size:.95rem}.support-ticket-empty p{margin:0;font-size:.8rem}@media (width<=760px){.support-ticket-form-grid{grid-template-columns:minmax(0,1fr)}.support-ticket-list-header{flex-direction:column;align-items:flex-start}.support-ticket-tabs{box-sizing:border-box;width:100%}.support-ticket-tab{flex:1 1 0;justify-content:center}.support-ticket-table,.support-ticket-table tbody,.support-ticket-table tr,.support-ticket-table td{box-sizing:border-box;width:100%;display:block}.support-ticket-table thead{display:none}.support-ticket-table tbody{padding:10px}.support-ticket-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;overflow:hidden}.support-ticket-table tbody tr:last-child{margin-bottom:0}.support-ticket-table td{word-break:break-word;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.support-ticket-table td:before{content:attr(data-label);color:#64748b;letter-spacing:.03em;text-transform:uppercase;font-size:.7rem;font-weight:800}.support-ticket-complaint{white-space:normal}}@media (width<=480px){.support-ticket-form-card,.support-ticket-list-header{padding:16px}.support-ticket-form-actions .sv-btn-primary{width:100%}}.sv-btn-action-icon{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:inline-flex}.sv-btn-action-icon:hover{color:#0284c7;background-color:#f0f9ff;border-color:#bae6fd;transform:translateY(-1px)}.badge-support-sent{color:#0284c7;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-support-accounts{color:#d97706;background-color:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-support-delivered{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.spin{animation:1s linear infinite spin}.support-dn-create-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:16px;display:grid}.support-dn-products-panel,.support-dn-form-panel{min-width:0}@media (width<=900px){.support-dn-create-columns{grid-template-columns:1fr}}.ip-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out ipFadeIn;display:flex;position:fixed;inset:0}@keyframes ipFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ipSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ip-modal-card{background:#fff;border-radius:20px;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.25s cubic-bezier(.16,1,.3,1) ipSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #e2e8f0cc}.ip-modal-header{color:#fff;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:relative}.ip-modal-header.invoice-theme{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#2563eb 100%)}.ip-modal-header.payment-theme{background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#059669 100%)}.ip-header-icon-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff29;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0000001f}.ip-header-title-group h3{letter-spacing:-.01em;color:#fff;margin:0;font-size:1.3rem;font-weight:800;line-height:1.25}.ip-header-title-group p{color:#ffffffd9;margin:4px 0 0;font-size:.82rem;font-weight:400}.ip-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.ip-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.ip-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;max-height:76vh;padding:24px 28px;overflow-y:auto}.ip-modal-body::-webkit-scrollbar{width:6px}.ip-modal-body::-webkit-scrollbar-track{background:#f8fafc}.ip-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ip-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:18px 20px;transition:border-color .2s;box-shadow:0 1px 3px #00000005}.ip-section-card:hover{border-color:#cbd5e1}.ip-section-card.hero-selector-card{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #dbeafe}.ip-section-card.hero-selector-card.payment-card{background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #bbf7d0}.ip-section-title{text-transform:uppercase;letter-spacing:.05em;color:#334155;align-items:center;gap:8px;margin-bottom:14px;font-size:.82rem;font-weight:700;display:flex}.ip-section-pill{border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.ip-section-pill.blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.ip-section-pill.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.ip-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ip-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ip-field-group{flex-direction:column;gap:6px;display:flex}.ip-label{color:#475569;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.ip-label .required-mark{color:#ef4444;font-weight:700}.ip-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.88rem;font-weight:500;transition:all .2s}.ip-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ip-input.payment-focus:focus{border-color:#059669;box-shadow:0 0 0 3px #05966926}.ip-input::placeholder{color:#94a3b8;font-weight:400}select.ip-input{cursor:pointer}.ip-linked-badge-box{background:#fff;border:1.5px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;display:flex;box-shadow:0 2px 6px #2563eb0f}.ip-linked-badge-box.green-theme{border-color:#86efac;box-shadow:0 2px 6px #0596690f}.ip-linked-title{color:#1e3a8a;font-size:.9rem;font-weight:700}.ip-linked-sub{color:#3b82f6;margin-top:2px;font-size:.78rem}.ip-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.ip-line-items-table{border-collapse:collapse;width:100%;font-size:.85rem}.ip-line-items-table th{color:#475569;text-align:left;letter-spacing:.02em;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:10px 14px;font-weight:700}.ip-line-items-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.ip-line-items-table tr:hover td{background:#f8fafc}.ip-btn-delete-row{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.ip-btn-delete-row:hover{color:#fff;background:#ef4444}.ip-summary-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-radius:14px;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:20px;padding:18px 22px;display:grid}.ip-summary-row{color:#64748b;justify-content:space-between;align-items:center;padding:4px 0;font-size:.86rem;display:flex}.ip-summary-row.net-payable{border-top:2px dashed #cbd5e1;margin-top:8px;padding-top:10px}.ip-payable-amount{color:#059669;letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.ip-payment-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.ip-payment-metric-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #00000005}.ip-payment-metric-card.remaining-card{background:#fff5f5;border-color:#fecaca}.ip-payment-metric-label{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:.72rem;font-weight:700}.ip-payment-metric-value{margin-top:4px;font-size:1.15rem;font-weight:900}.ip-quick-amount-group{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.ip-quick-pill{cursor:pointer;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.ip-quick-pill.full-pill{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.ip-quick-pill.full-pill:hover{background:#d1fae5;transform:translateY(-1px)}.ip-quick-pill.half-pill{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.ip-quick-pill.half-pill:hover{background:#dbeafe;transform:translateY(-1px)}.ip-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.ip-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.ip-btn-cancel:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.ip-btn-submit-invoice{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb59}.ip-btn-submit-invoice:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.ip-btn-submit-payment{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #05966959}.ip-btn-submit-payment:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 6px 18px #05966973}@media (width<=768px){.ip-grid-2,.ip-grid-3{grid-template-columns:1fr;gap:12px}.ip-summary-container{grid-template-columns:1fr;gap:16px}.ip-modal-header,.ip-modal-body{padding:16px 20px}.ip-modal-footer{padding:14px 20px}.ip-payment-metrics-grid{grid-template-columns:1fr}}.finance-dashboard-rows{gap:16px;display:grid}.finance-dashboard-row-four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.finance-dashboard-row-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.finance-dashboard-row-four{grid-template-columns:1fr}}.emp-leave-container{flex-direction:column;gap:20px;width:100%;display:flex}.emp-leave-header{justify-content:space-between;align-items:center;display:flex}.emp-leave-header h2{color:#0f172a;margin:0;font-size:1.4rem;font-weight:800}.emp-leave-header p{color:#64748b;margin:4px 0 0;font-size:.88rem}.emp-leave-btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f140}.emp-leave-btn-primary:hover{background:#4f46e5;transform:translateY(-1px)}.emp-leave-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.emp-leave-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 1px 3px #0000000a}.emp-leave-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.emp-leave-stat-icon.green{color:#16a34a;background:#dcfce7}.emp-leave-stat-icon.amber{color:#d97706;background:#fef3c7}.emp-leave-stat-icon.blue{color:#2563eb;background:#eff6ff}.emp-leave-stat-icon.red{color:#ef4444;background:#fee2e2}.emp-leave-stat-val{color:#0f172a;font-size:1.3rem;font-weight:800;line-height:1.2;display:block}.emp-leave-stat-lbl{color:#64748b;font-size:.78rem;font-weight:500}.emp-leave-tabs{border-bottom:1px solid #e2e8f0;gap:8px;padding-bottom:4px;display:flex}.emp-leave-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.emp-leave-tab.active{color:#2563eb;background:#eff6ff}.emp-leave-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.emp-leave-table-wrap{width:100%;overflow-x:auto}.emp-leave-table{border-collapse:collapse;width:100%;font-size:.88rem}.emp-leave-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-weight:700}.emp-leave-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.emp-status-badge{border-radius:20px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-block}.emp-status-badge.pending{color:#b45309;background:#fef3c7}.emp-status-badge.approved{color:#15803d;background:#dcfce7}.emp-status-badge.rejected{color:#b91c1c;background:#fee2e2}.emp-status-badge.present{color:#15803d;background:#dcfce7}.emp-status-badge.absent{color:#b91c1c;background:#fee2e2}.emp-status-badge.late{color:#b45309;background:#fef3c7}.emp-status-badge.on-leave{color:#1d4ed8;background:#eff6ff}.emp-proof-badge{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;display:inline-flex}.emp-leave-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emp-leave-modal{background:#fff;border-radius:16px;width:500px;max-width:92vw;overflow:hidden;box-shadow:0 20px 40px #0003}.emp-leave-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.emp-leave-modal-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.emp-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.emp-leave-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.emp-form-group{flex-direction:column;gap:6px;display:flex}.emp-form-group label{color:#334155;font-size:.82rem;font-weight:600}.emp-form-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:.88rem}.emp-form-input:focus{border-color:#6366f1}.emp-leave-alert{border-radius:8px;padding:10px 14px;font-size:.84rem}.emp-leave-alert.error{color:#991b1b;background:#fee2e2}.emp-leave-alert.success{color:#166534;background:#dcfce7}.emp-leave-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.emp-leave-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-weight:600}.logistics-dashboard-container,.logistics-shipments-view,.logistics-view-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.logistics-shipment-status-section{flex-direction:column;gap:12px;display:flex}.logistics-shipment-status-section h3{color:#334155;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.88rem;font-weight:800}.logistics-shipment-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){.logistics-shipment-status-grid{grid-template-columns:minmax(0,1fr)}}.logistics-toast{z-index:9999;color:#fff;background:#059669;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInDown;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px -5px #05966966}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logistics-welcome-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 10px 25px #1e3a8a2e}.logistics-welcome-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:1.45rem;font-weight:800}.logistics-welcome-sub{color:#bfdbfe;max-width:680px;margin:0;font-size:.88rem;line-height:1.5}.logistics-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1200px){.logistics-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.logistics-kpi-grid{grid-template-columns:1fr}}.logistics-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-top-width:4px;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:128px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #00000008}.logistics-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000014}.logistics-kpi-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.logistics-kpi-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:700}.logistics-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logistics-kpi-value{margin-bottom:4px;font-size:1.85rem;font-weight:800;line-height:1.1}.logistics-kpi-sub{color:#94a3b8;font-size:.76rem;font-weight:500}.logistics-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #00000008}.logistics-card-header{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.logistics-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:800;display:flex}.logistics-count-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.logistics-tabs-nav{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;display:flex}.logistics-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.logistics-tab-btn:hover{color:#0f172a;background:#f1f5f9}.logistics-tab-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;font-weight:700}.logistics-tab-badge{color:#475569;background:#e2e8f0;border-radius:12px;padding:2px 7px;font-size:.72rem;font-weight:700}.logistics-tab-btn.active .logistics-tab-badge{color:#fff;background:#2563eb}.logistics-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000005}.logistics-search-form{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:260px;max-width:500px;padding:6px 12px;transition:border-color .2s;display:flex}.logistics-search-form:focus-within{background:#fff;border-color:#2563eb}.logistics-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:.85rem}.logistics-btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:5px 12px;font-size:.8rem;font-weight:600}.logistics-btn-clear{color:#64748b;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.76rem;font-weight:600}.logistics-filter-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.logistics-filter-group{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.logistics-select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:.82rem;font-weight:600}.logistics-btn-refresh{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.logistics-btn-refresh:hover{color:#0f172a;background:#e2e8f0}.logistics-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.logistics-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.logistics-table th{text-transform:uppercase;letter-spacing:.03em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.76rem;font-weight:700}.logistics-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:13px 16px}.logistics-table tbody tr:hover{background:#f8fafc}.logistics-code-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.82rem;font-weight:700;display:inline-block}.logistics-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb33}.logistics-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.logistics-btn-primary-sm{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.logistics-btn-primary-sm:hover{background:#1d4ed8}.logistics-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.logistics-btn-secondary:hover{color:#0f172a;background:#f1f5f9}.logistics-table-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.logistics-table-btn:hover{background:#dbeafe}.logistics-btn-receive{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.logistics-btn-receive:hover{background:#15803d}.logistics-btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.84rem;font-weight:700}.logistics-btn-link:hover{text-decoration:underline}.logistics-empty-state{text-align:center;color:#64748b;padding:48px 24px}.logistics-empty-state h4{color:#1e293b;margin:12px 0 6px;font-size:1.1rem;font-weight:700}.logistics-empty-state p{color:#94a3b8;max-width:480px;margin:0 auto;font-size:.88rem}.logistics-loading-state{text-align:center;color:#64748b;padding:40px}.logistics-spin{margin-bottom:8px;animation:1s linear infinite spin}.logistics-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.logistics-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.logistics-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.logistics-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.logistics-modal-sub{color:#64748b;margin:2px 0 0;font-size:.8rem}.logistics-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.logistics-modal-close:hover{color:#334155;background:#f1f5f9}.logistics-modal-body{padding:20px 24px;overflow-y:auto}.logistics-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.logistics-form-group{flex-direction:column;gap:5px;display:flex}.logistics-form-group label{color:#334155;font-size:.8rem;font-weight:700}.logistics-form-group input,.logistics-form-group select,.logistics-form-group textarea{color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.logistics-form-group input:focus,.logistics-form-group select:focus,.logistics-form-group textarea:focus{border-color:#2563eb}.logistics-confirm-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px;font-size:.84rem;line-height:1.4}.logistics-confirm-notice p{margin:0}.logistics-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}@media (width<=768px){.logistics-welcome-banner{flex-direction:column;align-items:flex-start;padding:18px 20px}.logistics-form-grid{grid-template-columns:1fr}.logistics-filter-bar{flex-direction:column;align-items:stretch}.logistics-search-form{max-width:100%}.logistics-filter-controls{justify-content:space-between}}.logistics-notif-view{flex-direction:column;gap:18px;width:100%;display:flex}.logistics-notif-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.logistics-notif-head{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.logistics-notif-title-area{align-items:center;gap:12px;display:flex}.logistics-notif-title-area h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.logistics-notif-unread-pill{color:#fff;background:#ef4444;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.logistics-notif-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:14px 24px;display:flex;overflow-x:auto}.logistics-notif-filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.logistics-notif-filter-btn:hover{color:#0f172a;border-color:#cbd5e1}.logistics-notif-filter-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb4d}.logistics-notif-list{flex-direction:column;display:flex}.logistics-notif-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding:18px 24px;transition:background .15s;display:flex}.logistics-notif-row:last-child{border-bottom:none}.logistics-notif-row:hover{background:#f8fafc}.logistics-notif-row.unread{background:#eff6ff;border-left:4px solid #2563eb}.logistics-notif-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.logistics-notif-body{flex:1;min-width:0}.logistics-notif-headline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.logistics-notif-headline h4{color:#0f172a;margin:0;font-size:.94rem;font-weight:700}.logistics-notif-time{color:#94a3b8;white-space:nowrap;font-size:.76rem}.logistics-notif-desc{color:#475569;margin:0;font-size:.85rem;line-height:1.45}.logistics-notif-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.logistics-notif-action-btn:hover{color:#16a34a;background:#dcfce7;border-color:#86efac}.logistics-leave-container{flex-direction:column;gap:20px;width:100%;display:flex}.logistics-leave-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logistics-leave-header h2{color:#0f172a;margin:0 0 4px;font-size:1.45rem;font-weight:800}.logistics-leave-header p{color:#64748b;margin:0;font-size:.88rem}.logistics-leave-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.logistics-leave-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.logistics-leave-stats-row{grid-template-columns:1fr}}.logistics-leave-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000008}.logistics-leave-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.logistics-leave-stat-val{color:#0f172a;margin-bottom:2px;font-size:1.45rem;font-weight:800;line-height:1.1}.logistics-leave-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600}.logistics-leave-tabs-bar{border-bottom:1px solid #e2e8f0;gap:10px;padding-bottom:2px;display:flex}.logistics-leave-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.logistics-leave-tab-btn:hover{color:#2563eb}.logistics-leave-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.logistics-leave-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}.logistics-leave-table{border-collapse:collapse;width:100%;font-size:.88rem}.logistics-leave-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 18px;font-size:.76rem;font-weight:700}.logistics-leave-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px}.logistics-leave-table tr:hover td{background:#f8fafc}.logistics-status-tag{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-block}.logistics-status-tag.present{color:#15803d;background:#dcfce7}.logistics-status-tag.late{color:#b45309;background:#fef3c7}.logistics-status-tag.absent{color:#b91c1c;background:#fee2e2}.logistics-status-tag.on-leave{color:#1d4ed8;background:#eff6ff}.logistics-status-tag.approved{color:#15803d;background:#dcfce7}.logistics-status-tag.pending{color:#b45309;background:#fef3c7}.logistics-status-tag.rejected{color:#b91c1c;background:#fee2e2}.pr-page{color:#172033;flex-direction:column;gap:18px;display:flex}.pr-page-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.pr-page-header h2,.pr-modal-title h3{align-items:center;gap:9px;margin:0;display:flex}.pr-page-header p,.pr-modal-title p{color:#64748b;margin:5px 0 0;font-size:.88rem}.pr-header-actions,.pr-modal-actions,.pr-row-actions{flex-wrap:wrap;gap:8px;display:flex}.pr-btn{cursor:pointer;border:1px solid #d8e0ec;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;font-weight:700;display:inline-flex}.pr-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.pr-btn.secondary{color:#334155;background:#fff}.pr-btn:disabled{opacity:.6;cursor:wait}.pr-alert{border-radius:9px;padding:11px 14px;font-size:.88rem}.pr-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pr-alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pr-stats{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;display:grid}.pr-stat{text-align:left;cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:3px;min-height:82px;padding:15px;display:flex}.pr-stat span{color:#0f172a;font-size:1.55rem;font-weight:800}.pr-stat small{font-weight:700}.pr-stat.active{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.pr-stat.age{cursor:default;justify-content:center}.pr-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pr-summary-grid section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.pr-summary-grid h3{text-transform:uppercase;letter-spacing:.04em;color:#475569;margin:0 0 10px;font-size:.82rem}.pr-chips{flex-wrap:wrap;gap:7px;display:flex}.pr-chip{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.pr-muted{color:#94a3b8;font-size:.84rem}.pr-filters{background:#fff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:auto minmax(220px,1fr) 170px 260px;align-items:center;gap:9px;padding:12px;display:grid}.pr-filters input,.pr-filters select,.pr-form-grid input,.pr-form-grid select,.pr-form-grid textarea,.pr-rule-form input,.pr-rule-form select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 10px}.pr-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto}.pr-table{border-collapse:collapse;width:100%;min-width:1180px}.pr-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 12px;font-size:.75rem}.pr-table td{vertical-align:top;border-bottom:1px solid #eef2f7;padding:13px 12px;font-size:.84rem}.pr-table td small{color:#64748b;margin-top:4px;display:block}.pr-note{color:#92400e;background:#fffbeb;border-radius:7px;margin-top:7px;padding:6px 8px;font-size:.76rem;display:block}.pr-status{border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-block}.pr-status.pending{color:#92400e;background:#fef3c7}.pr-status.priced{color:#047857;background:#d1fae5}.pr-status.declined{color:#b91c1c;background:#fee2e2}.pr-linked{color:#1d4ed8;align-items:center;gap:4px;font-weight:700;display:inline-flex}.pr-row-actions button,.pr-rule button,.pr-quote-search button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e0ec;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-size:.75rem;display:inline-flex}.pr-empty{text-align:center;color:#64748b;padding:34px}.pr-modal-backdrop,.pr-drawer-backdrop{z-index:1200;background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pr-modal{background:#fff;border-radius:15px;width:min(560px,96vw);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 24px 70px #0f172a47}.pr-modal.wide{width:min(820px,96vw)}.pr-modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.pr-modal-title>button{color:#64748b;cursor:pointer;background:0 0;border:0}.pr-request-context{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;flex-direction:column;gap:3px;margin:-6px 0 16px;padding:10px 12px;font-size:.82rem;display:flex}.pr-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pr-form-grid.one{grid-template-columns:1fr}.pr-form-grid label,.pr-rule-form label{color:#334155;flex-direction:column;gap:6px;font-size:.82rem;font-weight:700;display:flex}.pr-form-grid label small{color:#64748b;font-weight:500}.pr-form-grid .span-2{grid-column:span 2}.pr-checkbox{align-self:end;align-items:center;min-height:38px;flex-direction:row!important}.pr-checkbox input{width:auto!important}.pr-modal-actions{justify-content:flex-end;margin-top:5px}.pr-quote-search{gap:8px;display:flex}.pr-quote-search input{flex:1}.pr-drawer-backdrop{justify-content:flex-end;padding:0}.pr-drawer{background:#fff;width:min(620px,96vw);height:100%;padding:22px;overflow:auto;box-shadow:-16px 0 50px #0f172a38}.pr-rule-list{flex-direction:column;gap:9px;margin-bottom:20px;display:flex}.pr-rule{border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;gap:10px;padding:11px;display:flex}.pr-rule small{color:#64748b;margin-top:4px;display:block}.pr-rule>div:last-child{align-items:flex-start;gap:6px;display:flex}.pr-rule button.danger{color:#b91c1c;border-color:#fecaca}.pr-rule-form{border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding-top:16px;display:flex}.pr-rule-form h4{margin:0}.pr-rule-form fieldset{border:1px solid #e2e8f0;border-radius:9px;flex-wrap:wrap;gap:10px;display:flex}.pr-rule-form legend{color:#334155;font-size:.82rem;font-weight:700}@media (width<=820px){.pr-page-header{flex-direction:column}.pr-stats{grid-template-columns:1fr 1fr}.pr-summary-grid{grid-template-columns:1fr}.pr-filters{grid-template-columns:auto 1fr}.pr-filters select{grid-column:span 2}.pr-form-grid{grid-template-columns:1fr}.pr-form-grid .span-2{grid-column:span 1}}