.sidebar[data-v-c23d221b]{width:280px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width .3s ease;overflow:hidden}.sidebar.collapsed[data-v-c23d221b]{width:80px}.sidebar-header[data-v-c23d221b]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--sidebar-border);min-height:80px}.logo[data-v-c23d221b]{display:flex;align-items:center;gap:.75rem;min-width:0}.logo-icon[data-v-c23d221b]{width:32px;height:32px;background:var(--primary-color);color:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.logo-text[data-v-c23d221b]{font-weight:600;font-size:1.25rem;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.collapsed .logo-text[data-v-c23d221b]{opacity:0;width:0}.header-icon[data-v-c23d221b]{color:var(--sidebar-text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;flex-shrink:0}.header-icon[data-v-c23d221b]:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-primary)}.nav-menu[data-v-c23d221b]{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.nav-section[data-v-c23d221b]{margin-bottom:2rem}.nav-section-title[data-v-c23d221b]{font-size:.75rem;font-weight:600;color:var(--sidebar-text-light);text-transform:uppercase;letter-spacing:.05em;padding:0 1.5rem .75rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.collapsed .nav-section-title[data-v-c23d221b]{opacity:0;height:0;padding:0;margin:0}.nav-item[data-v-c23d221b]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--sidebar-text-secondary);text-decoration:none;transition:all .2s;border-radius:0;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden}.nav-item[data-v-c23d221b]:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-primary)}.nav-item.active[data-v-c23d221b]{background:var(--primary-color);color:var(--white)}.nav-item-icon[data-v-c23d221b]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-item-text[data-v-c23d221b]{font-weight:500;font-size:.875rem;flex:1;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.collapsed .nav-item-text[data-v-c23d221b]{opacity:0;width:0}.nav-item-arrow[data-v-c23d221b]{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;flex-shrink:0}.nav-item-arrow.expanded[data-v-c23d221b]{transform:rotate(180deg)}.sidebar.collapsed .nav-item-arrow[data-v-c23d221b]{opacity:0;width:0}.nav-submenu[data-v-c23d221b]{margin-left:1rem;border-left:2px solid var(--sidebar-border);margin-top:.25rem;margin-bottom:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-submenu.expanded[data-v-c23d221b]{max-height:200px}.sidebar.collapsed .nav-submenu[data-v-c23d221b]{margin-left:0;border-left:none}.nav-subitem[data-v-c23d221b]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem 1.5rem;color:var(--sidebar-text-secondary);text-decoration:none;transition:all .2s;font-size:.8125rem;position:relative;white-space:nowrap;overflow:hidden}.nav-subitem[data-v-c23d221b]:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-primary)}.nav-subitem.active[data-v-c23d221b]{background:var(--primary-color);color:var(--white)}.nav-subitem-icon[data-v-c23d221b]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.nav-subitem-text[data-v-c23d221b]{font-weight:500;font-size:.8125rem;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.collapsed .nav-subitem-text[data-v-c23d221b]{opacity:0;width:0}.expand-button[data-v-c23d221b]{position:fixed;top:50%;left:268px;transform:translateY(-50%);width:24px;height:24px;background:#666cff;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s ease;z-index:102;border:2px solid var(--white)}.expand-button.collapsed[data-v-c23d221b]{left:68px}.expand-button[data-v-c23d221b]:hover{background:#283046;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0003}.expand-button svg[data-v-c23d221b]{transition:transform .2s ease;z-index:1;color:var(--white);fill:none;stroke:currentColor;stroke-width:2}.expand-button:hover svg[data-v-c23d221b]{transform:scale(1.1)}.arrow-icon[data-v-c23d221b]{transition:all .3s ease}.arrow-icon path[data-v-c23d221b]{transition:d .3s ease}.mobile-overlay[data-v-c23d221b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100;display:none}.mobile-overlay.mobile-open[data-v-c23d221b]{display:block}.mobile-close-button[data-v-c23d221b]{display:none;background:var(--sidebar-hover-bg);border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--sidebar-text-secondary);transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.mobile-close-button[data-v-c23d221b]:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.mobile-overlay[data-v-c23d221b]{display:block}.sidebar[data-v-c23d221b]{width:280px;height:100vh;position:fixed;left:-280px;top:0;z-index:101;transition:left .3s ease;box-shadow:2px 0 10px #0000001a;background:var(--sidebar-bg)!important}.sidebar.mobile-open[data-v-c23d221b]{left:0!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}.sidebar.collapsed[data-v-c23d221b]{width:280px;left:-280px;transform:none!important}.sidebar.collapsed.mobile-open[data-v-c23d221b]{left:0!important;transform:none!important}.expand-button[data-v-c23d221b]{display:none}.mobile-close-button[data-v-c23d221b]{display:flex;align-items:center;justify-content:center}.header-icon[data-v-c23d221b]{display:none}.nav-menu[data-v-c23d221b]{padding:.5rem 0}.nav-item[data-v-c23d221b]{padding:.5rem 1rem}.nav-subitem[data-v-c23d221b]{padding:.375rem .75rem .375rem 1rem}}.modal-overlay[data-v-6e09bdbe]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-6e09bdbe]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header[data-v-6e09bdbe]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.modal-title[data-v-6e09bdbe]{font-size:20px;font-weight:600;color:#2d3748;margin:0}.close-button[data-v-6e09bdbe]{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#718096;transition:all .2s ease}.close-button[data-v-6e09bdbe]:hover{background:#f7fafc;color:#2d3748}.password-form[data-v-6e09bdbe]{padding:0 24px 24px}.form-group[data-v-6e09bdbe]{margin-bottom:20px}.form-label[data-v-6e09bdbe]{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.required[data-v-6e09bdbe]{color:#e53e3e;margin-left:4px}.input-container[data-v-6e09bdbe]{position:relative;display:flex;align-items:center}.form-input[data-v-6e09bdbe]{width:100%;padding:12px 44px 12px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-input[data-v-6e09bdbe]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-6e09bdbe]{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.password-toggle[data-v-6e09bdbe]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s ease}.password-toggle[data-v-6e09bdbe]:hover{color:#374151}.error-message[data-v-6e09bdbe]{color:#e53e3e;font-size:12px;margin-top:4px}.password-strength[data-v-6e09bdbe]{margin-top:8px}.strength-bar[data-v-6e09bdbe]{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill[data-v-6e09bdbe]{height:100%;transition:all .3s ease}.strength-fill.weak[data-v-6e09bdbe]{background:#e53e3e}.strength-fill.fair[data-v-6e09bdbe]{background:#f6ad55}.strength-fill.good[data-v-6e09bdbe]{background:#68d391}.strength-fill.strong[data-v-6e09bdbe]{background:#38a169}.strength-text[data-v-6e09bdbe]{font-size:12px;color:#6b7280}.form-actions[data-v-6e09bdbe]{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn[data-v-6e09bdbe]{padding:12px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.btn-secondary[data-v-6e09bdbe]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary[data-v-6e09bdbe]:hover{background:#edf2f7}.btn-primary[data-v-6e09bdbe]{background:#667eea;color:#fff}.btn-primary[data-v-6e09bdbe]:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-primary[data-v-6e09bdbe]:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.spinner[data-v-6e09bdbe]{animation:spin-6e09bdbe 1s linear infinite}@keyframes spin-6e09bdbe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-content[data-v-6e09bdbe]{margin:10px;max-width:none}.modal-header[data-v-6e09bdbe]{padding:20px 20px 0}.password-form[data-v-6e09bdbe]{padding:0 20px 20px}.form-actions[data-v-6e09bdbe]{flex-direction:column}.btn[data-v-6e09bdbe]{width:100%;justify-content:center}}.app-header[data-v-621aca7e]{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:99}.header-content[data-v-621aca7e]{display:flex;align-items:center;justify-content:flex-end;padding:0 24px;height:64px;max-width:1200px;margin:0 auto}.user-section[data-v-621aca7e]{display:flex;align-items:center;gap:16px}.user-info[data-v-621aca7e]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.user-info[data-v-621aca7e]:hover{background:#f7fafc;transform:translateY(-1px)}.user-avatar[data-v-621aca7e]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.user-info:hover .user-avatar[data-v-621aca7e]{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.user-details[data-v-621aca7e]{display:flex;flex-direction:column}.user-name[data-v-621aca7e]{font-weight:600;color:#2d3748;font-size:14px}.user-role[data-v-621aca7e]{font-size:12px;color:#718096;text-transform:capitalize}.user-menu[data-v-621aca7e]{position:relative}.dropdown-menu[data-v-621aca7e]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;padding:8px 0;margin-top:8px}.menu-item[data-v-621aca7e]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease;font-size:14px;color:#2d3748}.menu-item[data-v-621aca7e]:hover{background:#f7fafc}.menu-item.logout[data-v-621aca7e]{color:#e53e3e}.menu-item.logout[data-v-621aca7e]:hover{background:#fed7d7}.menu-divider[data-v-621aca7e]{height:1px;background:#e2e8f0;margin:8px 0}.mobile-menu-button[data-v-621aca7e]{display:none;background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;padding:10px;border-radius:8px;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.mobile-menu-button[data-v-621aca7e]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.header-content[data-v-621aca7e]{padding:0 16px;justify-content:space-between}.mobile-menu-button[data-v-621aca7e]{display:flex;align-items:center;justify-content:center}.user-details[data-v-621aca7e]{display:none}}#app[data-v-ed404b7a]{display:flex;min-height:100vh}.main-content[data-v-ed404b7a]{flex:1;margin-left:280px;transition:margin-left .3s ease;min-height:100vh;background-color:var(--bg-light)}.main-content.sidebar-collapsed[data-v-ed404b7a]{margin-left:80px}@media (max-width: 768px){.main-content[data-v-ed404b7a],.main-content.sidebar-collapsed[data-v-ed404b7a]{margin-left:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #666CFF;--primary-dark: #283046;--sidebar-bg: #283046;--sidebar-hover: #666CFF;--text-primary: #333;--text-secondary: #666;--text-light: #999;--bg-light: #f8f9fa;--white: #ffffff;--success: #28c76f;--warning: #ff9f43;--danger: #ea5455;--info: #00cfe8;--border-color: #e0e0e0;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--sidebar-text-primary: #f9fafb;--sidebar-text-secondary: #d1d5db;--sidebar-text-light: #9ca3af;--sidebar-border: #374151;--sidebar-hover-bg: #374151;--purple: #6f42c1;--orange: #fd7e14;--pink: #e91e63;--teal: #20c997;--indigo: #3f51b5;--yellow: #ff9800;--cyan: #00bcd4;--emerald: #10b981;--slate: #64748b;--rose: #f43f5e}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-light);color:var(--text-primary);line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--white);position:fixed;height:100vh;overflow-y:auto;z-index:1000;transition:all .3s ease}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.logo-icon{width:32px;height:32px;background:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--white)}.nav-menu{padding:1rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{padding:0 1.5rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px}.nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--white);text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:var(--sidebar-hover);color:var(--white)}.nav-item-icon{width:20px;height:20px;margin-right:.75rem;display:flex;align-items:center;justify-content:center}.nav-item-text{flex:1;font-weight:500}.nav-item-badge{background:var(--danger);color:var(--white);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.nav-item-arrow{margin-left:auto;transition:transform .3s ease}.nav-item.expanded .nav-item-arrow{transform:rotate(90deg)}.nav-submenu{background-color:#0000001a;overflow:hidden;transition:max-height .3s ease}.nav-submenu-item{padding:.5rem 1.5rem .5rem 3rem;color:var(--text-light);text-decoration:none;display:block;transition:all .3s ease}.nav-submenu-item:hover,.nav-submenu-item.active{color:var(--white);background-color:#ffffff0d}.main-content{flex:1;margin-left:260px;min-height:100vh;background-color:var(--bg-light)}.header{background:var(--white);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.search-bar{display:flex;align-items:center;background:var(--bg-light);border-radius:8px;padding:.5rem 1rem;border:1px solid var(--border-color);min-width:300px}.search-input{border:none;background:none;outline:none;flex:1;font-size:.9rem}.search-shortcut{background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:1rem}.header-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.header-icon:hover{background-color:var(--bg-light)}.notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;position:relative}.user-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--success);border:2px solid var(--white);border-radius:50%}.dashboard-content{padding:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.dashboard-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.card-metric{font-size:2rem;font-weight:700;color:var(--primary-color);margin:1rem 0}.card-percentage{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.percentage-positive{color:var(--success)}.percentage-negative{color:var(--danger)}.card-button{background:var(--primary-color);color:var(--white);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.card-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.card-button.secondary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.card-button.secondary:hover{background:var(--primary-color);color:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-light);border-radius:8px}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem}.stat-icon.primary{background:var(--primary-color)}.stat-icon.success{background:var(--success)}.stat-icon.warning{background:var(--warning)}.stat-icon.danger{background:var(--danger)}.stat-icon.info{background:var(--info)}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.chart-container{height:200px;margin:1rem 0}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.page-header{padding:1.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width: 768px){.page-title{font-size:1.25rem}.page-subtitle{font-size:.8rem}}