.ap-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.ap-card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:380px;padding:32px 28px;display:flex}.ap-logo{margin-bottom:4px;font-size:32px}.ap-title{text-align:center;margin:0;font-size:20px;font-weight:700}.ap-sub{color:var(--muted);text-align:center;margin:0 0 16px;font-size:13px;line-height:1.5}.ap-form{flex-direction:column;gap:14px;width:100%;display:flex}.ap-field{flex-direction:column;gap:5px;display:flex}.ap-label{color:var(--muted);font-size:12px;font-weight:500}.ap-input{border:1px solid var(--border);background:var(--bg);color:var(--fg);box-sizing:border-box;letter-spacing:.04em;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.ap-input:focus{border-color:var(--accent);outline:none}.ap-error{color:#ef4444;margin:0;font-size:12px}.ap-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:11px;font-size:14px;font-weight:600;display:flex}.ap-btn:hover:not(:disabled){opacity:.88}.ap-btn:disabled{opacity:.6;cursor:not-allowed}.ap-spin{animation:.8s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-dashboard{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:0;width:100%;max-width:460px;display:flex;overflow:hidden}.ap-dash-header{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:14px;padding:24px 20px;display:flex}.ap-agent-avatar{background:color-mix(in srgb,var(--accent)12%,transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.ap-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.ap-avatar-placeholder{color:var(--accent);font-size:26px;font-weight:700}.ap-agent-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ap-agent-name{margin:0;font-size:17px;font-weight:700}.ap-agent-code{letter-spacing:.1em;color:var(--accent);background:color-mix(in srgb,var(--accent)10%,transparent);border-radius:4px;width:fit-content;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700}.ap-agent-event{color:var(--muted);margin-top:1px;font-size:12px}.ap-logout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:500}.ap-logout:hover{border-color:var(--fg);color:var(--fg)}.ap-stats{border-bottom:1px solid var(--border);gap:0;display:flex}.ap-stat{border-right:1px solid var(--border);flex-direction:column;flex:1;gap:3px;padding:16px;display:flex}.ap-stat:last-child{border-right:none}.ap-stat-num{font-size:18px;font-weight:700}.ap-stat-lbl{color:var(--muted);font-size:11px}.ap-stat-earn .ap-stat-num{color:var(--accent)}.ap-section{border-bottom:1px solid var(--border);padding:16px 20px}.ap-section:last-child{border-bottom:none}.ap-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}.ap-detail-row{border-bottom:1px solid color-mix(in srgb,var(--border)50%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:13px;display:flex}.ap-detail-row:last-child{border-bottom:none}.ap-detail-row span:first-child{color:var(--muted)}.ap-detail-row span:last-child{text-align:right;font-weight:500}.ap-status{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.ap-status-paid{color:#166534;background:#dcfce7}.ap-status-unpaid{color:#854d0e;background:#fef9c3}.ap-no-payout{color:var(--muted);margin:4px 0 0;font-size:12px}