body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.login-wrapper{align-items:flex-start;display:flex;gap:40px;margin:0 auto;max-width:1400px;width:100%}.departments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;flex:2 1;max-height:calc(100vh - 80px);overflow-y:auto;padding:30px}.departments-section::-webkit-scrollbar{width:6px}.departments-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.departments-section::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.departments-header{margin-bottom:25px;text-align:center}.departments-header h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 8px}.departments-header p{color:#fffc;font-size:14px;margin:0}.departments-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.department-card{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.department-card:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.dept-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:36px;height:55px;justify-content:center;width:55px}.dept-info{flex:1 1;min-width:0}.dept-info h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-info p{color:#ffffffb3;font-size:11px;margin:0 0 4px;word-break:break-all}.dept-password{color:#4ade80;font-size:10px;margin-bottom:3px}.access-type{color:#fff9;font-size:10px}.login-section{flex:1 1;max-width:450px;position:-webkit-sticky;position:sticky;top:40px}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000026;padding:48px 40px;transition:transform .3s ease}.login-card:hover{transform:translateY(-5px)}.company-branding{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:15px;justify-content:center;margin-bottom:30px;padding-bottom:20px}.logo-wrapper{flex-shrink:0}.company-logo{border-radius:12px;height:50px;object-fit:cover;width:50px}.brand-text-wrapper{text-align:left}.company-name{color:#333;font-size:22px;letter-spacing:-.5px;margin:0 0 5px}.company-description{color:#666;font-size:13px;margin:0}.login-title{color:#333;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 32px;position:relative;text-align:center}.login-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.login-form{margin-bottom:0}.input-group{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;margin-bottom:18px;padding:14px 18px;transition:all .3s ease}.input-group:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-icon{color:#6c757d;font-size:20px;margin-right:12px}.login-input{background:#0000;border:none;color:#333;flex:1 1;font-size:15px;font-weight:500;outline:none}.login-input::placeholder{color:#adb5bd;font-weight:400}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button.loading{cursor:not-allowed;opacity:.8}.button-spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.login-wrapper{align-items:center;flex-direction:column}.departments-section{margin-top:30px;max-height:none;order:2;width:100%}.login-section{max-width:450px;order:1;position:static;width:100%}.departments-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.login-container{padding:20px}.login-card{padding:35px 25px}.company-branding{gap:12px}.company-logo{height:45px;width:45px}.company-name{font-size:20px}.company-description{font-size:12px}.login-title{font-size:26px;margin-bottom:28px}.departments-section{padding:20px}.departments-header h3{font-size:20px}.departments-grid{grid-template-columns:1fr}.department-card{padding:12px}.dept-icon{font-size:30px;height:48px;width:48px}.dept-info h4{font-size:14px}}@media (max-width:480px){.login-card{padding:30px 20px}.company-branding{gap:10px}.company-logo{height:40px;width:40px}.company-name{font-size:18px}.company-description{font-size:11px}.login-title{font-size:24px}.input-group{padding:12px 15px}.login-button{padding:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.md-nav-menu{gap:8px;padding:24px 16px}.md-main-content{overflow-x:hidden}.md-header{flex-wrap:wrap;gap:16px}.md-department-section{position:relative;width:100%}.md-department-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:thin;width:100%}.md-department-scroll-container::-webkit-scrollbar{height:8px}.md-department-scroll-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.md-department-scroll-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.md-department-scroll-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.md-department-horizontal-grid{display:flex;flex-direction:row;gap:12px;min-width:100%;padding-bottom:8px;width:-webkit-max-content;width:max-content}.md-department-card-horizontal{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-top:3px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:center;min-width:100px;padding:16px 20px;transition:all .2s}.md-department-card-horizontal:hover{background:#f9fafb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.md-dept-icon-horizontal{align-items:center;display:flex;font-size:28px;justify-content:center}.md-dept-label-horizontal{color:#374151;font-size:13px;font-weight:500;text-align:center;white-space:nowrap}.md-content-card{overflow-x:auto;width:100%}@media (max-width:1200px){.md-department-card-horizontal{min-width:90px;padding:14px 16px}.md-dept-icon-horizontal{font-size:26px}.md-dept-label-horizontal{font-size:12px}}@media (max-width:992px){.md-department-card-horizontal{min-width:85px;padding:12px 14px}.md-dept-icon-horizontal{font-size:24px}.md-dept-label-horizontal{font-size:11px}}@media (max-width:768px){.md-sidebar{width:240px}.md-main-content{margin-left:240px;padding:20px}.md-page-title{font-size:24px}.md-content-card{min-height:300px;padding:32px}.md-department-card-horizontal{min-width:80px;padding:12px}.md-dept-icon-horizontal{font-size:22px}.md-dept-label-horizontal{font-size:11px}.md-main-title{font-size:22px}}@media (max-width:640px){.md-sidebar{width:80px}.md-sidebar .md-company-name,.md-sidebar .md-company-tagline,.md-sidebar .md-nav-item span:last-child{display:none}.md-main-content{margin-left:80px;padding:16px}.md-logo-container{justify-content:center;padding:24px 12px}.md-nav-item{justify-content:center;padding:12px}.md-nav-icon{margin:0}.md-logout-button span:last-child{display:none}.md-logout-button{justify-content:center}.md-page-title{font-size:20px}.md-department-card-horizontal{min-width:70px;padding:10px}.md-dept-icon-horizontal{font-size:20px}.md-dept-label-horizontal{font-size:10px}.md-main-title{font-size:20px}.md-section-title{font-size:16px}}@media (max-width:480px){.md-department-card-horizontal{min-width:65px;padding:8px}.md-dept-icon-horizontal{font-size:18px}.md-dept-label-horizontal{font-size:9px}.md-content-card{padding:24px}.md-page-title{font-size:18px}}.marketing-crm-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.marketing-crm-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.marketing-crm-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.marketing-crm-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.marketing-crm-logo-image{height:100%;object-fit:cover;width:100%}.marketing-crm-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.marketing-crm-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.marketing-crm-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:24px 16px}.marketing-crm-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.marketing-crm-nav-item:hover{background:#f3f4f6;color:#374151}.marketing-crm-nav-item-active,.marketing-crm-nav-item-active:hover{background:#4f46e5;color:#fff}.marketing-crm-nav-icon{align-items:center;display:flex}.marketing-crm-logout-container{border-top:1px solid #e5e7eb;padding:24px}.marketing-crm-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.marketing-crm-logout-button:hover{background:#fef2f2;border-color:#ef4444}.marketing-crm-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.marketing-crm-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.marketing-crm-main-title{color:#1f2937;font-size:24px;margin:0}.marketing-crm-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.marketing-crm-header-actions{text-align:right}.marketing-crm-last-updated{color:#6b7280;font-size:13px}.marketing-crm-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.marketing-crm-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:600;margin:0}.marketing-crm-sidebar::-webkit-scrollbar{width:6px}.marketing-crm-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.marketing-crm-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.marketing-crm-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.marketing-crm-sidebar{width:240px}.marketing-crm-main-content{margin-left:240px}.marketing-crm-page-title{font-size:24px}.marketing-crm-content-card{min-height:300px;padding:32px}}@media (max-width:640px){.marketing-crm-sidebar{width:80px}.marketing-crm-nav-item span:last-child,.marketing-crm-sidebar .marketing-crm-company-name,.marketing-crm-sidebar .marketing-crm-company-tagline{display:none}.marketing-crm-main-content{margin-left:80px}.marketing-crm-logo-container{justify-content:center;padding:24px 12px}.marketing-crm-nav-item{justify-content:center;padding:12px}.marketing-crm-nav-icon{margin:0}.marketing-crm-logout-button span:last-child{display:none}.marketing-crm-logout-button{justify-content:center}.marketing-crm-page-title{font-size:20px}.marketing-crm-content-card{min-height:250px;padding:24px}}.sales-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.sales-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.sales-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.sales-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.sales-logo-image{height:100%;object-fit:cover;width:100%}.sales-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.sales-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.sales-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.sales-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.sales-nav-item:hover{background:#f3f4f6;color:#374151}.sales-nav-item-active,.sales-nav-item-active:hover{background:#4f46e5;color:#fff}.sales-nav-icon{align-items:center;display:flex}.sales-logout-container{border-top:1px solid #e5e7eb;padding:24px}.sales-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.sales-logout-button:hover{background:#fef2f2;border-color:#ef4444}.sales-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.sales-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.sales-main-title{color:#1f2937;font-size:24px;margin:0}.sales-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.sales-header-actions{text-align:right}.sales-last-updated{color:#6b7280;font-size:13px}.sales-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.sales-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}@media (max-width:768px){.sales-sidebar{width:240px}.sales-main-content{margin-left:240px}.sales-page-title{font-size:24px}.sales-content-card{min-height:300px;padding:32px}.sales-header{flex-direction:column}.sales-header-actions{text-align:left;width:100%}}@media (max-width:640px){.sales-sidebar{width:80px}.sales-sidebar .sales-company-name,.sales-sidebar .sales-company-tagline,.sales-sidebar .sales-nav-item span:last-child{display:none}.sales-main-content{margin-left:80px}.sales-logo-container{justify-content:center;padding:24px 12px}.sales-nav-item{justify-content:center;padding:12px}.sales-nav-icon{margin:0}.sales-logout-button span:last-child{display:none}.sales-logout-button{justify-content:center}.sales-page-title{font-size:20px}}.md-nav-item{font-weight:500}@media (max-width:768px){.md-sidebar{width:240px}.md-main-content{margin-left:240px}.md-page-title{font-size:24px}.md-content-card{min-height:300px;padding:32px}}@media (max-width:640px){.md-sidebar{width:80px}.md-sidebar .md-company-name,.md-sidebar .md-company-tagline,.md-sidebar .md-nav-item span:last-child{display:none}.md-main-content{margin-left:80px}.md-logo-container{justify-content:center;padding:24px 12px}.md-nav-item{justify-content:center;padding:12px}.md-nav-icon{margin:0}.md-logout-button span:last-child{display:none}.md-logout-button{justify-content:center}.md-page-title{font-size:20px}.md-content-card{min-height:250px;padding:24px}}.quality-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.quality-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.quality-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.quality-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.quality-logo-image{height:100%;object-fit:cover;width:100%}.quality-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.quality-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.quality-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.quality-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.quality-nav-item:hover{background:#f3f4f6;color:#374151}.quality-nav-item-active,.quality-nav-item-active:hover{background:#4f46e5;color:#fff}.quality-nav-icon{align-items:center;display:flex}.quality-logout-container{border-top:1px solid #e5e7eb;padding:24px}.quality-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.quality-logout-button:hover{background:#fef2f2;border-color:#ef4444}.quality-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.quality-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.quality-main-title{color:#1f2937;font-size:24px;margin:0}.quality-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.quality-header-actions{text-align:right}.quality-last-updated{color:#6b7280;font-size:13px}.quality-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.quality-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.quality-sidebar::-webkit-scrollbar{width:6px}.quality-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.quality-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.quality-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.quality-sidebar{width:240px}.quality-main-content{margin-left:240px}.quality-page-title{font-size:24px}.quality-content-card{min-height:300px;padding:32px}.quality-header{flex-direction:column}.quality-header-actions{text-align:left;width:100%}}@media (max-width:640px){.quality-sidebar{width:80px}.quality-sidebar .quality-company-name,.quality-sidebar .quality-company-tagline,.quality-sidebar .quality-nav-item span:last-child{display:none}.quality-main-content{margin-left:80px}.quality-logo-container{justify-content:center;padding:24px 12px}.quality-nav-item{justify-content:center;padding:12px}.quality-nav-icon{margin:0}.quality-logout-button span:last-child{display:none}.quality-logout-button{justify-content:center}.quality-page-title{font-size:20px}}.am-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.am-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.am-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.am-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.am-logo-image{height:100%;object-fit:cover;width:100%}.am-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.am-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.am-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.am-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.am-nav-item:hover{background:#f3f4f6;color:#374151}.am-nav-item-active,.am-nav-item-active:hover{background:#4f46e5;color:#fff}.am-nav-icon{align-items:center;display:flex}.am-logout-container{border-top:1px solid #e5e7eb;padding:24px}.am-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.am-logout-button:hover{background:#fef2f2;border-color:#ef4444}.am-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.am-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.am-main-title{color:#1f2937;font-size:24px;margin:0}.am-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.am-header-actions{text-align:right}.am-search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:8px 12px}.am-search-input{border:none;font-size:14px;outline:none;width:200px}.am-search-input::placeholder{color:#9ca3af}.am-last-updated{color:#6b7280;font-size:13px}.am-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.am-kpi-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.am-kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.am-kpi-info{flex:1 1}.am-kpi-title{color:#6b7280;font-size:13px;margin-bottom:8px}.am-kpi-value{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:8px}.am-kpi-delta{font-size:12px;font-weight:500}.am-kpi-icon{height:48px;width:48px}.am-content-card,.am-kpi-icon{align-items:center;border-radius:12px;display:flex;justify-content:center}.am-content-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;min-height:400px;padding:48px;text-align:center}.am-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}@media (max-width:1200px){.am-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.am-sidebar{width:240px}.am-main-content{margin-left:240px}.am-page-title{font-size:24px}.am-content-card{min-height:300px;padding:32px}.am-kpi-grid{grid-template-columns:1fr}.am-header{flex-direction:column}.am-header-actions{text-align:left;width:100%}.am-search-box,.am-search-input{width:100%}}@media (max-width:640px){.am-sidebar{width:80px}.am-sidebar .am-company-name,.am-sidebar .am-company-tagline,.am-sidebar .am-nav-item span:last-child{display:none}.am-main-content{margin-left:80px}.am-logo-container{justify-content:center;padding:24px 12px}.am-nav-item{justify-content:center;padding:12px}.am-nav-icon{margin:0}.am-logout-button span:last-child{display:none}.am-logout-button{justify-content:center}.am-page-title{font-size:20px}}.gm-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.gm-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.gm-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.gm-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.gm-logo-image{height:100%;object-fit:cover;width:100%}.gm-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.gm-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.gm-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.gm-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.gm-nav-item:hover{background:#f3f4f6;color:#374151}.gm-nav-item-active,.gm-nav-item-active:hover{background:#4f46e5;color:#fff}.gm-nav-icon{align-items:center;display:flex}.gm-logout-container{border-top:1px solid #e5e7eb;padding:24px}.gm-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.gm-logout-button:hover{background:#fef2f2;border-color:#ef4444}.gm-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.gm-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.gm-main-title{color:#1f2937;font-size:24px;margin:0}.gm-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.gm-header-actions{text-align:right}.gm-last-updated{color:#6b7280;font-size:13px}.gm-department-section{margin-bottom:24px}.gm-section-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.gm-department-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.gm-department-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-top:3px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s}.gm-department-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.gm-dept-icon{font-size:32px}.gm-dept-label{color:#374151;font-size:14px;font-weight:500}.gm-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.gm-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}@media (max-width:768px){.gm-sidebar{width:240px}.gm-main-content{margin-left:240px}.gm-page-title{font-size:24px}.gm-content-card{min-height:300px;padding:32px}.gm-department-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:640px){.gm-sidebar{width:80px}.gm-sidebar .gm-company-name,.gm-sidebar .gm-company-tagline,.gm-sidebar .gm-nav-item span:last-child{display:none}.gm-main-content{margin-left:80px}.gm-logo-container{justify-content:center;padding:24px 12px}.gm-nav-item{justify-content:center;padding:12px}.gm-nav-icon{margin:0}.gm-logout-button span:last-child{display:none}.gm-logout-button{justify-content:center}.gm-page-title{font-size:20px}.gm-department-grid{grid-template-columns:repeat(2,1fr)}}.sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.logo-container{border-bottom:1px solid #e5e7eb;gap:12px;padding:24px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;height:48px;justify-content:center;overflow:hidden;width:48px}.logo-image{height:100%;object-fit:cover;width:100%}.company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item-active,.nav-item-active:hover{background:#4f46e5;color:#fff}.nav-icon{align-items:center;display:flex}.logout-container{border-top:1px solid #e5e7eb;padding:24px}.logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.logout-button:hover{background:#fef2f2;border-color:#ef4444}.main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.main-title{color:#1f2937;font-size:24px;margin:0}.subtitle{color:#6b7280;font-size:14px;margin-top:6px}.header-actions{text-align:right}.last-updated{color:#6b7280;font-size:13px}.content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}@media (max-width:768px){.sidebar{width:240px}.main-content{margin-left:240px}.page-title{font-size:24px}.content-card{min-height:300px;padding:32px}}@media (max-width:640px){.sidebar{width:80px}.sidebar .company-name,.sidebar .company-tagline,.sidebar .nav-item span:last-child{display:none}.main-content{margin-left:80px}.logo-container{justify-content:center;padding:24px 12px}.nav-item{justify-content:center;padding:12px}.nav-icon{margin:0}.logout-button span:last-child{display:none}.logout-button{justify-content:center}.page-title{font-size:20px}}.dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.dashboard-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.dashboard-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.dashboard-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.dashboard-logo-image{height:100%;object-fit:cover;width:100%}.dashboard-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.dashboard-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.dashboard-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:24px 16px}.dashboard-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.dashboard-nav-item:hover{background:#f3f4f6;color:#374151}.dashboard-nav-item-active,.dashboard-nav-item-active:hover{background:#4f46e5;color:#fff}.dashboard-nav-icon{align-items:center;display:flex;width:20px}.dashboard-logout-container{border-top:1px solid #e5e7eb;margin-top:auto;padding:24px}.dashboard-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.dashboard-logout-button:hover{background:#fef2f2;border-color:#ef4444}.dashboard-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-main-title{color:#1f2937;font-size:24px;margin:0}.dashboard-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.dashboard-header-actions{text-align:right}.dashboard-last-updated{color:#6b7280;font-size:13px}.dashboard-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.dashboard-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:600;margin:0}@media (max-width:768px){.dashboard-sidebar{width:240px}.dashboard-main-content{margin-left:240px}.dashboard-page-title{font-size:24px}.dashboard-content-card{min-height:300px;padding:32px}}@media (max-width:640px){.dashboard-sidebar{width:80px}.dashboard-nav-item span:last-child,.dashboard-sidebar .dashboard-company-name,.dashboard-sidebar .dashboard-company-tagline{display:none}.dashboard-main-content{margin-left:80px}.dashboard-logo-container{justify-content:center;padding:24px 12px}.dashboard-nav-item{justify-content:center;padding:12px}.dashboard-nav-icon{margin:0}.dashboard-logout-button span:last-child{display:none}.dashboard-logout-button{justify-content:center}.dashboard-page-title{font-size:20px}.dashboard-content-card{min-height:250px;padding:24px}}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.md-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.md-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.md-sidebar::-webkit-scrollbar{width:6px}.md-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.md-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.md-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.md-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;padding:24px}.md-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.md-logo-image{height:100%;object-fit:cover;width:100%}.md-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.md-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.md-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:visible;padding:16px}.md-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.md-nav-item:hover{background:#f3f4f6;color:#374151}.md-nav-item-active,.md-nav-item-active:hover{background:#4f46e5;color:#fff}.md-nav-icon{align-items:center;display:flex}.md-logout-container{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:auto;padding:24px}.md-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.md-logout-button:hover{background:#fef2f2;border-color:#ef4444}.md-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.md-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.md-main-title{color:#1f2937;font-size:24px;margin:0}.md-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.md-header-actions{text-align:right}.md-last-updated{color:#6b7280;font-size:13px}.md-department-section{margin-bottom:24px}.md-section-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.md-department-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.md-department-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-top:3px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s}.md-department-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.md-dept-icon{font-size:32px}.md-dept-label{color:#374151;font-size:14px;font-weight:500}.md-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.md-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}@media (max-width:768px){.md-sidebar{width:240px}.md-main-content{margin-left:240px}.md-page-title{font-size:24px}.md-content-card{min-height:300px;padding:32px}.md-department-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:640px){.md-sidebar{width:80px}.md-sidebar .md-company-name,.md-sidebar .md-company-tagline,.md-sidebar .md-nav-item span:last-child{display:none}.md-main-content{margin-left:80px}.md-logo-container{justify-content:center;padding:24px 12px}.md-nav-item{justify-content:center;padding:12px}.md-nav-icon{margin:0}.md-logout-button span:last-child{display:none}.md-logout-button{justify-content:center}.md-page-title{font-size:20px}.md-department-grid{grid-template-columns:repeat(2,1fr)}}.customer-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.customer-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.customer-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.customer-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.customer-logo-image{height:100%;object-fit:cover;width:100%}.customer-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.customer-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.customer-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.customer-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.customer-nav-item:hover{background:#f3f4f6;color:#374151}.customer-nav-item-active,.customer-nav-item-active:hover{background:#4f46e5;color:#fff}.customer-nav-icon{align-items:center;display:flex}.customer-logout-container{border-top:1px solid #e5e7eb;padding:24px}.customer-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.customer-logout-button:hover{background:#fef2f2;border-color:#ef4444}.customer-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.customer-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.customer-main-title{color:#1f2937;font-size:24px;margin:0}.customer-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.customer-header-actions{text-align:right}.customer-last-updated{color:#6b7280;font-size:13px}.customer-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.customer-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.customer-sidebar::-webkit-scrollbar{width:6px}.customer-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.customer-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.customer-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.customer-sidebar{width:240px}.customer-main-content{margin-left:240px}.customer-page-title{font-size:24px}.customer-content-card{min-height:300px;padding:32px}.customer-header{flex-direction:column}.customer-header-actions{text-align:left;width:100%}}@media (max-width:640px){.customer-sidebar{width:80px}.customer-sidebar .customer-company-name,.customer-sidebar .customer-company-tagline,.customer-sidebar .customer-nav-item span:last-child{display:none}.customer-main-content{margin-left:80px}.customer-logo-container{justify-content:center;padding:24px 12px}.customer-nav-item{justify-content:center;padding:12px}.customer-nav-icon{margin:0}.customer-logout-button span:last-child{display:none}.customer-logout-button{justify-content:center}.customer-page-title{font-size:20px}}.employee-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.employee-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.employee-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.employee-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.employee-logo-image{height:100%;object-fit:cover;width:100%}.employee-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.employee-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.employee-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.employee-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.employee-nav-item:hover{background:#f3f4f6;color:#374151}.employee-nav-item-active,.employee-nav-item-active:hover{background:#4f46e5;color:#fff}.employee-nav-icon{align-items:center;display:flex}.employee-logout-container{border-top:1px solid #e5e7eb;padding:24px}.employee-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.employee-logout-button:hover{background:#fef2f2;border-color:#ef4444}.employee-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.employee-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.employee-main-title{color:#1f2937;font-size:24px;margin:0}.employee-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.employee-header-actions{text-align:right}.employee-last-updated{color:#6b7280;font-size:13px}.employee-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.employee-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.employee-sidebar::-webkit-scrollbar{width:6px}.employee-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.employee-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.employee-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.employee-sidebar{width:240px}.employee-main-content{margin-left:240px}.employee-page-title{font-size:24px}.employee-content-card{min-height:300px;padding:32px}.employee-header{flex-direction:column}.employee-header-actions{text-align:left;width:100%}}@media (max-width:640px){.employee-sidebar{width:80px}.employee-sidebar .employee-company-name,.employee-sidebar .employee-company-tagline,.employee-sidebar .employee-nav-item span:last-child{display:none}.employee-main-content{margin-left:80px}.employee-logo-container{justify-content:center;padding:24px 12px}.employee-nav-item{justify-content:center;padding:12px}.employee-nav-icon{margin:0}.employee-logout-button span:last-child{display:none}.employee-logout-button{justify-content:center}.employee-page-title{font-size:20px}}.supervisor-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.supervisor-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.supervisor-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.supervisor-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.supervisor-logo-image{height:100%;object-fit:cover;width:100%}.supervisor-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.supervisor-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.supervisor-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.supervisor-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.supervisor-nav-item:hover{background:#f3f4f6;color:#374151}.supervisor-nav-item-active,.supervisor-nav-item-active:hover{background:#4f46e5;color:#fff}.supervisor-nav-icon{align-items:center;display:flex}.supervisor-logout-container{border-top:1px solid #e5e7eb;padding:24px}.supervisor-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.supervisor-logout-button:hover{background:#fef2f2;border-color:#ef4444}.supervisor-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.supervisor-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.supervisor-main-title{color:#1f2937;font-size:24px;margin:0}.supervisor-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.supervisor-header-actions{text-align:right}.supervisor-last-updated{color:#6b7280;font-size:13px}.supervisor-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.supervisor-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.supervisor-sidebar::-webkit-scrollbar{width:6px}.supervisor-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.supervisor-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.supervisor-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.supervisor-sidebar{width:240px}.supervisor-main-content{margin-left:240px}.supervisor-page-title{font-size:24px}.supervisor-content-card{min-height:300px;padding:32px}.supervisor-header{flex-direction:column}.supervisor-header-actions{text-align:left;width:100%}}@media (max-width:640px){.supervisor-sidebar{width:80px}.supervisor-sidebar .supervisor-company-name,.supervisor-sidebar .supervisor-company-tagline,.supervisor-sidebar .supervisor-nav-item span:last-child{display:none}.supervisor-main-content{margin-left:80px}.supervisor-logo-container{justify-content:center;padding:24px 12px}.supervisor-nav-item{justify-content:center;padding:12px}.supervisor-nav-icon{margin:0}.supervisor-logout-button span:last-child{display:none}.supervisor-logout-button{justify-content:center}.supervisor-page-title{font-size:20px}}.hr-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.hr-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.hr-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.hr-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.hr-logo-image{height:100%;object-fit:cover;width:100%}.hr-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.hr-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.hr-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.hr-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.hr-nav-item:hover{background:#f3f4f6;color:#374151}.hr-nav-item-active,.hr-nav-item-active:hover{background:#4f46e5;color:#fff}.hr-nav-icon{align-items:center;display:flex}.hr-logout-container{border-top:1px solid #e5e7eb;padding:24px}.hr-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.hr-logout-button:hover{background:#fef2f2;border-color:#ef4444}.hr-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.hr-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.hr-main-title{color:#1f2937;font-size:24px;margin:0}.hr-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.hr-header-actions{text-align:right}.hr-last-updated{color:#6b7280;font-size:13px}.hr-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.hr-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.hr-sidebar::-webkit-scrollbar{width:6px}.hr-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.hr-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.hr-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.hr-sidebar{width:240px}.hr-main-content{margin-left:240px}.hr-page-title{font-size:24px}.hr-content-card{min-height:300px;padding:32px}.hr-header{flex-direction:column}.hr-header-actions{text-align:left;width:100%}}@media (max-width:640px){.hr-sidebar{width:80px}.hr-sidebar .hr-company-name,.hr-sidebar .hr-company-tagline,.hr-sidebar .hr-nav-item span:last-child{display:none}.hr-main-content{margin-left:80px}.hr-logo-container{justify-content:center;padding:24px 12px}.hr-nav-item{justify-content:center;padding:12px}.hr-nav-icon{margin:0}.hr-logout-button span:last-child{display:none}.hr-logout-button{justify-content:center}.hr-page-title{font-size:20px}}.maintenance-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.maintenance-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.maintenance-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.maintenance-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.maintenance-logo-image{height:100%;object-fit:cover;width:100%}.maintenance-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.maintenance-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.maintenance-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.maintenance-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.maintenance-nav-item:hover{background:#f3f4f6;color:#374151}.maintenance-nav-item-active,.maintenance-nav-item-active:hover{background:#4f46e5;color:#fff}.maintenance-nav-icon{align-items:center;display:flex}.maintenance-logout-container{border-top:1px solid #e5e7eb;padding:24px}.maintenance-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.maintenance-logout-button:hover{background:#fef2f2;border-color:#ef4444}.maintenance-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.maintenance-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.maintenance-main-title{color:#1f2937;font-size:24px;margin:0}.maintenance-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.maintenance-header-actions{text-align:right}.maintenance-last-updated{color:#6b7280;font-size:13px}.maintenance-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.maintenance-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.maintenance-sidebar::-webkit-scrollbar{width:6px}.maintenance-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.maintenance-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.maintenance-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.maintenance-sidebar{width:240px}.maintenance-main-content{margin-left:240px}.maintenance-page-title{font-size:24px}.maintenance-content-card{min-height:300px;padding:32px}.maintenance-header{flex-direction:column}.maintenance-header-actions{text-align:left;width:100%}}@media (max-width:640px){.maintenance-sidebar{width:80px}.maintenance-sidebar .maintenance-company-name,.maintenance-sidebar .maintenance-company-tagline,.maintenance-sidebar .maintenance-nav-item span:last-child{display:none}.maintenance-main-content{margin-left:80px}.maintenance-logo-container{justify-content:center;padding:24px 12px}.maintenance-nav-item{justify-content:center;padding:12px}.maintenance-nav-icon{margin:0}.maintenance-logout-button span:last-child{display:none}.maintenance-logout-button{justify-content:center}.maintenance-page-title{font-size:20px}}.security-dashboard-container{background:#f7fafc;display:flex;min-height:100vh}.security-sidebar{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.security-logo-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.security-logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.security-logo-image{height:100%;object-fit:cover;width:100%}.security-company-name{color:#1f2937;font-size:18px;font-weight:700;margin:0}.security-company-tagline{color:#6b7280;font-size:12px;margin:4px 0 0}.security-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.security-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.security-nav-item:hover{background:#f3f4f6;color:#374151}.security-nav-item-active,.security-nav-item-active:hover{background:#4f46e5;color:#fff}.security-nav-icon{align-items:center;display:flex}.security-logout-container{border-top:1px solid #e5e7eb;padding:24px}.security-logout-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.security-logout-button:hover{background:#fef2f2;border-color:#ef4444}.security-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.security-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.security-main-title{color:#1f2937;font-size:24px;margin:0}.security-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.security-header-actions{text-align:right}.security-last-updated{color:#6b7280;font-size:13px}.security-content-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:400px;padding:48px;text-align:center}.security-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:600;margin:0}.security-sidebar::-webkit-scrollbar{width:6px}.security-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.security-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.security-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.logout-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;overflow:hidden;width:90%}.logout-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;text-align:center}.logout-modal-icon{font-size:48px;margin-bottom:12px}.logout-modal-header h3{font-size:22px;font-weight:600;margin:0}.logout-modal-body{padding:24px;text-align:center}.logout-modal-body p{color:#374151;font-size:15px;line-height:1.5;margin:0 0 12px}.logout-modal-warning{color:#ef4444!important;font-size:13px!important;margin-top:8px!important}.logout-modal-footer{display:flex;gap:12px;padding:0 24px 24px}.logout-modal-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.logout-modal-cancel:hover{background:#f9fafb;border-color:#d1d5db}.logout-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.logout-modal-confirm:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.security-sidebar{width:240px}.security-main-content{margin-left:240px}.security-page-title{font-size:24px}.security-content-card{min-height:300px;padding:32px}.security-header{flex-direction:column}.security-header-actions{text-align:left;width:100%}}@media (max-width:640px){.security-sidebar{width:80px}.security-sidebar .security-company-name,.security-sidebar .security-company-tagline,.security-sidebar .security-nav-item span:last-child{display:none}.security-main-content{margin-left:80px}.security-logo-container{justify-content:center;padding:24px 12px}.security-nav-item{justify-content:center;padding:12px}.security-nav-icon{margin:0}.security-logout-button span:last-child{display:none}.security-logout-button{justify-content:center}.security-page-title{font-size:20px}}
/*# sourceMappingURL=main.23cf58ac.css.map*/