:root{--bg-color:#0d0f11;--card-color:#1a1d21;--border-color:#2c3138;--text-primary:#e0e0e0;--text-secondary:#8a929a;--accent-green:#22e58a;--accent-green-transparent:#22e58a33;--accent-red:#ff6b4a;--accent-yellow:#ffc700;--accent-blue:#00a3ff;--font-family:"Inter","Segoe UI","Roboto",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:var(--font-family);color:var(--text-primary)}#app{min-height:100vh}.login-container[data-v-4b9ef580]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0f11,#1a1d21);padding:1rem}.login-card[data-v-4b9ef580]{background:var(--card-color);border:1px solid var(--border-color);border-radius:24px;padding:3rem;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.login-header[data-v-4b9ef580]{text-align:center;margin-bottom:2rem}.logo[data-v-4b9ef580]{margin-bottom:1rem}.login-header h1[data-v-4b9ef580]{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.login-header p[data-v-4b9ef580]{color:var(--text-secondary);font-size:.9rem}.login-form[data-v-4b9ef580]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-4b9ef580]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-4b9ef580]{font-weight:500;color:var(--text-secondary);font-size:.9rem}.form-group input[data-v-4b9ef580]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .2s ease}.form-group input[data-v-4b9ef580]:focus{outline:none;border-color:var(--accent-green)}.form-group input[data-v-4b9ef580]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-4b9ef580]{background:rgba(255,107,74,.1);border:1px solid var(--accent-red);color:var(--accent-red);padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.login-button[data-v-4b9ef580]{background:var(--accent-green);color:var(--bg-color);border:none;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.login-button[data-v-4b9ef580]:hover:not(:disabled){background:#2fed95;transform:translateY(-1px)}.login-button[data-v-4b9ef580]:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-credentials[data-v-4b9ef580]{margin-top:2rem;padding:1rem;background:rgba(34,229,138,.1);border:1px solid rgba(34,229,138,.3);border-radius:12px}.demo-credentials h3[data-v-4b9ef580]{color:var(--accent-green);font-size:.9rem;margin-bottom:.5rem}.demo-credentials p[data-v-4b9ef580]{color:var(--text-secondary);font-size:.8rem;margin:.25rem 0}@media (max-width:480px){.login-card[data-v-4b9ef580]{padding:2rem}}.sidebar[data-v-30d5fe4d]{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;background-color:var(--card-color);border-right:1px solid var(--border-color);width:80px;flex-shrink:0;transition:width .3s ease;overflow:hidden}.sidebar[data-v-30d5fe4d]:hover{width:240px}.logo-container[data-v-30d5fe4d]{display:flex;align-items:center;margin-bottom:2.5rem;height:44px}.sidebar nav[data-v-30d5fe4d]{display:flex;flex-direction:column;gap:1rem}.menu-item-link[data-v-30d5fe4d]{text-decoration:none;color:inherit}.menu-item[data-v-30d5fe4d]{display:flex;align-items:center;padding:0 10px;height:44px;border-radius:12px;cursor:pointer;transition:background-color .3s;color:var(--text-primary)}.menu-icon[data-v-30d5fe4d]{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:24px;height:24px}.menu-item-text[data-v-30d5fe4d]{margin-left:1.25rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.sidebar:hover .menu-item-text[data-v-30d5fe4d]{opacity:1;visibility:visible;transition-delay:.1s}.menu-item[data-v-30d5fe4d]:not(.active):hover{background-color:var(--border-color)}.menu-item.active[data-v-30d5fe4d]{background-color:var(--accent-green)}.menu-item.active .menu-icon svg path[data-v-30d5fe4d]{fill:var(--bg-color)}.menu-item.active .menu-item-text[data-v-30d5fe4d]{color:var(--bg-color);font-weight:600}.menu-item-bottom .menu-icon svg path[data-v-30d5fe4d]{fill:var(--text-secondary)}.menu-item-bottom:hover .menu-icon svg path[data-v-30d5fe4d]{fill:var(--text-primary)}.menu-item-bottom .menu-item-text[data-v-30d5fe4d]{color:var(--text-secondary)}.menu-item-bottom:hover .menu-item-text[data-v-30d5fe4d]{color:var(--text-primary)}.sidebar .sidebar-bottom[data-v-30d5fe4d]{display:flex;flex-direction:column}@media (max-width:992px){.sidebar[data-v-30d5fe4d]{width:100%;flex-direction:row;padding:.5rem 1rem;height:60px;overflow:visible}.sidebar[data-v-30d5fe4d]:hover{width:100%}.logo-container[data-v-30d5fe4d]{margin-bottom:0}.sidebar>div[data-v-30d5fe4d]:first-child{display:flex;align-items:center;gap:1.5rem}.sidebar nav[data-v-30d5fe4d]{flex-direction:row}.sidebar .sidebar-bottom[data-v-30d5fe4d]{flex-direction:row;margin-left:auto}.sidebar .menu-item-text[data-v-30d5fe4d]{opacity:1;visibility:visible;transition:none}}@media (max-width:768px){.sidebar[data-v-30d5fe4d]{padding:.5rem}.sidebar>div[data-v-30d5fe4d]:first-child{gap:.5rem}.sidebar .logo-container .menu-item-text[data-v-30d5fe4d]{display:none}.sidebar nav[data-v-30d5fe4d]{gap:.5rem}}@media (max-width:480px){.sidebar .menu-item-text[data-v-30d5fe4d]{display:none}.sidebar .menu-item[data-v-30d5fe4d]{justify-content:center}.sidebar>div[data-v-30d5fe4d]:first-child{flex-grow:1}.sidebar nav[data-v-30d5fe4d]{justify-content:space-around;flex-grow:1}}#app-container[data-v-4d85dedf]{display:flex;width:100%;max-width:1400px;height:90vh;max-height:850px;background:var(--bg-color);border-radius:24px;overflow:hidden;border:1px solid var(--border-color);margin:2rem auto}.main-content[data-v-4d85dedf]{flex-grow:1;padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.main-content[data-v-4d85dedf]::-webkit-scrollbar{width:6px}.main-content[data-v-4d85dedf]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}@media (max-width:992px){#app-container[data-v-4d85dedf]{flex-direction:column;height:auto;max-height:none;margin:1rem}.main-content[data-v-4d85dedf]{padding:1.5rem}}