*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.app-header{background:#12122a;border-bottom:1px solid #2a2a4a;padding:0 1rem}.header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.logo{display:flex;align-items:baseline;gap:.4rem;text-decoration:none}.logo-icon{font-size:1.3rem}.logo-text{font-size:1.25rem;font-weight:800;color:#c8a96e;letter-spacing:-.02em}.logo-sub{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.08em}.header-right{display:flex;align-items:center;gap:1rem}.sync-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.3rem .7rem;border-radius:20px;border:1px solid transparent}.status-ok{background:#0d2414;border-color:#166534;color:#86efac}.status-empty{background:#2a2a2a;border-color:#444;color:#888}.status-syncing{background:#1a2040;border-color:#3b5bdb;color:#74c0fc}.admin-link{font-size:.8rem;color:#666;text-decoration:none;padding:.2rem .5rem;border-radius:4px}.admin-link:hover{color:#aaa}.admin-link.router-link-active{color:#c8a96e}.app-main{min-height:calc(100vh - 56px)}