.customer-portal-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 72px;color:#f5f6f8}
.customer-portal-page .kicker{margin:0 0 9px;color:#ff565d;letter-spacing:.16em;font-weight:800;font-size:.72rem}
.portal-notice,.portal-error{display:flex;align-items:center;gap:9px;width:min(760px,100%);margin:0 auto 18px;padding:14px 16px;border-radius:14px;font-weight:700}
.portal-notice{background:#0d2a20;border:1px solid #1dc27e;color:#d8ffec}.portal-error{background:#321317;border:1px solid #e9555c;color:#ffe3e4}
.portal-access-card{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;min-height:470px;padding:clamp(28px,5vw,64px);border:1px solid #363941;border-radius:28px;background:radial-gradient(circle at 83% 14%,rgba(240,31,43,.3),transparent 30%),linear-gradient(135deg,#111318,#090a0d 70%);overflow:hidden}
.portal-access-copy{align-self:center;max-width:610px}.portal-access-copy h1,.portal-dashboard-head h1{margin:0;font-size:clamp(2.2rem,5.2vw,4.5rem);line-height:.96;letter-spacing:-.055em;color:#fff}.portal-access-copy h1 em{font-style:normal;color:#f13640}.portal-access-copy>p{max-width:560px;margin:23px 0;color:#c2c6ce;font-size:1.08rem;line-height:1.65}.portal-access-copy ul{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none;color:#e6e7eb}.portal-access-copy li{display:flex;gap:10px;align-items:flex-start}.portal-access-copy li:before{content:'✓';display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;margin-top:2px;border-radius:50%;background:#1ecd85;color:#071711;font-weight:900;font-size:.72rem}
.portal-access-form{align-self:center;display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid #474a52;border-radius:21px;background:rgba(20,22,28,.88);box-shadow:0 20px 45px rgba(0,0,0,.24)}.portal-lock{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ef303c;color:#fff;font-size:1.28rem}.portal-access-form h2{margin:3px 0 0;font-size:1.35rem}.portal-access-form p{margin:0 0 8px;color:#aeb3bd;line-height:1.5}.portal-access-form label{display:grid;gap:7px;color:#f1f2f4;font-size:.87rem;font-weight:700}.portal-access-form input{width:100%;box-sizing:border-box;min-height:48px;padding:0 13px;border:1px solid #4b4f58;border-radius:11px;background:#0b0d12;color:#fff;font:inherit}.portal-access-form input:focus{outline:2px solid #ef303c;border-color:#ef303c}.portal-access-form button{min-height:48px}.portal-access-form small{color:#a2a8b3;line-height:1.45}
.portal-help-card{display:flex;align-items:center;gap:14px;margin-top:18px;padding:19px 23px;border:1px solid #30343c;border-radius:17px;background:#111318}.portal-help-card>div{display:grid;gap:4px;margin-right:auto}.portal-help-card b{font-size:.96rem}.portal-help-card span{color:#aeb3bd;font-size:.88rem}.portal-help-card a{white-space:nowrap}
.portal-dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 28px}.portal-dashboard-head h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.045em}.portal-dashboard-head p:not(.kicker){margin:10px 0 0;color:#aeb4be}.portal-logout{min-height:42px;padding:0 15px;border:1px solid #494e58;border-radius:10px;background:transparent;color:#e4e6ea;font:inherit;font-weight:700;cursor:pointer}.portal-logout:hover{border-color:#ff5961;color:#fff}
.portal-tabs{display:flex;gap:10px;margin-bottom:19px;overflow:auto;padding-bottom:2px}.portal-tabs a{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #3a3e46;border-radius:999px;background:#13151a;color:#dde0e6;text-decoration:none;font-weight:800;white-space:nowrap}.portal-tabs a:hover{border-color:#ea3640;color:#fff}.portal-tabs b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 4px;border-radius:50%;background:#ef303c;color:#fff;font-size:.75rem}
.portal-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:42px}.portal-summary-grid article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #30343b;border-radius:15px;background:#111318}.portal-summary-grid article>span{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#291b20;color:#ff5a63;font-size:1.2rem}.portal-summary-grid div{display:grid;gap:2px}.portal-summary-grid b{color:#fff;font-size:1.05rem}.portal-summary-grid small{color:#aeb4bd;font-size:.76rem}
.portal-section{scroll-margin-top:20px;margin-top:42px}.portal-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.portal-section-head h2{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.035em}.portal-section-head>a,.portal-inline-link{color:#ff656d;text-decoration:none;font-weight:800}.portal-section-head>a:hover,.portal-inline-link:hover{text-decoration:underline}.portal-inline-link{display:inline-block;margin-top:16px}
.portal-records{display:grid;gap:13px}.portal-record{overflow:hidden;border:1px solid #30343c;border-radius:17px;background:#111318}.portal-record[open]{border-color:#565b67}.portal-record summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:14px 17px;cursor:pointer;list-style:none}.portal-record summary::-webkit-details-marker{display:none}.portal-record-main{display:flex;align-items:center;gap:13px;min-width:0}.portal-record-icon{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:13px;background:#27191e;color:#ff5962;font-size:1.26rem}.repair-record .portal-record-icon{background:#192721;color:#2ad58c}.portal-record-main div{display:grid;gap:3px;min-width:0}.portal-record-main small{overflow:hidden;color:#aeb4bd;font-size:.71rem;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.portal-record-main b{overflow:hidden;color:#f5f6f8;text-overflow:ellipsis;white-space:nowrap}.portal-record-state{display:flex;align-items:center;gap:11px}.portal-chevron{color:#a5abb5;font-size:1.25rem;transition:transform .18s}.portal-record[open] .portal-chevron{transform:rotate(180deg)}.portal-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#272b33;color:#d5d9df;font-size:.75rem;font-weight:800;text-align:center}.portal-status.is-paid,.portal-status.is-ready,.portal-status.is-delivered{background:#113b2b;color:#8cf4bf}.portal-status.is-processing,.portal-status.is-reviewing,.portal-status.is-in_repair{background:#173653;color:#97d5ff}.portal-status.is-pending,.portal-status.is-new,.portal-status.is-quoted,.portal-status.is-approved{background:#4b3218;color:#ffc76e}.portal-status.is-shipped,.portal-status.is-in_route{background:#31245a;color:#c8b3ff}.portal-status.is-cancelled{background:#451d24;color:#ffadb2}
.portal-record-body{display:grid;gap:20px;padding:3px 17px 22px;border-top:1px solid #282b32}.portal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px}.portal-meta span{display:grid;gap:3px;color:#f0f2f5;font-size:.9rem}.portal-meta b,.portal-products>b,.portal-shipment b,.portal-timeline>b,.portal-diagnosis>b,.portal-evidence>b{color:#9fa6b2;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.portal-products{display:grid;gap:8px;padding:15px;border-radius:13px;background:#0c0e12}.portal-products>div{display:flex;justify-content:space-between;gap:10px;color:#e6e8eb;font-size:.9rem}.portal-products small{color:#a5abb5}.portal-products strong{white-space:nowrap;color:#fff}.portal-shipment{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #343944;border-radius:13px;background:#111923}.portal-shipment>div{display:grid;gap:4px}.portal-shipment>div>b{color:#e7ecf2;font-size:.92rem;text-transform:none;letter-spacing:0}.portal-shipment span{color:#b7c8d8;font-size:.85rem}.portal-shipment small{color:#a1b2c0}.portal-shipment a{white-space:nowrap}
.portal-timeline{display:grid;gap:0;padding-top:2px}.portal-timeline>b{margin-bottom:11px}.portal-timeline article{position:relative;display:grid;grid-template-columns:19px 1fr;gap:9px;min-height:52px}.portal-timeline article:not(:last-child):before{content:'';position:absolute;top:17px;bottom:-1px;left:7px;width:1px;background:#3c414a}.portal-timeline i{position:relative;z-index:1;display:block;width:15px;height:15px;margin-top:3px;border:3px solid #111318;border-radius:50%;background:#69717e}.portal-timeline i.is-paid,.portal-timeline i.is-ready,.portal-timeline i.is-delivered{background:#22c97d}.portal-timeline i.is-processing,.portal-timeline i.is-reviewing,.portal-timeline i.is-in_repair{background:#4ea7ff}.portal-timeline i.is-pending,.portal-timeline i.is-new,.portal-timeline i.is-quoted,.portal-timeline i.is-approved{background:#f1aa42}.portal-timeline i.is-shipped,.portal-timeline i.is-in_route{background:#9c7df1}.portal-timeline i.is-cancelled{background:#ef5560}.portal-timeline strong{display:block;color:#e8ebef;font-size:.9rem}.portal-timeline p{margin:4px 0;color:#b5bbc5;font-size:.87rem;line-height:1.45}.portal-timeline small{display:block;margin-top:4px;color:#858c98;font-size:.74rem}
.portal-diagnosis{padding:15px;border-left:3px solid #23c982;border-radius:0 13px 13px 0;background:#10241d}.portal-diagnosis p{margin:7px 0 0;color:#d5e9df;line-height:1.56}.portal-evidence{display:grid;gap:10px}.portal-evidence-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.portal-evidence-grid article{display:grid;flex:0 0 176px;gap:7px;overflow:hidden;border:1px solid #363b44;border-radius:12px;background:#0b0d11}.portal-evidence-grid img,.portal-evidence-grid video{width:100%;height:128px;object-fit:cover;background:#050608}.portal-evidence-grid small{padding:0 9px 10px;color:#bcc2ca;font-size:.72rem;line-height:1.36}
.portal-empty{display:grid;justify-items:start;gap:9px;padding:31px;border:1px dashed #404651;border-radius:17px;background:#101217}.portal-empty>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#27191e;color:#ff5b64;font-size:1.3rem}.portal-empty h3{margin:3px 0 0;color:#f3f4f6}.portal-empty p{max-width:600px;margin:0;color:#afb5be;line-height:1.55}.portal-empty a{margin-top:6px}
.repair-success-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.portal-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media (max-width:820px){.customer-portal-page{width:min(100% - 24px,1180px);padding-top:25px}.portal-access-card{grid-template-columns:1fr;gap:24px;padding:28px 22px;border-radius:20px}.portal-help-card{align-items:flex-start;flex-wrap:wrap;padding:17px}.portal-help-card>div{flex-basis:100%}.portal-dashboard-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.portal-summary-grid{grid-template-columns:1fr;gap:9px;margin-bottom:32px}.portal-section{margin-top:33px}.portal-meta{grid-template-columns:1fr 1fr}.portal-meta span:last-child{grid-column:1/-1}.portal-record summary{padding:13px}.portal-record-state{gap:7px}.portal-status{max-width:125px;padding:5px 8px;line-height:1.15}.portal-record-body{padding:3px 13px 18px}.portal-shipment{align-items:flex-start;flex-direction:column}.portal-evidence-grid article{flex-basis:155px}.portal-access-copy>p{font-size:1rem}}
@media (max-width:470px){.portal-access-copy h1{font-size:2.45rem}.portal-access-form{padding:20px}.portal-record-main{gap:10px}.portal-record-icon{flex-basis:36px;width:36px;height:36px}.portal-record-main b{font-size:.87rem}.portal-record-state .portal-status{font-size:.68rem}.portal-chevron{display:none}.portal-meta{grid-template-columns:1fr}.portal-meta span:last-child{grid-column:auto}.portal-products>div{align-items:flex-start;flex-direction:column;gap:2px}.portal-products strong{font-size:.85rem}.portal-help-card a{width:100%;text-align:center}.portal-section-head{align-items:flex-start;flex-direction:column;gap:7px}.portal-section-head h2{font-size:1.65rem}}