.atp-portal{--atp-primary:#6366f1;--atp-text:#172033;--atp-muted:#64748b;--atp-border:#e2e8f0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--atp-text);max-width:1100px;margin:0 auto;padding:24px 16px;box-sizing:border-box}.atp-portal *{box-sizing:border-box}.atp-portal button,.atp-portal input,.atp-portal select,.atp-portal textarea{font:inherit}.atp-view[hidden],.atp-modal[hidden]{display:none!important}.atp-login-view{min-height:75vh;display:grid;place-items:center}.atp-login-shell{width:min(100%,440px);text-align:center}.atp-logo{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 18px;border-radius:24px;background:color-mix(in srgb,var(--atp-primary) 13%,white);color:var(--atp-primary);font-size:32px}.atp-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--atp-primary);font-weight:800;font-size:12px;margin:0 0 6px}.atp-login-shell h1{font-size:clamp(30px,5vw,44px);margin:0}.atp-lead{color:var(--atp-muted);line-height:1.6;margin:8px 0 24px}.atp-panel{background:#fff;border:1px solid var(--atp-border);border-radius:24px;padding:24px;box-shadow:0 16px 44px rgba(15,23,42,.06)}.atp-login-form{text-align:left;display:grid;gap:17px}.atp-portal label{display:grid;gap:7px;font-size:13px;font-weight:750}.atp-portal input,.atp-portal select,.atp-portal textarea{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 13px;background:#fff;color:var(--atp-text)}.atp-portal input:focus,.atp-portal select:focus,.atp-portal button:focus-visible{outline:3px solid color-mix(in srgb,var(--atp-primary) 28%,transparent);outline-offset:2px;border-color:var(--atp-primary)}.atp-pin-row{display:flex;gap:8px}.atp-pin{letter-spacing:.5em;font-size:20px;font-weight:800}.atp-primary-button,.atp-secondary-button,.atp-icon-button{border:0;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:800;cursor:pointer}.atp-primary-button{background:var(--atp-primary);color:#fff}.atp-secondary-button,.atp-icon-button{background:#f1f5f9;color:#334155}.atp-primary-button:hover{filter:brightness(.92)}.atp-primary-button:disabled{opacity:.65;cursor:wait}.atp-help{font-size:12px;color:var(--atp-muted);text-align:center;margin:0}.atp-user-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.atp-user-header h2{font-size:30px;margin:0}.atp-user-header p{margin:3px 0;color:var(--atp-muted)}.atp-dashboard-view{display:grid;gap:20px}.atp-dashboard-grid{display:grid;grid-template-columns:minmax(250px,.8fr) 2fr;gap:20px}.atp-panel h3{margin:0 0 18px;font-size:18px}.atp-progress-panel{text-align:center}.atp-progress-ring{--progress:0deg;width:150px;height:150px;margin:10px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--atp-primary) var(--progress),#e8eef2 0);position:relative}.atp-progress-ring:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.atp-progress-ring span{position:relative;font-size:30px;font-weight:900}.atp-milestone{color:var(--atp-muted);line-height:1.5;margin:0}.atp-money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.atp-money-grid div,.atp-info-grid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:15px}.atp-money-grid span,.atp-info-grid span{display:block;color:var(--atp-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin-bottom:5px}.atp-money-grid strong{font-size:20px}.atp-summary-panel .atp-primary-button{width:100%;margin-top:14px}.atp-pending-banner,.atp-credit-banner{padding:11px 13px;border-radius:11px;font-size:13px;font-weight:750;margin-top:10px}.atp-pending-banner{background:#fff7ed;color:#9a3412}.atp-credit-banner{background:#ecfdf5;color:#047857}.atp-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.atp-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.atp-section-title h2,.atp-section-title h3{margin:0}.atp-section-title p{margin:4px 0 15px;color:var(--atp-muted);font-size:13px}.atp-payment-list{display:grid;gap:10px}.atp-payment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--atp-border);border-radius:14px}.atp-payment-item div{display:grid;gap:3px}.atp-payment-item span,.atp-payment-item small{color:var(--atp-muted);font-size:12px}.atp-status{border-radius:999px;padding:6px 10px!important;font-weight:800;white-space:nowrap}.atp-status.pending{background:#fff7ed;color:#9a3412}.atp-status.approved{background:#ecfdf5;color:#047857}.atp-status.rejected{background:#fef2f2;color:#b91c1c}.atp-empty{text-align:center;color:var(--atp-muted);padding:25px}.atp-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px}.atp-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.66);backdrop-filter:blur(3px)}.atp-modal-card{position:relative;background:#fff;border-radius:24px;padding:24px;width:min(100%,620px);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.25)}.atp-modal-card>p{color:var(--atp-muted);margin-top:8px}.atp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.atp-payment-form{display:grid;gap:16px}.atp-payment-form small{color:var(--atp-muted);font-weight:500}.atp-modal-actions{display:flex;justify-content:flex-end;gap:10px}.atp-toast-region{position:fixed;top:28px;right:24px;z-index:100001;display:grid;gap:8px;width:min(380px,calc(100vw - 32px))}.atp-toast{background:#334155;color:#fff;border-radius:12px;padding:13px 16px;box-shadow:0 12px 30px rgba(15,23,42,.2);font-weight:700;font-size:13px}.atp-toast.success{background:#047857}.atp-toast.error{background:#b91c1c}
.atp-login-form label small{color:var(--atp-muted);font-weight:500}
@media(max-width:760px){.atp-portal{padding:16px 12px}.atp-dashboard-grid{grid-template-columns:1fr}.atp-money-grid{grid-template-columns:1fr}.atp-info-grid{grid-template-columns:1fr 1fr}.atp-user-header{align-items:flex-start}.atp-user-header h2{font-size:25px}.atp-panel{padding:18px;border-radius:18px}.atp-form-grid{grid-template-columns:1fr}.atp-payment-item{align-items:flex-start}.atp-modal-actions>*{flex:1}}
@media(max-width:480px){.atp-info-grid{grid-template-columns:1fr}.atp-user-header{flex-direction:column}.atp-user-header .atp-secondary-button{align-self:flex-end}.atp-section-title{align-items:center}.atp-payment-item{flex-direction:column}.atp-status{align-self:flex-start}.atp-toast-region{right:16px;top:16px}}

.atp-message-form{display:grid;gap:10px;margin:14px 0}.atp-message-item,.atp-event-item{border:1px solid var(--atp-border);border-radius:13px;padding:13px;margin-top:9px}.atp-message-item p{white-space:pre-wrap;margin:7px 0}.atp-message-item small,.atp-event-item span,.atp-event-item small{color:var(--atp-muted);font-size:11px}.atp-event-item strong,.atp-event-item span,.atp-event-item small{display:block}.atp-event-item span{margin:5px 0}
.atp-message-alert{position:relative;width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #fecdd3;border-radius:20px;padding:16px 18px;background:linear-gradient(110deg,#fff1f2,#f5f3ff);color:var(--atp-text);cursor:pointer;box-shadow:0 12px 30px rgba(99,102,241,.1)}.atp-message-alert[hidden]{display:none}.atp-message-alert-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:#fff;font-size:21px}.atp-message-alert>span:nth-child(2){display:block}.atp-message-alert strong{font-size:22px}.atp-message-alert small{display:block;margin-top:3px;color:var(--atp-muted);font-size:12px}.atp-message-alert-dot{position:absolute;right:16px;top:14px;width:10px;height:10px;border-radius:50%;background:#fb7185;box-shadow:0 0 0 5px #ffe4e6}.atp-messages-panel{scroll-margin-top:20px}
.atp-dashboard-tabs{display:flex;gap:8px;padding:6px;border:1px solid var(--atp-border);border-radius:18px;background:#fff;overflow-x:auto;box-shadow:0 10px 30px rgba(15,23,42,.04)}.atp-dashboard-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:128px;min-height:48px;padding:9px 14px;border:0;border-radius:13px;background:transparent;color:#64748b;font-weight:800;cursor:pointer;white-space:nowrap}.atp-dashboard-tabs button span{font-size:18px;color:#818cf8}.atp-dashboard-tabs button:hover{background:#f8fafc;color:#334155}.atp-dashboard-tabs button.active{background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#4f46e5}.atp-tab-count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#fb7185;color:#fff;font-size:11px}.atp-tab-count[hidden]{display:none}.atp-dashboard-section{display:grid;gap:20px}.atp-dashboard-section[hidden]{display:none}
@media(max-width:760px){.atp-dashboard-tabs{margin:0 -2px;padding:5px}.atp-dashboard-tabs button{min-width:94px;min-height:52px;flex-direction:column;gap:2px;padding:7px 10px;font-size:11px}.atp-dashboard-tabs button span{font-size:17px}.atp-tab-count{position:absolute;right:8px;top:5px}}