*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2329;background:#f5f6f7}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:#1f2329;color:#fff;padding:16px 0}.brand{font-size:18px;font-weight:600;padding:8px 20px 24px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{color:#c9cdd4;text-decoration:none;padding:12px 20px;font-size:14px}.sidebar nav a:hover{color:#fff;background:#ffffff14}.sidebar nav a.active{color:#fff;background:#ffffff29;border-left:3px solid #4c9aff}.content{flex:1;padding:32px}.page h1{margin-top:0}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1f2329}.login-card{width:320px;padding:32px;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:16px}.login-title{margin:0 0 8px;font-size:20px;text-align:center}.login-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.login-field input{padding:8px 10px;border:1px solid #d9dde3;border-radius:4px;font-size:14px}.login-error{margin:0;color:#d54941;font-size:13px}.login-submit{padding:10px 0;border:none;border-radius:4px;background:#4c9aff;color:#fff;font-size:15px;cursor:pointer}.login-submit:disabled{opacity:.6;cursor:not-allowed}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e6eb}.topbar-user{font-size:14px;color:#4e5969}.topbar-logout{padding:6px 14px;border:1px solid #d9dde3;border-radius:4px;background:#fff;font-size:13px;cursor:pointer}