:root{--bg: #0f1117;--card: #1a1d2e;--card-hover: #222640;--border: #2a2e42;--text: #e4e6eb;--text-dim: #8b8fa3;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--blue: #3b82f6;--purple: #a855f7;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.navbar[data-v-038b414e]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:#0f1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.logo[data-v-038b414e]{font-size:20px;font-weight:700}.logo span[data-v-038b414e]{color:var(--blue)}.nav-links[data-v-038b414e]{display:flex;gap:8px;align-items:center}.nav-link[data-v-038b414e]{padding:6px 14px;border-radius:8px;font-size:14px;color:var(--text-dim);transition:all .2s;border:none;background:none;cursor:pointer}.nav-link[data-v-038b414e]:hover,.nav-link.router-link-active[data-v-038b414e]{background:var(--card);color:var(--text)}.btn-logout[data-v-038b414e]{color:var(--red)!important}.btn-logout[data-v-038b414e]:hover{background:#ef44441a!important;color:var(--red)!important}.main-content[data-v-038b414e]{max-width:1200px;margin:0 auto;padding:24px 20px}