#app-layout[data-v-d33db4d3]{min-height:100vh;display:flex}.sidebar[data-v-d33db4d3]{background:var(--gray-900);color:#fff;z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header[data-v-d33db4d3]{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar-logo[data-v-d33db4d3]{background:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar-title[data-v-d33db4d3]{font-size:16px;font-weight:600}.sidebar-nav[data-v-d33db4d3]{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.nav-item[data-v-d33db4d3]{color:#fff9;border-radius:8px;align-items:center;gap:10px;padding:9px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item[data-v-d33db4d3]:hover{color:#fff;background:#ffffff14}.nav-item.active[data-v-d33db4d3]{color:#fff;background:var(--primary)}.sidebar-footer[data-v-d33db4d3]{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px;display:flex}.user-info[data-v-d33db4d3]{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-avatar[data-v-d33db4d3]{background:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-meta[data-v-d33db4d3]{flex-direction:column;min-width:0;display:flex}.user-name[data-v-d33db4d3]{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.user-role[data-v-d33db4d3]{color:#ffffff73;font-size:11px}.btn-logout[data-v-d33db4d3]{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;padding:6px;transition:all .15s;display:flex}.btn-logout[data-v-d33db4d3]:hover{color:#fca5a5;background:#dc262633}main[data-v-d33db4d3]{flex:1;width:100%}main.with-sidebar[data-v-d33db4d3]{margin-left:240px;padding:32px}@media (width<=768px){.sidebar[data-v-d33db4d3]{display:none}main.with-sidebar[data-v-d33db4d3]{margin-left:0;padding:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-100:#dbeafe;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-hover:#b91c1c;--danger-light:#fef2f2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}body{background:var(--gray-50);color:var(--gray-700);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3{color:var(--gray-900);font-weight:600}input,select,textarea{font-family:inherit;font-size:14px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}