:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100svh;margin:0;padding:0;display:flex}body{-webkit-user-select:none;user-select:none;width:100%;height:100svh;margin:0;position:fixed;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{width:100%;height:100vh;margin:0;padding:0}.dashboard{color:#fff;background:linear-gradient(135deg,#dc143c 0%,#1a1a1a 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.dashboard h1{margin-bottom:30px;font-size:2.5rem}.dashboard button{color:#dc143c;cursor:pointer;background-color:#fff;border:none;border-radius:6px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.dashboard button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 20px #0003}:root{--primary-red:#dc143c;--dark-black:#1a1a1a;--light-white:#fff;--soft-gray:#f5f5f5;--border-gray:#e0e0e0;--hover-red:#c41e3f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--soft-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container{background:linear-gradient(135deg, var(--primary-red) 0%, var(--dark-black) 100%);box-sizing:border-box;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;width:100%;height:100%;min-height:100svh;padding:20px;display:flex;overflow-y:auto}.login-wrapper{background-color:var(--light-white);-webkit-overflow-scrolling:touch;border-radius:10px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;max-height:95svh;display:grid;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.login-branding{background:linear-gradient(135deg, var(--primary-red) 0%, var(--dark-black) 100%);color:var(--light-white);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.brand-content h1{letter-spacing:1px;margin-bottom:10px;font-size:2.5rem;font-weight:700}.brand-content p{opacity:.9;margin-bottom:40px;font-size:1rem;font-weight:300}.brand-features{flex-direction:column;gap:20px;display:flex}.feature{align-items:center;gap:12px;font-size:.95rem;display:flex}.feature-icon{font-size:1.5rem}.login-form-container{flex-direction:column;justify-content:center;padding:60px 40px;display:flex}.form-header h2{color:var(--dark-black);margin-bottom:10px;font-size:2rem;font-weight:700}.form-header p{color:#666;margin-bottom:30px;font-size:.95rem}.form-group{margin-bottom:25px}.form-label{color:var(--dark-black);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.roles-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;display:grid}.role-card{background-color:var(--soft-gray);border:2px solid var(--border-gray);cursor:pointer;color:var(--dark-black);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;padding:8px 6px;font-size:.65rem;font-weight:500;transition:all .3s;display:flex}.role-card:hover{border-color:var(--primary-red);background-color:#dc143c0d}.role-card.active{background-color:var(--primary-red);color:var(--light-white);border-color:var(--primary-red);box-shadow:0 4px 12px #dc143c4d}.role-icon{font-size:1.5rem}.role-name{display:block}.form-input{border:2px solid var(--border-gray);background-color:var(--light-white);width:100%;color:var(--dark-black);border-radius:6px;padding:12px 15px;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--primary-red);outline:none;box-shadow:0 0 0 3px #dc143c1a}.form-input::placeholder{color:#999}.password-wrapper{align-items:center;display:flex;position:relative}.password-toggle{cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.1rem;transition:transform .2s;position:absolute;right:12px}.password-toggle:hover{transform:scale(1.1)}.form-footer{justify-content:space-between;align-items:center;margin:20px 0;font-size:.9rem;display:flex}.checkbox{cursor:pointer;color:var(--dark-black);align-items:center;gap:8px;font-weight:500;display:flex}.checkbox input{cursor:pointer;accent-color:var(--primary-red);width:18px;height:18px}.forgot-link{color:var(--primary-red);font-weight:600;text-decoration:none;transition:color .3s}.forgot-link:hover{color:var(--hover-red);text-decoration:underline}.login-button{background:linear-gradient(135deg, var(--primary-red), var(--hover-red));width:100%;color:var(--light-white);cursor:pointer;letter-spacing:.5px;border:none;border-radius:6px;margin-top:15px;padding:14px;font-size:1rem;font-weight:700;transition:all .3s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #dc143c66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.demo-info{background-color:var(--soft-gray);border-left:4px solid var(--primary-red);text-align:center;border-radius:4px;margin-top:20px;padding:12px}.demo-title{color:var(--dark-black);margin-bottom:5px;font-size:.85rem;font-weight:700}.demo-text{color:#666;font-size:.8rem}@media (width<=1024px){.login-wrapper{grid-template-columns:1fr;min-height:auto}.login-branding{min-height:200px;padding:30px 20px}.brand-content h1{font-size:1.5rem}.login-form-container{padding:30px 20px}.form-header h2{font-size:1.3rem}.roles-grid{grid-template-columns:repeat(5,1fr);gap:6px}.role-card{min-height:65px;padding:6px 4px;font-size:.6rem}.form-footer{flex-direction:column;align-items:flex-start;gap:12px}.forgot-link{align-self:flex-start}}@media (width<=768px){.login-wrapper{grid-template-columns:1fr;min-height:auto}.login-branding{min-height:150px;padding:20px 15px}.brand-content h1{font-size:1.3rem}.brand-content p{margin-bottom:20px;font-size:.85rem}.brand-features{gap:12px}.feature{font-size:.8rem}.login-form-container{padding:20px 15px}.form-header h2{margin-bottom:5px;font-size:1.1rem}.form-header p{margin-bottom:20px;font-size:.8rem}.form-group{margin-bottom:15px}.form-label{margin-bottom:8px;font-size:.8rem}.roles-grid{grid-template-columns:repeat(5,1fr);gap:5px}.role-card{min-height:55px;padding:5px 3px;font-size:.55rem}.role-icon{font-size:1rem}.form-input{padding:10px 12px;font-size:.9rem}.form-footer{flex-direction:column;align-items:flex-start;gap:10px;margin:15px 0;font-size:.8rem}.login-button{margin-top:10px;padding:12px;font-size:.9rem}.demo-info{margin-top:15px;padding:10px}.demo-title{font-size:.75rem}.demo-text{font-size:.7rem}}@media (width<=480px){.login-container{padding:5px}.login-wrapper{border-radius:6px;min-height:auto}.login-branding{min-height:120px;padding:15px 10px}.brand-content h1{margin-bottom:5px;font-size:1.1rem}.brand-content p{margin-bottom:15px;font-size:.75rem}.brand-features{gap:10px}.feature{gap:6px;font-size:.7rem}.feature-icon{font-size:1.2rem}.login-form-container{padding:15px 10px}.form-header h2{margin-bottom:5px;font-size:1rem}.form-header p{margin-bottom:15px;font-size:.75rem}.form-group{margin-bottom:12px}.form-label{margin-bottom:6px;font-size:.75rem}.roles-grid{grid-template-columns:repeat(3,1fr);gap:4px}.role-card{min-height:50px;padding:4px 2px;font-size:.5rem}.role-icon{font-size:.9rem}.form-input,.login-button{padding:8px 10px;font-size:.85rem}.form-footer{flex-direction:column;gap:8px;margin:12px 0;font-size:.75rem}.checkbox{font-size:.75rem}.checkbox input{width:16px;height:16px}.password-toggle{font-size:1rem;right:10px}.login-button{margin-top:8px}.demo-info{margin-top:12px;padding:8px}.demo-title{margin-bottom:3px;font-size:.7rem}.demo-text{font-size:.65rem}}@media (width<=360px){.login-wrapper{border-radius:4px}.login-branding{min-height:100px;padding:10px 8px}.brand-content h1{font-size:1rem}.brand-content p{margin-bottom:10px;font-size:.7rem}.brand-features{gap:8px}.login-form-container{padding:10px 8px}.form-header h2{font-size:.9rem}.form-header p{font-size:.7rem}.roles-grid{grid-template-columns:repeat(3,1fr);gap:3px}.role-card{min-height:48px;padding:3px 2px;font-size:.45rem}}.dashboard-container{background:#fff;min-height:100vh;font-family:Arial,sans-serif;display:flex}.hamburger-menu{z-index:1001;color:#fff;cursor:pointer;background:#000;border:none;border-radius:5px;padding:10px;font-size:18px;position:fixed;top:20px;right:20px}.overlay{z-index:999;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar{color:#fff;z-index:1000;box-sizing:border-box;background:#000;width:250px;height:100%;padding:20px;transition:left .3s;position:fixed;top:0;left:-250px}.sidebar.open{left:0}.sidebar.mobile.open{z-index:1000}.sidebar-header{margin-bottom:30px}.sidebar-header h2{color:#fff;margin:0;font-size:24px}.user-role{color:#ccc;margin-top:10px;font-size:14px;display:block}.sidebar-nav{flex:1}.nav-item{cursor:pointer;color:#fff;border-bottom:1px solid #333;align-items:center;padding:15px 0;display:flex}.nav-item:hover{background:#333}.nav-icon{margin-right:15px;font-size:18px}.nav-label{font-size:16px}.logout-btn{color:#fff;cursor:pointer;background:#dc143c;border:none;border-radius:5px;width:100%;margin-top:20px;padding:10px;font-weight:700}.logout-btn:hover{background:#b01030}.main-content{background:#fff;flex:1;min-height:100vh;margin-left:0;padding:80px 20px 20px;transition:margin-left .3s;overflow-y:auto}.main-content.shifted{margin-left:250px}.main-content h1{color:#000;margin-bottom:30px;font-size:28px}.tab-navigation{border-bottom:2px solid #e0e0e0;margin-bottom:30px;display:flex}.tab-button{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.tab-button:hover{color:#000;background:#f5f5f5}.tab-button.active{color:#dc143c;border-bottom-color:#dc143c}.configuration-content{padding:20px 0}.config-options-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.config-option-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px 20px;transition:all .3s;box-shadow:0 2px 10px #0000001a}.config-option-card:hover{border-color:#dc143c;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.config-icon{margin-bottom:15px;font-size:48px}.config-option-card h3{color:#000;margin:0 0 10px;font-size:18px;font-weight:600}.config-option-card p{color:#666;margin:0;font-size:14px;line-height:1.5}.stats-grid{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-bottom:30px;display:flex}.stat-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:20px;min-width:120px;padding:8px 16px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.stat-card:hover{border-color:#dc143c;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.stat-card h3{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:11px;font-weight:600}.stat-number{color:#dc143c;margin:0;font-size:16px;font-weight:700}.charts-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:center;gap:20px;margin-bottom:20px;display:grid}.chart{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;max-width:500px;padding:20px;box-shadow:0 2px 10px #0000001a}.chart h3{color:#000;text-align:center;margin:0 0 20px;font-size:18px;font-weight:600}.personal-tasks-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:40px;padding:20px;box-shadow:0 2px 10px #0000001a}.personal-tasks-section h2{color:#000;margin:0 0 20px;font-size:24px;font-weight:600}.tasks-list{flex-direction:column;gap:10px;display:flex}.task-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:5px;justify-content:space-between;align-items:center;padding:15px;display:flex}.task-item.completed{background:#e8f5e8;border-color:#4caf50}.task-item.pending{background:#fff3e0;border-color:#ff9800}.task-item.in-progress{background:#e3f2fd;border-color:#2196f3}.task-content{align-items:center;gap:15px;display:flex}.task-title{color:#333;font-weight:500}.task-priority{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.task-priority.high{color:#c62828;background:#ffebee}.task-priority.medium{color:#ef6c00;background:#fff3e0}.task-priority.low{color:#2e7d32;background:#e8f5e8}.task-status{text-transform:uppercase;border-radius:15px;padding:4px 12px;font-size:12px;font-weight:700}.task-status.completed{color:#fff;background:#4caf50}.task-status.pending{color:#fff;background:#ff9800}.task-status.in-progress{color:#fff;background:#2196f3}@media (width<=767px){.dashboard-container{flex-direction:column;min-height:100vh;overflow-y:auto}.hamburger-menu{padding:8px;font-size:16px;top:10px;right:10px}.sidebar{width:280px;height:auto;min-height:100vh;left:-280px}.sidebar.open{left:0}.main-content{min-height:auto;padding:60px 10px 20px;overflow-y:visible}.main-content.shifted{margin-left:0}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:15px}.tab-navigation{flex-wrap:wrap}.tab-button{padding:10px 16px;font-size:14px}.stat-card{min-width:100px;padding:6px 12px}.stat-card h3{margin-bottom:2px;font-size:10px}.stat-number{font-size:14px}.company-profile-setup{max-width:1200px;margin:0 auto;padding:20px}.form-header{border-bottom:2px solid #e0e0e0;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.back-button{color:#fff;cursor:pointer;background:#666;border:none;border-radius:5px;padding:8px 16px;font-size:14px;transition:background-color .3s}.form-header h2{color:#000;margin:0;font-size:24px;font-weight:600}.profile-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.form-column{flex-direction:column;gap:12px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:4px;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;padding:10px 12px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#dc143c;outline:none;box-shadow:0 0 0 2px #dc143c1a}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group textarea{resize:vertical;min-height:80px}.file-preview{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:10px;padding:10px}.preview-image{object-fit:contain;border-radius:5px;max-width:200px;max-height:100px}.form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;margin-top:40px;padding-top:20px;display:flex}.cancel-button{color:#fff;cursor:pointer;background:#666;border:none;border-radius:5px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .3s}.submit-button{color:#fff;cursor:pointer;background:#dc143c;border:none;border-radius:5px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .3s}@media (width<=768px){.company-profile-setup{padding:10px}.form-header{flex-direction:column;align-items:flex-start;gap:15px}.form-header h2{font-size:20px}.profile-form{padding:20px}.form-grid,.form-row{grid-template-columns:1fr;gap:20px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%;padding:15px}.file-preview{text-align:center}.preview-image{max-width:150px;max-height:75px}}@media (width<=480px){.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:16px}.form-header h2{font-size:18px}}.scheme-master-page{max-width:1200px;margin:0 auto;padding:20px}.scheme-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.scheme-header h2{color:#000;margin:0;font-size:24px}.back-button{color:#fff;cursor:pointer;background:#666;border:none;border-radius:6px;padding:10px 16px;transition:background-color .2s}.back-button:hover{background:#555}.scheme-form{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:30px;padding:24px;box-shadow:0 4px 14px #0000000f}.form-section{margin-bottom:24px}.form-section h3{color:#000;margin:0 0 16px;font-size:18px}.form-grid{grid-template-columns:repeat(3,minmax(200px,1fr));gap:16px;display:grid}.form-grid label{color:#333;flex-direction:column;gap:8px;font-size:14px;display:flex}.form-grid input,.form-grid select{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:14px}.form-grid input:focus,.form-grid select:focus{border-color:#dc143c;outline:none;box-shadow:0 0 0 3px #dc143c1a}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.cancel-button,.submit-button,.view-button{cursor:pointer;border-radius:6px;font-weight:600}.cancel-button{color:#fff;background:#666;border:none;padding:12px 22px}.cancel-button:hover{background:#555}.submit-button{color:#fff;background:#dc143c;border:none;padding:12px 22px}.submit-button:hover{background:#b01030}.plan-list-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:24px;box-shadow:0 4px 14px #0000000d}.plan-list-section h3{margin-top:0;margin-bottom:18px;font-size:18px}.table-wrap{overflow-x:auto}.plan-table{border-collapse:collapse;width:100%;min-width:1200px}.plan-table th,.plan-table td{text-align:left;border:1px solid #e5e7eb;padding:12px 14px;font-size:13px}.plan-table th{color:#111;background:#fafafa;font-weight:700}.plan-table tbody tr:nth-child(2n){background:#fafafa}.empty-row{text-align:center;color:#777}.view-button{color:#fff;background:#000;border:none;padding:8px 14px}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=768px){.scheme-master-page{padding:14px}.form-grid{grid-template-columns:1fr}.plan-table{min-width:900px}}@media (width<=560px){.plan-table{min-width:700px}.back-button,.cancel-button,.submit-button{width:100%}}}