body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#app{min-height:100vh}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:#662d91;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;gap:2rem;display:flex}.nav-link{color:#666;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:#662d91}.btn-login,.btn-logout{cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-login{color:#fff;background:#662d91}.btn-login:hover{background:#5a2680}.btn-logout{color:#333;background:#f0f0f0}.btn-logout:hover{background:#e0e0e0}.container{max-width:1200px;margin:0 auto;padding:2rem}:root{--primary:#662d91;--primary-dark:#5a2680;--bg:#f5f5f5;--surface:#fff;--text:#333;--text-light:#666;--border:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}