*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}#app{max-width:1200px;margin:0 auto;padding:20px}header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}header h1{font-size:24px;color:#333}.user-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#555}.user-name{display:flex;align-items:center;gap:6px;color:#333;font-weight:500}.role-tag{display:inline-block;padding:1px 8px;border-radius:3px;font-size:11px;font-weight:600}.role-tag.admin{background:#ffe0b2;color:#b08500}.role-tag.editor{background:#e3f2fd;color:#06c}.admin-link{padding:4px 10px;background:#fff3cd;color:#b08500;border:1px solid #ffe0a3;border-radius:3px;text-decoration:none;font-size:12px;font-weight:500}.admin-link:hover{background:#ffe69c}.logout-btn,.login-link{padding:4px 12px;background:#fff;color:#06c;border:1px solid #d0d0d6;border-radius:3px;cursor:pointer;font-size:13px;text-decoration:none}.logout-btn:hover,.login-link:hover{background:#f0f7ff}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{color:#06c;text-decoration:none;padding:8px 16px;border-radius:4px}nav a:hover{background:#f0f0f0}nav a.router-link-active{background:#06c;color:#fff}nav a.nav-build{margin-left:auto;background:#f59e0b;color:#fff;font-weight:500}nav a.nav-build:hover{background:#d97706}nav a.nav-build.router-link-active{background:#d97706;color:#fff}main{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}