.container{max-width:900px;margin:0 auto;padding:40px 20px}h1{color:#f472b6;text-align:center;margin:0 0 20px;font-size:3rem}h2{color:#f472b6;margin-bottom:20px;font-size:1.5rem}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #0000004d}.card ul{margin-left:20px}.card li{margin:10px 0}button{color:#fff;cursor:pointer;background:#f472b6;border:none;border-radius:6px;padding:12px 24px;transition:background .2s;font-size:16px;font-weight:600}button:hover{background:#ec4899}.status{display:flex;align-items: center;gap:10px;margin:20px 0}.status-badge{border-radius:4px;padding:6px 14px;font-size:14px;font-weight:600}.status-ok{background:#10b981}.status-error{background:#ef4444}code{background:#2a2a2a;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace}pre{overflow-x:auto;background:#0d0d0d;border-radius:8px;padding:20px}pre code{background:0 0;padding:0}button:disabled{opacity:.6;cursor:not-allowed}.navbar{background:#1a1a1a;border-bottom:1px solid #333;margin-bottom:2rem;padding:1rem 0}.nav-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem;max-width:900px;margin:0 auto;padding:0 20px}.nav-left{display:flex;align-items: center;gap:2rem}.nav-logo{color:#f472b6;text-decoration:none;transition:opacity .2s;font-size:1.5rem;font-weight:700}.nav-logo:hover{opacity:.8}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#e5e5e5;text-decoration:none;transition:color .2s;font-weight:500}.nav-link:hover{color:#f472b6}.nav-right{display:flex;align-items: center;gap:1rem}.nav-right .user-info{background:#f472b61a;border:1px solid #f472b64d;border-radius:6px;padding:8px 16px}.nav-right .user-info span{color:#f472b6;font-size:.9rem;font-weight:600}.btn-login{background:#10b981;padding:10px 20px;font-size:14px}.btn-login:hover{background:#059669}.btn-logout{background:#ef4444;padding:10px 20px;font-size:14px}.btn-logout:hover{background:#dc2626}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:1rem;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-top-color:#f472b6;border-radius:50%;width:40px;height:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subtitle{text-align:center;color:#999;margin-bottom:2rem;font-size:1.1rem}.info-box{background:#0d4d2d;border:1px solid #10b981;border-radius:8px;margin-top:1rem;padding:1rem}.info-box p{margin:0 0 .5rem}.error-box{background:#4d0d0d;border:1px solid #ef4444;border-radius:8px;margin-top:1rem;padding:1rem}.success-box{background:#0d4d2d;border:1px solid #10b981;border-radius:8px;margin-top:1rem;padding:1rem}.success-box pre{margin-top:.5rem}.link-button{display:inline-block;color:#fff;text-decoration:none;background:#f472b6;border-radius:6px;margin-top:.5rem;padding:10px 20px;transition:background .2s;font-weight:600}.link-button:hover{background:#ec4899}.user-profile{display:flex;flex-direction:column;gap:.75rem}.profile-row{display:flex;border-bottom:1px solid #333;justify-content:space-between;padding:.5rem 0}.profile-row:last-child{border-bottom:none}.profile-row strong{color:#f472b6}.token-display{word-break:break-all;background:#0d0d0d;border-radius:8px;margin-top:.5rem;padding:1rem;font-family:Courier New,monospace;font-size:.85rem}details{cursor:pointer;margin-top:.5rem}summary{color:#f472b6;background:#0d0d0d;border-radius:6px;padding:.5rem;font-weight:600}summary:hover{background:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}#root{min-height:100vh;padding:20px}