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;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.background-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.shape{background:linear-gradient(45deg,#3b82f6,#8b5cf6);background:linear-gradient(45deg,var(--primary-blue),var(--primary-purple));border-radius:50%;filter:blur(40px);opacity:.1;position:absolute}.shape-1{animation:float 8s ease-in-out infinite;height:300px;left:5%;top:10%;width:300px}.shape-2{animation:float 6s ease-in-out infinite reverse;background:linear-gradient(45deg,#06b6d4,#ec4899);background:linear-gradient(45deg,var(--accent-teal),var(--accent-pink));height:200px;right:10%;top:60%;width:200px}.shape-3{animation:float 10s ease-in-out infinite;background:linear-gradient(45deg,#ec4899,#3b82f6);background:linear-gradient(45deg,var(--accent-pink),var(--primary-blue));bottom:20%;height:150px;left:20%;width:150px}.shape-4{animation:float 7s ease-in-out infinite reverse;height:250px;right:20%;top:20%;width:250px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1.2fr .8fr;max-width:1400px;position:relative;width:100%;z-index:1}.brand-section{padding:2rem}.logo-container{margin-bottom:2rem;position:relative}.logo-glow{animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#3b82f6,#8b5cf6);background:linear-gradient(45deg,var(--primary-blue),var(--primary-purple));filter:blur(20px);height:80px;opacity:.6;position:absolute;width:80px}.logo,.logo-glow{border-radius:20px}.logo{color:#fff;font-size:2rem;height:50px;position:relative;width:120px}@keyframes pulse{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#06b6d4);background:linear-gradient(135deg,var(--text-light),var(--accent-teal));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.company-tagline{color:#cbd5e1;color:var(--text-gray);font-size:1.2rem;margin-bottom:3rem}.department-access{margin-bottom:2rem}.department-access h3{color:#f8fafc;color:var(--text-light);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.department-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.department-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.department-card:hover{border-color:#06b6d4;border-color:var(--accent-teal);box-shadow:0 10px 25px #1f26874d;transform:translateY(-2px)}.dept-icon{font-size:1.5rem}.dept-info h4{color:#f8fafc;color:var(--text-light);font-size:1rem;font-weight:600;margin-bottom:.25rem}.dept-info p{color:#cbd5e1;color:var(--text-gray);font-size:.8rem}.dept-password{color:#06b6d4;color:var(--accent-teal);font-size:.75rem;font-weight:600;margin-top:.25rem}.access-type{background:#ffffff1a;border-radius:8px;color:#cbd5e1;color:var(--text-gray);display:inline-block;font-size:.7rem;margin-top:.5rem;padding:.2rem .5rem}.md-card{background:#06b6d41a!important;border:2px solid #06b6d4!important;border:2px solid var(--accent-teal)!important}.md-card .access-type,.md-card .dept-icon{color:#06b6d4;color:var(--accent-teal)}.md-card .access-type{background:#06b6d433}.strategy-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.strategy-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);padding:1.5rem;transition:all .3s ease}.strategy-card:hover{border-color:#3b82f666;box-shadow:0 15px 40px #1f268780;transform:translateY(-5px)}.strategy-icon{font-size:2rem;margin-bottom:1rem}.strategy-card h4{color:#f8fafc;color:var(--text-light);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.strategy-card ul{list-style:none}.strategy-card li{color:#cbd5e1;color:var(--text-gray);font-size:.9rem;padding:.25rem 0 .25rem 1rem;position:relative}.strategy-card li:before{color:#06b6d4;color:var(--accent-teal);content:"•";left:0;position:absolute}.form-section{display:flex;flex-direction:column;gap:2rem}.form-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);flex:1 1;padding:2.5rem}.form-header{margin-bottom:2.5rem;text-align:center}.form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#06b6d4);background:linear-gradient(135deg,var(--text-light),var(--accent-teal));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.form-header p{color:#cbd5e1;color:var(--text-gray);font-size:1rem}.login-form{width:100%}.input-group{margin-bottom:1.5rem;position:relative}.input-icon{font-size:1.2rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.transparent-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;color:#f8fafc;color:var(--text-light);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.transparent-input:focus{background:#ffffff1a;border-color:#06b6d4;border-color:var(--accent-teal);box-shadow:0 0 0 3px #06b6d41a;outline:none}.transparent-input::placeholder{color:#cbd5e1;color:var(--text-gray)}.form-options{justify-content:space-between;margin-bottom:2rem}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#cbd5e1;color:var(--text-gray);cursor:pointer;font-size:.9rem;gap:.5rem}.checkbox-label input{display:none}.checkmark{border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:4px;height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-label input:checked+.checkmark{background:#06b6d4;background:var(--accent-teal);border-color:#06b6d4;border-color:var(--accent-teal)}.checkbox-label input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{color:#06b6d4;color:var(--accent-teal);font-size:.9rem;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#3b82f6;color:var(--primary-blue)}.login-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.login-button:hover:not(.loading){box-shadow:0 10px 30px #3b82f666;transform:translateY(-2px)}.login-button.loading{cursor:not-allowed;opacity:.8}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;margin-right:.5rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.credentials-hint{background:#06b6d41a;border:1px solid #06b6d44d;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.credentials-hint h4{color:#06b6d4;color:var(--accent-teal);font-size:1rem;margin-bottom:.5rem}.credentials-hint p{color:#cbd5e1;color:var(--text-gray);font-size:.85rem;line-height:1.5;margin-bottom:.5rem}.credentials-hint p:last-child{margin-bottom:0}.form-footer{border-top:1px solid #fff3;border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:2rem;text-align:center}.form-footer p{color:#cbd5e1;color:var(--text-gray);font-size:.9rem}.form-footer a{color:#06b6d4;color:var(--accent-teal);text-decoration:none;transition:color .3s ease}.form-footer a:hover{color:#3b82f6;color:var(--primary-blue)}.quick-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#06b6d4;border-color:var(--accent-teal);transform:translateY(-2px)}.stat-value{color:#06b6d4;color:var(--accent-teal);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#cbd5e1;color:var(--text-gray);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1024px){.login-content{gap:2rem}.department-grid,.login-content,.strategy-grid{grid-template-columns:1fr}}@media (max-width:768px){.login-container{padding:1rem}.brand-section,.form-glass{padding:1.5rem}.company-name{font-size:2.5rem}.quick-stats{grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.company-name{font-size:2rem}.form-header h2{font-size:1.5rem}.department-card{flex-direction:column;text-align:center}.dept-icon{margin-bottom:.5rem}}.access-note{color:#06b6d4;color:var(--accent-teal);font-size:.9rem;font-weight:500;margin-bottom:1rem;text-align:center}.demo-credentials{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin-top:1rem;padding:.75rem}.demo-credentials p{color:#3b82f6;color:var(--primary-blue);font-size:.8rem;font-weight:600;margin:0}:root{--primary-blue:#3b82f6;--primary-purple:#8b5cf6;--accent-teal:#06b6d4;--accent-pink:#ec4899;--dark-bg:#0f172a;--darker-bg:#020617;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #1f26875e;--text-light:#f8fafc;--text-gray:#cbd5e1;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#020617,#0f172a 50%,#1e293b);background:linear-gradient(135deg,var(--darker-bg) 0,var(--dark-bg) 50%,#1e293b 100%);color:#f8fafc;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard,body{min-height:100vh}.dashboard{display:flex;flex-direction:column}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow)}.header-main{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.brand,.header-main{align-items:center;display:flex}.brand{gap:1rem}.logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:8px;box-shadow:0 4px 15px #3b82f64d;color:var(--white);display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.brand-info h1{color:#f8fafc;color:var(--text-light);font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.brand-info p{color:#cbd5e1;color:var(--text-gray);font-size:.9rem}.header-actions{align-items:center;display:flex;gap:1.5rem}.user-info{text-align:right}.user-info span{display:block;font-size:.9rem}.user-info strong{color:#06b6d4;color:var(--accent-teal)}.user-role{align-items:center;color:#cbd5e1;color:var(--text-gray);display:flex;font-size:.8rem;gap:.5rem}.full-access-badge{background:#06b6d4;background:var(--accent-teal);border-radius:8px;color:#0f172a;color:var(--dark-bg);font-size:.7rem;font-weight:600;padding:.2rem .5rem}.logout-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{box-shadow:0 5px 15px #3b82f666;transform:translateY(-1px)}.dashboard-main{display:grid;flex:1 1;grid-template-columns:280px 1fr;grid-template-columns:var(--sidebar-width) 1fr;margin:0 auto;max-width:1400px;width:100%}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border-right:1px solid #fff3;border-right:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);padding:2rem 0}.sidebar-header{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);margin-bottom:1rem;padding:0 1.5rem 1.5rem}.sidebar-header h3{align-items:center;color:#f8fafc;color:var(--text-light);display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between}.md-badge{border-radius:8px;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.sidebar-menu{flex:1 1;padding:0 1rem}.menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#f8fafc;color:var(--text-light);cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;position:relative;transition:all .3s ease;width:100%}.menu-item:hover{background:#ffffff1a;color:#06b6d4;color:var(--accent-teal)}.menu-item.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);color:#f8fafc;color:var(--text-light)}.menu-icon{font-size:1.2rem}.menu-text{flex:1 1;font-size:.9rem;font-weight:500;text-align:left}.default-badge{background:#06b6d4;background:var(--accent-teal);border-radius:8px;color:#0f172a;color:var(--dark-bg);font-size:.7rem;font-weight:600;padding:.2rem .5rem}.sidebar-footer{border-top:1px solid #fff3;border-top:1px solid var(--glass-border);margin-top:auto;padding:1.5rem}.current-user{font-size:.9rem;text-align:center}.current-user strong{display:block;margin-bottom:.5rem}.current-user strong,.user-email{color:#f8fafc;color:var(--text-light)}.user-email{font-size:.8rem;margin:.5rem 0;opacity:.8;word-break:break-all}.user-role-badge{background:#3b82f6;background:var(--primary-blue);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.3rem .8rem}.md-role{background:linear-gradient(135deg,gold,#ff6b00)!important;color:#000!important}.dept-role{background:#3b82f6!important;background:var(--primary-blue)!important}.access-info{color:#f8fafc;color:var(--text-light);font-size:.75rem;margin-top:.5rem;opacity:.8}.main-content{background:#0000;overflow-y:auto;padding:2rem}.welcome-banner{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:12px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.welcome-content h2{font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.welcome-content p{max-width:600px;opacity:.9}.department-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center}.md-badge{background:linear-gradient(135deg,gold,#ff6b00);color:#000}.dept-badge{background:#ffffff4d;color:#fff}.stats-section{margin-bottom:2rem}.stats-section h2{color:#f8fafc;color:var(--text-light);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);padding:1.5rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.orange{border-left:4px solid #ff9800}.stat-card.blue{border-left:4px solid #2196f3}.stat-card.green{border-left:4px solid #4caf50}.stat-card.purple{border-left:4px solid #7c3aed}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon{font-size:2rem}.stat-change{background:#ffffff1a;border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.stat-card.orange .stat-change{color:#ff9800}.stat-card.blue .stat-change{color:#2196f3}.stat-card.green .stat-change{color:#4caf50}.stat-card.purple .stat-change{color:#7c3aed}.stat-content h3{color:#f8fafc;color:var(--text-light);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-content p{color:#cbd5e1;color:var(--text-gray);font-size:.9rem}.module-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);padding:2rem}.module-header,.module-section{margin-bottom:2rem}.module-header h2{align-items:center;color:#f8fafc;color:var(--text-light);display:flex;font-size:1.5rem;font-weight:600;gap:1rem;margin-bottom:.5rem}.module-icon{font-size:1.5rem}.module-header p{color:#cbd5e1;color:var(--text-gray)}.module-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.module-card{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;padding:1.5rem;transition:all .3s ease}.module-card:hover{border-left-color:#06b6d4;border-left-color:var(--accent-teal);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);transform:translateX(4px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h4{color:#f8fafc;color:var(--text-light);font-size:1.1rem;font-weight:600}.card-badge{background:#06b6d4;background:var(--accent-teal);border-radius:8px;color:#0f172a;color:var(--dark-bg);font-size:.7rem;font-weight:600;padding:.25rem .5rem}.module-card p{color:#cbd5e1;color:var(--text-gray);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.card-action{align-items:center;background:none;border:none;color:#06b6d4;color:var(--accent-teal);cursor:pointer;display:flex;font-weight:500;gap:.5rem;transition:all .3s ease}.card-action:hover{color:#3b82f6;color:var(--primary-blue);transform:translateX(4px)}@media (max-width:1024px){.dashboard-main{grid-template-columns:1fr}.sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-main{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.main-content{padding:1rem}.module-grid,.stats-grid{grid-template-columns:1fr}.welcome-banner{flex-direction:column;gap:1.5rem}.user-info,.welcome-banner{text-align:center}}@media (max-width:480px){.brand-info h1{font-size:1.25rem}.module-section{padding:1.5rem}.module-header h2,.stats-section h2{font-size:1.25rem}.welcome-content h2{font-size:1.5rem}.department-badge{font-size:.8rem;padding:.4rem .8rem}}.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}.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}@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.5c000b17.css.map*/