.support-sidebar[data-v-7cf6be21]{width:260px;background:#08142c;color:#fff;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-brand[data-v-7cf6be21]{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo[data-v-7cf6be21]{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0357ee,#0038a8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;letter-spacing:.05em;box-shadow:0 4px 12px #0357ee59}.brand-name[data-v-7cf6be21]{font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-name span[data-v-7cf6be21]{color:#0357ee}.brand-info[data-v-7cf6be21]{display:flex;align-items:center;gap:8px}.brand-badge[data-v-7cf6be21]{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:#0357ee2e;color:#60a5fa;letter-spacing:.05em;border:1px solid rgba(3,87,238,.3)}.sidebar-nav[data-v-7cf6be21]{padding:20px 12px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-section-title[data-v-7cf6be21]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:8px 12px 6px}.nav-section-secondary[data-v-7cf6be21]{margin-top:16px}.nav-item[data-v-7cf6be21]{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.nav-item[data-v-7cf6be21]:hover{color:#fff;background:#ffffff0f}.nav-item.active[data-v-7cf6be21]{background:#0357ee;color:#fff;box-shadow:0 4px 14px #0357ee59}.superadmin-box[data-v-7cf6be21]{margin:0 12px 10px;padding:8px 12px;border-radius:6px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12)}.superadmin-link[data-v-7cf6be21]{display:flex;align-items:center;justify-content:space-between;color:#60a5fa;font-size:12px;font-weight:600;text-decoration:none}.superadmin-link[data-v-7cf6be21]:hover{text-decoration:underline}.sidebar-footer[data-v-7cf6be21]{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.user-card[data-v-7cf6be21]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff0a}.user-avatar[data-v-7cf6be21]{width:34px;height:34px;border-radius:8px;background:#0d1e3d;color:#60a5fa;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:1px solid rgba(3,87,238,.4);flex-shrink:0}.user-details[data-v-7cf6be21]{flex:1;min-width:0;display:flex;flex-direction:column}.user-name[data-v-7cf6be21]{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-7cf6be21]{font-size:10.5px;color:#94a3b8;margin-top:1px}.logout-btn[data-v-7cf6be21]{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.logout-btn[data-v-7cf6be21]:hover{color:#ef4444;background:#ef44441a}.login-container[data-v-dcdbdb86]{min-height:100vh;width:100%}.support-layout[data-v-dcdbdb86]{display:flex;min-height:100vh;width:100%;background-color:var(--bg-page)}.content-area[data-v-dcdbdb86]{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}:root{--color-primary: #0357EE;--color-primary-dark: #0038A8;--color-primary-deep: #002068;--color-primary-light: #2E76FD;--color-primary-subtle: #EEF4FF;--color-primary-tint: rgba(3, 87, 238, .08);--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--bg-support-dark: #071228;--bg-support-sidebar: #08142c;--bg-page: #f8fafc;--border-color: #e2e8f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}