@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-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.positive{background-color:var(--success-bg);color:var(--success-text)}.kpi-badge.negative{background-color:var(--danger-bg);color:var(--danger-text)}.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}.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<=768px){html,body,#root{overflow:hidden}.sidebar,.employee-sidebar,.sales-sidebar,.project-sidebar,.hr-sidebar,.acc-sidebar,.mkt-sidebar,.ceo-sidebar,.admin-side-sidebar{box-shadow:none;top:0;left:0;z-index:200!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;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{z-index:300!important;transform:translate(0)!important;box-shadow:6px 0 30px #00000080!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{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{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{height:calc(100vh - 65px)!important;padding:14px 14px 32px!important}.mobile-menu-btn,.ceo-menu-toggle,.admin-side-menu-toggle{display:flex!important}.desktop-only{display:none!important}.sv-table-container,.table-container{-webkit-overflow-scrolling:touch;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}}.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:190;-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:0 0;border:none;flex-direction:column;gap:5px;display:none}.pw-nav-hamburger span{background:#334155;border-radius:2px;width:24px;height:2px}.pw-mobile-menu{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;padding:16px 24px;display:none}.pw-mobile-menu.open{display:flex}.pw-mobile-menu button{text-align:left;color:#334155;background:0 0;border:1px solid #0000;border-radius:6px;padding:10px;font-size:.95rem;font-weight:600}.pw-mobile-divider{background:#e2e8f0;height:1px;margin:6px 0}.pw-mobile-btns{gap:10px;display:flex}.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}}.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}}.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}}.kpi-card{background-color:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md,0 4px 6px -1px #0000000f);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{color:#2563eb;background-color:#eff6ff}.kpi-icon-wrapper.green{color:#10b981;background-color:#dcfce7}.kpi-icon-wrapper.amber{color:#f59e0b;background-color:#fef3c7}.kpi-icon-wrapper.purple{color:#8b5cf6;background-color:#f3e8ff}.kpi-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex}.kpi-badge.positive{color:#15803d;background-color:#dcfce7}.kpi-badge.negative{color:#b91c1c;background-color:#fee2e2}.kpi-bottom{flex-direction:column;gap:2px;display:flex}.kpi-value{color:var(--text-primary,#0f172a);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.2}.kpi-label{color:var(--text-secondary,#64748b);font-size:.85rem;font-weight:500}.kpi-subtext{color:var(--text-muted,#94a3b8);margin-top:4px;font-size:.75rem}.widget-card{background-color:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);flex-direction:column;padding:24px;display:flex;transition:transform .2s,box-shadow .2s!important}.widget-card:hover{transform:translateY(-3px)!important;box-shadow:0 6px 16px #00000014!important}.widget-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.widget-title-group h3{color:var(--text-primary,#0f172a);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.widget-title-group p{color:var(--text-secondary,#64748b);font-size:.8rem}.pill-select{color:var(--text-secondary,#64748b);cursor:pointer;background-color:#f1f5f9;border:none;border-radius:20px;outline:none;padding:6px 12px;font-size:.8rem;font-weight:600}.pipeline-donut-container{flex-direction:column;height:100%;display:flex}.widget-card{overflow:hidden}.deals-overview-container{flex-direction:column;height:100%;display:flex}.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,#0f172a);font-size:.85rem;line-height:1.4}.activity-text strong{font-weight:600}.activity-time{color:var(--text-muted,#94a3b8);margin-top:2px;font-size:.75rem}.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}.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}.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}.client-stat-card{transition:transform .2s,box-shadow .2s}.client-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.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-up{margin-top:0;margin-bottom:4px;top:auto;bottom:100%}.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-client-identity{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:6px;display:flex}.edit-client-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-client-identity h4{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.edit-client-identity span{color:#94a3b8;font-size:.8rem}.form-input,.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}.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}.projects-view-container{flex-direction:column;gap:20px;display:flex}.project-stat-card{transition:transform .2s,box-shadow .2s}.project-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.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}.finance-card{transition:transform .2s,box-shadow .2s!important}.finance-card:hover{transform:translateY(-3px)!important;box-shadow:0 6px 16px #00000014!important}.transaction-row{transition:background-color .15s}.transaction-row:hover{background-color:#f8fafc}.transaction-row{transition:transform .15s,box-shadow .15s,background-color .15s;position:relative}.transaction-row:hover{z-index:1;background-color:#f1f5f9;position:relative;transform:scale(1.01);box-shadow:0 4px 12px #00000014}@media (width<=768px){.finance-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.finance-charts-grid{grid-template-columns:1fr!important}}@media (width<=480px){.finance-kpi-grid{grid-template-columns:1fr!important}}.reports-view-container{flex-direction:column;gap:20px;display:flex}.report-box{transition:transform .2s,box-shadow .2s}.report-box:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.report-row{transition:transform .15s,box-shadow .15s,background-color .15s;position:relative}.report-row:hover{z-index:1;background-color:#f1f5f9;position:relative;transform:scale(1.01);box-shadow:0 4px 12px #00000014}@media (width<=768px){.reports-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.reports-charts-grid{grid-template-columns:1fr!important}}@media (width<=480px){.reports-kpi-grid{grid-template-columns:1fr!important}}.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-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}.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}.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}}.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-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-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-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-actions-row{align-items:center;gap:10px;display:flex}.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}.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}.stmp-container{flex-direction:column;gap:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.stmp-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.stmp-spinner{border:3px solid #2563eb33;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite stmp-spin}@keyframes stmp-spin{to{transform:rotate(360deg)}}.stmp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stmp-header-actions{align-items:center;gap:10px;display:flex}.stmp-back-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.stmp-back-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.stmp-error-box{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;padding:24px;display:flex}.stmp-profile-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:24px;padding:24px;display:flex;box-shadow:0 2px 6px #00000008}@media (width<=640px){.stmp-profile-card{flex-direction:column;align-items:flex-start}}.stmp-avatar-box{border:3px solid #bfdbfe;border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden;box-shadow:0 0 12px #2563eb26}.stmp-avatar-box img{object-fit:cover;width:100%;height:100%}.stmp-avatar-initials{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;font-weight:700;display:flex}.stmp-profile-info{flex-direction:column;flex:1;gap:6px;display:flex}.stmp-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stmp-name{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.stmp-badge-active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600}.stmp-title-line{color:#2563eb;align-items:center;gap:6px;margin:0;font-size:.88rem;font-weight:600;display:flex}.stmp-meta-grid{flex-wrap:wrap;align-items:center;gap:20px;margin-top:4px;display:flex}.stmp-meta-item{color:#64748b;align-items:center;gap:6px;font-size:.825rem;display:flex}.stmp-meta-item a{color:#2563eb;text-decoration:none}.stmp-meta-item a:hover{text-decoration:underline}.stmp-kpi-section{flex-direction:column;gap:12px;display:flex}.stmp-section-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.stmp-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.stmp-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.stmp-kpi-clickable{cursor:pointer;position:relative}.stmp-kpi-clickable:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.stmp-card-click-hint{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;transition:all .15s}.stmp-kpi-clickable:hover .stmp-card-click-hint{color:#fff;background:#2563eb}.stmp-kpi-card.highlight{background-color:#f8fafc;border-color:#bfdbfe;grid-column:span 2}@media (width<=768px){.stmp-kpi-card.highlight{grid-column:span 1}}.stmp-kpi-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.stmp-kpi-val{color:#0f172a;font-size:1.6rem;font-weight:800}.stmp-kpi-sub{color:#64748b;font-size:.78rem}.stmp-kpi-sub.positive{color:#059669}.stmp-progress-track{background:#e2e8f0;border-radius:6px;height:8px;margin-top:6px;overflow:hidden}.stmp-progress-fill{background:linear-gradient(90deg,#2563eb,#10b981);border-radius:6px;height:100%;transition:width .6s}.stmp-kpi-rem{color:#d97706;margin-top:2px;font-size:.75rem;font-weight:600}.stmp-tabs-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #00000005}.stmp-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.stmp-tab-btn:hover{color:#0f172a;background-color:#f8fafc}.stmp-tab-btn.active{color:#2563eb;background-color:#eff6ff;font-weight:700}.stmp-tab-count{color:#475569;background-color:#f1f5f9;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.stmp-tab-btn.active .stmp-tab-count{color:#1d4ed8;background-color:#dbeafe}.stmp-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.stmp-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.stmp-table th{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-weight:600}.stmp-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px}.stmp-table tbody tr:hover{background-color:#f8fafc}.stmp-highlight{font-weight:600;color:#0f172a!important}.stmp-money{font-family:monospace;font-weight:700;color:#2563eb!important}.stmp-status-pill{text-transform:capitalize;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-new,.status-draft,.status-pending{color:#d97706;background-color:#fef3c7}.status-contacted,.status-sent,.status-in-transit,.status-processing,.status-confirmed{color:#1d4ed8;background-color:#dbeafe}.status-qualified,.status-accepted,.status-delivered,.status-completed,.status-active{color:#059669;background-color:#d1fae5}.status-unqualified,.status-rejected,.status-returned,.status-cancelled{color:#dc2626;background-color:#fee2e2}.status-converted{color:#7c3aed;background-color:#ede9fe}.stmp-empty{text-align:center;color:#94a3b8;font-style:italic;padding:40px 20px!important}.stmp-empty-card{text-align:center;color:#64748b;background-color:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:40px;font-style:italic}.stmp-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.stmp-fu-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 1px 3px #00000005}.stmp-fu-top{justify-content:space-between;align-items:center;display:flex}.stmp-fu-type{color:#64748b;font-size:.8rem;font-weight:600}.stmp-fu-title{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.stmp-fu-meta{color:#64748b;margin:0;font-size:.8rem}.stmp-fu-outcome{color:#059669;margin:0;font-size:.8rem;font-weight:600}.stmp-targets-list{flex-direction:column;gap:12px;display:flex}.stmp-target-row{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:2fr 3fr 1fr;align-items:center;gap:16px;padding:18px;display:grid;box-shadow:0 1px 3px #00000005}@media (width<=768px){.stmp-target-row{grid-template-columns:1fr}}.stmp-target-period{color:#0f172a;font-size:1rem;font-weight:700}.stmp-target-sub{color:#64748b;margin-top:2px;font-size:.75rem}.stmp-target-bar-labels{color:#64748b;justify-content:space-between;margin-bottom:4px;font-size:.75rem;display:flex}.stmp-target-pct{flex-direction:column;align-items:flex-end;display:flex}.stmp-pct-val{color:#2563eb;font-size:1.25rem;font-weight:800}.stmp-pct-rem{color:#d97706;font-size:.75rem;font-weight:600}.stmp-activity-list{flex-direction:column;gap:12px;display:flex}.stmp-act-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000005}.stmp-act-bullet{background-color:#2563eb;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.stmp-act-content{flex-direction:column;flex:1;gap:4px;display:flex}.stmp-act-top{justify-content:space-between;align-items:center;display:flex}.stmp-act-type{color:#0f172a;font-size:.875rem}.stmp-act-time{color:#94a3b8;font-size:.75rem}.stmp-act-desc{color:#64748b;margin:0;font-size:.825rem}.sales-sm-teams-view{flex-direction:column;gap:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.teams-header{flex-direction:column;gap:12px;display:flex}.teams-header-top{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #00000005}.teams-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.teams-sub{color:#64748b;margin:4px 0 0;font-size:.85rem}.teams-search-wrap{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:260px;padding:8px 14px;display:flex}.teams-search-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.teams-loading-box,.teams-empty-box{color:#64748b;text-align:center;background-color:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.teams-empty-box h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.teams-empty-box p{color:#64748b;margin:0;font-size:.85rem}.teams-spinner{border:3px solid #2563eb33;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite teams-spin}@keyframes teams-spin{to{transform:rotate(360deg)}}.reps-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.rep-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 6px #00000005}.rep-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.rep-card-top{align-items:center;gap:14px;display:flex}.rep-avatar-lg{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;display:flex}.rep-header-info{flex:1;min-width:0}.rep-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.rep-name-lg{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.rep-status-badge{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700}.rep-status-badge.active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.rep-status-badge.inactive,.rep-status-badge.pending,.rep-status-badge.suspended{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.rep-role-lg{color:#64748b;margin-top:2px;font-size:.8rem;display:block}.rep-quota-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.quota-text-row{color:#475569;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.quota-percent{color:#2563eb;font-weight:800}.quota-progress-bar{background-color:#e2e8f0;border-radius:4px;width:100%;height:6px;overflow:hidden}.quota-fill{background:linear-gradient(90deg,#2563eb,#10b981);border-radius:4px;height:100%;transition:width .6s}.quota-sub{color:#64748b;font-size:.725rem}.rep-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rep-financials-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.rep-stat-box{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:8px 10px;display:flex}.rep-stat-box.overdue-box{background-color:#fef2f2;border-color:#fecaca}.rep-stat-box.receivables-box{background-color:#f0f9ff;border-color:#bae6fd}.stat-num{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.95rem;font-weight:700;overflow:hidden}.stat-num.overdue-val{color:#dc2626;font-size:.88rem;font-weight:800}.stat-num.receivables-val{color:#0284c7;font-size:.88rem;font-weight:800}.stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin-top:2px;font-size:.68rem;font-weight:600}.rep-contact-info-row{color:#64748b;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;padding-top:10px;font-size:.75rem;display:flex}.rep-meta-txt{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.rep-actions-footer{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;padding-top:10px;display:grid}.rep-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:7px 6px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.view-btn{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.view-btn:hover{color:#fff;background-color:#2563eb}.edit-btn{color:#475569;background-color:#f8fafc;border-color:#e2e8f0}.edit-btn:hover{color:#0f172a;background-color:#e2e8f0}.target-btn{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.target-btn:hover{color:#fff;background-color:#d97706}.delete-btn{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.delete-btn:hover{color:#fff;background-color:#dc2626}.sales-sm-reports-view{flex-direction:column;gap:20px;padding: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;margin:0 0 4px;font-size:1.6rem;font-weight:800}.reports-page-sub{color:#64748b;margin:0;font-size:.88rem}.reports-page-actions{align-items:center;gap:10px;display:flex}.reports-range-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;display:flex}.export-btn{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;transition:background-color .2s;display:flex}.export-btn:hover{background-color:#1d4ed8}.reports-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.reports-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.reports-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.reports-stat-top{justify-content:space-between;align-items:center;display:flex}.reports-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.reports-stat-badge{color:#15803d;background-color:#dcfce7;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700}.reports-stat-value{color:#0f172a;font-size:2rem;font-weight:800;line-height:1.1}.reports-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.reports-charts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.reports-chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.reports-chart-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.reports-chart-header{margin-bottom:16px}.reports-chart-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.reports-chart-header p{color:#64748b;margin:2px 0 0;font-size:.85rem}.lead-sources-body{flex:1;align-items:center;gap:24px;display:flex}.lead-sources-donut{flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.lead-sources-legend{flex-direction:column;flex:1;gap:14px;display:flex}.lead-source-row{justify-content:space-between;align-items:center;display:flex}.lead-source-left{align-items:center;gap:10px;display:flex}.lead-source-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lead-source-name{color:#334155;font-size:.9rem;font-weight:500}.lead-source-percent{color:#0f172a;font-size:.9rem;font-weight:700}@media (width<=768px){.lead-sources-body{flex-direction:column;align-items:flex-start}}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;color:#64748b;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px 16px 14px 0;font-size:.72rem;font-weight:700}.leaderboard-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 16px 16px 0;font-size:.9rem}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-medal{width:50px;font-size:1.3rem}.leaderboard-rep{align-items:center;gap:12px;display:flex}.leaderboard-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}.leaderboard-name{color:#0f172a;white-space:nowrap;font-weight:700}.leaderboard-cell{color:#475569;font-weight:500}.leaderboard-revenue{color:#16a34a;font-weight:700}.leaderboard-attainment{font-weight:700}.leaderboard-progress-track{background-color:#f1f5f9;border-radius:999px;width:140px;height:8px;overflow:hidden}.leaderboard-progress-fill{border-radius:999px;height:100%}@media (width<=1200px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}.reports-charts-grid{grid-template-columns:1fr}}@media (width<=640px){.reports-stats-grid{grid-template-columns:1fr}.reports-page-header{flex-direction:column;align-items:stretch}}.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{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{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{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:580px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 40px #00000026}.sv-modal-lg{max-width:780px}.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-header button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.sv-modal-header button:hover{color:#0f172a;background:#f1f5f9}.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}}.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}}.meetings-view{flex-direction:column;gap:20px;display:flex}.meetings-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.meetings-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.meetings-page-header p{color:#64748b;margin:0;font-size:.88rem}.meetings-header-actions{gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.meetings-layout-grid{grid-template-columns:320px 1fr 340px;align-items:start;gap:20px;display:grid}.meetings-left-panel{flex-direction:column;gap:16px;display:flex}.calendar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-nav h2{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.calendar-nav-arrows{gap:6px;display:flex}.calendar-nav-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.calendar-weekdays span{text-align:center;color:#94a3b8;letter-spacing:.03em;font-size:.68rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-cell-empty{aspect-ratio:1}.calendar-cell{aspect-ratio:1;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex;position:relative}.calendar-cell:hover{background:#f1f5f9}.calendar-cell-selected{color:#fff;background:#2563eb;font-weight:700}.calendar-cell-dot{background:#2563eb;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-cell-selected .calendar-cell-dot{background:#fff}.team-availability-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.team-availability-card h3{color:#94a3b8;letter-spacing:.05em;margin:0 0 14px;font-size:.72rem;font-weight:700}.team-availability-list{flex-direction:column;gap:14px;display:flex}.team-availability-row{align-items:center;gap:10px;display:flex}.team-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.team-availability-info{flex-direction:column;gap:2px;display:flex}.team-availability-name{color:#0f172a;font-size:.85rem;font-weight:700}.team-availability-status{align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.meetings-day-panel{flex-direction:column;gap:14px;display:flex}.meetings-day-header{justify-content:space-between;align-items:baseline;padding:4px 4px 0;display:flex}.meetings-day-header h2{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.meetings-day-header span{color:#94a3b8;font-size:.82rem}.meetings-day-list{flex-direction:column;gap:12px;display:flex}.meetings-day-empty{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #e2e8f0;border-radius:16px;padding:40px 20px;font-size:.88rem}.meeting-list-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.meeting-list-card-active{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.meeting-list-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.meeting-list-card-top h4{color:#0f172a;margin:0;font-size:.85rem;font-weight:700}.meeting-status-badge{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:2px 9px;font-size:.68rem;font-weight:700}.meeting-list-card-meta{flex-direction:column;gap:5px;display:flex}.meeting-list-card-meta span{color:#64748b;align-items:center;gap:6px;font-size:.76rem;display:flex}.meeting-tag{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-self:flex-start;padding:2px 9px;font-size:.68rem;font-weight:700}.meetings-detail-panel{flex-direction:column;gap:16px;display:flex}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.detail-empty{text-align:center;color:#94a3b8;padding:60px 20px;font-size:.88rem}.detail-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.detail-card-tags{gap:8px;display:flex}.join-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.detail-title{color:#0f172a;margin:0 0 20px;font-size:1.15rem;font-weight:800;line-height:1.3}.detail-info-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.detail-info-item{align-items:flex-start;gap:10px;display:flex}.detail-info-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.detail-info-text{flex-direction:column;gap:2px;display:flex}.detail-info-label{color:#94a3b8;letter-spacing:.05em;font-size:.68rem;font-weight:700}.detail-info-value{color:#0f172a;font-size:.88rem;font-weight:600}.agenda-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.agenda-card h3{color:#0f172a;margin:0 0 14px;font-size:1rem;font-weight:800}.agenda-list{flex-direction:column;gap:10px;display:flex}.agenda-row{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.agenda-number{color:#1d4ed8;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.agenda-text{color:#334155;font-size:.85rem;font-weight:500}@media (width<=1300px){.meetings-layout-grid{grid-template-columns:300px 1fr}.meetings-detail-panel{grid-column:1/-1}}@media (width<=900px){.meetings-layout-grid{grid-template-columns:1fr}.meetings-detail-panel{grid-column:auto}}.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}.proposals-view{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.proposals-main{flex-direction:column;gap:20px;min-width:0;display:flex}.proposals-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.proposals-page-header h1{color:#0f172a;margin:0 0 4px;font-size:1.6rem;font-weight:800}.proposals-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}.proposals-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;align-items:center;gap:4px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.stat-value{font-size:1.7rem;font-weight:800}.stat-label{color:#64748b;font-size:.82rem;font-weight:500}.proposals-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.proposals-search-box{flex:1;min-width:220px;position:relative}.proposals-search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.proposals-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}.proposals-search-box input:focus{border-color:#2563eb}.proposals-filter-row{flex-wrap:wrap;gap:6px;display:flex}.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}.proposals-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.proposals-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1.3fr 1.4fr 1fr 1.1fr 1fr 1fr 1.2fr;padding:14px 24px;display:grid}.proposals-table-header span{color:#64748b;letter-spacing:.05em;font-size:.7rem;font-weight:700}.proposals-table-body{flex-direction:column;display:flex}.proposals-table-row{cursor:pointer;border-bottom:1px solid #f1f5f9;grid-template-columns:1.3fr 1.4fr 1fr 1.1fr 1fr 1fr 1.2fr;align-items:center;padding:16px 24px;display:grid}.proposals-table-row:last-child{border-bottom:none}.proposals-table-row:hover{background:#f8fafc}.proposals-table-row-active{background:#eff6ff}.proposal-number-cell{color:#0f172a;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.proposal-file-icon{color:#2563eb;flex-shrink:0}.proposal-client-cell{flex-direction:column;gap:2px;display:flex}.proposal-client-cell h4{color:#0f172a;margin:0;font-size:.88rem;font-weight:700}.proposal-client-cell span{color:#94a3b8;font-size:.78rem}.proposal-value-cell{color:#15803d;font-size:.9rem;font-weight:700}.status-badge{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.proposal-date-cell{color:#64748b;font-size:.82rem}.proposal-approval-cell{color:#64748b;font-size:.8rem}.proposal-preview-panel{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;max-height:calc(100vh - 40px);padding:20px;display:flex;position:sticky;top:20px;overflow-y:auto;box-shadow:0 1px 3px #0000000a}.proposal-preview-panel::-webkit-scrollbar{width:6px}.proposal-preview-panel::-webkit-scrollbar-track{background:0 0}.proposal-preview-panel::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.proposal-preview-panel::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.preview-header{justify-content:space-between;align-items:center;display:flex}.preview-header span{color:#94a3b8;letter-spacing:.05em;font-size:.7rem;font-weight:700}.preview-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.preview-title-row{align-items:flex-start;gap:10px;display:flex}.preview-file-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.preview-title-row h3{color:#0f172a;margin:0 0 2px;font-size:.95rem;font-weight:800}.preview-title-row p{color:#64748b;margin:0;font-size:.8rem}.preview-status-banner{border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:flex}.preview-divider{border-top:1px solid #f1f5f9}.preview-section-label{color:#94a3b8;letter-spacing:.05em;font-size:.68rem;font-weight:700}.preview-section h4{color:#0f172a;margin:4px 0 2px;font-size:.95rem;font-weight:700}.preview-section p{color:#64748b;margin:0;font-size:.82rem}.preview-total-box{background:#f0fdf4;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.preview-total-label{color:#15803d;letter-spacing:.05em;font-size:.7rem;font-weight:700}.preview-total-value{color:#15803d;font-size:1.5rem;font-weight:800}.preview-line-items-title{color:#0f172a;margin:0 0 10px;font-size:.9rem;font-weight:700}.preview-line-items-list{flex-direction:column;gap:10px;display:flex}.preview-line-item{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.line-item-name{color:#0f172a;font-size:.85rem;font-weight:600;display:block}.line-item-qty{color:#94a3b8;margin-top:2px;font-size:.75rem;display:block}.line-item-amount{color:#0f172a;white-space:nowrap;font-size:.88rem;font-weight:700}.preview-meta-row{justify-content:space-between;align-items:center;display:flex}.preview-meta-value{color:#0f172a;font-size:.85rem;font-weight:600}.preview-actions-row{gap:10px;margin-top:4px;display:flex}.preview-action-btn{cursor:pointer;white-space:nowrap;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.preview-action-secondary{color:#334155;background-color:#fff;border:1px solid #e2e8f0}.preview-action-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.preview-action-primary{color:#fff;background-color:#2563eb;border:none}.preview-action-primary:hover{background-color:#1d4ed8}.proposal-modal-overlay{z-index:300;background-color:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.proposal-modal-content{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.proposal-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.proposal-modal-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.proposal-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;display:flex}.proposal-modal-close-btn:hover{background-color:#f1f5f9}.proposal-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.proposal-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}.proposal-modal-body::-webkit-scrollbar{width:6px}.proposal-modal-body::-webkit-scrollbar-track{background:0 0}.proposal-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.proposal-modal-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.proposal-modal-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.proposal-form-group{flex-direction:column;gap:6px;display:flex}.proposal-form-group label{color:#334155;font-size:.82rem;font-weight:600}.proposal-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}.proposal-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.proposal-form-input.error{background-color:#fef2f2;border-color:#ef4444}.proposal-form-error{color:#dc2626;font-size:.76rem;font-weight:500}.proposal-line-items-section{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:6px;display:flex}.proposal-line-items-header{justify-content:space-between;align-items:center;display:flex}.proposal-line-items-header label{color:#334155;font-size:.82rem;font-weight:600}.proposal-add-line-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 6px;font-size:.8rem;font-weight:600;display:inline-flex}.proposal-line-items-form-list{flex-direction:column;gap:8px;display:flex}.proposal-line-item-row{grid-template-columns:1fr 60px 90px 32px;align-items:center;gap:8px;display:grid}.proposal-line-qty,.proposal-line-amount{text-align:right}.proposal-remove-line-btn{color:#94a3b8;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.proposal-remove-line-btn:hover:not(:disabled){color:#ef4444;background-color:#fee2e2;border-color:#fee2e2}.proposal-remove-line-btn:disabled{opacity:.4;cursor:not-allowed}.proposal-modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.proposal-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}@media (width<=1024px){.proposals-view{grid-template-columns:1fr}.proposal-preview-panel{position:static}}@media (width<=900px){.proposals-stats-grid{grid-template-columns:repeat(2,1fr)}.proposals-table-header{display:none}.proposals-table-row{grid-template-columns:1fr;gap:8px}.proposal-modal-form-grid{grid-template-columns:1fr}.proposal-line-item-row{grid-template-columns:1fr 1fr;grid-template-areas:"name name""qty amount""remove remove"}}.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{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<=768px){.employee-header{gap:10px;padding:0 16px}.employee-page-title{font-size:1.1rem}.employee-page-subtitle,.employee-search-box{display:none}.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;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.hero-val-group{flex-direction:column;gap:2px;display:flex}.hero-val-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.725rem;font-weight:600}.hero-val-num{color:#0f172a;font-size:1.25rem;font-weight:800}.hero-val-num.light{color:#475569}.hero-val-num.rem{color:#d97706}.hero-val-divider{background-color:#e2e8f0;width:1px;height:32px}.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}.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}}.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}.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-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;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{transition:transform .2s}.ceo-menu-item:hover svg{transform:scale(1.08)}.ceo-menu-left{white-space:nowrap;align-items:center;gap:12px;display:flex;overflow:hidden}.ceo-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}.ceo-menu-item.active .ceo-menu-badge{color:#fff;background-color:#ffffff40}.ceo-sidebar-footer{border-top:1px solid #1e293b;padding:16px;position:relative}.ceo-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}.ceo-user-card:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.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}.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:.85rem;font-weight:600;overflow:hidden}.ceo-user-role{color:#60a5fa;font-size:.72rem}.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<=768px){.ceo-sidebar{z-index:100;position:fixed;top:0;bottom:0;left:-260px}.ceo-sidebar.mobile-open{transform:translate(260px)}}.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;display:none}@media (width<=768px){.ceo-menu-toggle{display:flex}}.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:24px;display:flex}.ceo-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.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:12px;padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ceo-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.ceo-kpi-header{justify-content:space-between;align-items:center;display:flex}.ceo-kpi-title{color:#64748b;font-size:.85rem;font-weight:500}.ceo-kpi-icon{color:#2563eb;background-color:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex}.ceo-kpi-card:hover .ceo-kpi-icon{transform:scale(1.08)}.ceo-kpi-icon.icon-blue{color:#2563eb;background-color:#eff6ff}.ceo-kpi-icon.icon-green{color:#16a34a;background-color:#ecfdf5}.ceo-kpi-icon.icon-purple{color:#7c3aed;background-color:#f3e8ff}.ceo-kpi-icon.icon-amber{color:#d97706;background-color:#fffbeb}.ceo-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.ceo-kpi-footer{flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.ceo-badge-pos{color:#15803d;background:#dcfce7;border-radius:6px;padding:3px 9px;font-weight:700}.ceo-kpi-subtext{color:#94a3b8}.ceo-charts-row{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=1024px){.ceo-charts-row{grid-template-columns:1fr}}.ceo-card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.ceo-card-panel:hover{border-color:#cbd5e1}.ceo-card-title{color:#0f172a;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.ceo-card-title a,.ceo-card-title-link{color:#2563eb;align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.ceo-card-title a:hover,.ceo-card-title-link:hover{text-decoration:underline}.ceo-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.72rem;font-weight:700}.ceo-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.875rem}.ceo-table tbody tr{transition:background-color .15s}.ceo-table tbody tr:hover{background-color:#f8fafc}.ceo-table tbody tr:last-child td{border-bottom:none}.ceo-status-tag{border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:background-color .2s,color .2s}.ceo-status-tag.active{color:#15803d;background:#dcfce7}.ceo-status-tag.warning{color:#b45309;background:#fef3c7}.ceo-summary-highlight{background-color:#f8fafc;border-left:3px solid #16a34a;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.ceo-summary-highlight-title{color:#0f172a;font-size:.92rem;font-weight:700}.ceo-summary-highlight-desc{color:#64748b;font-size:.82rem;line-height:1.4}.ceo-assign-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #6366f159}.ceo-assign-btn:hover{background-color:#4f46e5;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #6366f180}.ceo-assign-btn:active{transform:translateY(0)scale(.98)}.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)}.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}