:root{--ink:#111318;--muted:#667085;--surface:#f5f3ef;--card:#fff;--line:#e5e1da;--accent:#ff5f28;--accent-two:#ff3868;--green:#067647;--green-soft:#ecfdf3;--amber:#b54708;--amber-soft:#fffaeb;--red:#b42318;--red-soft:#fef3f2;--shadow:0 24px 60px rgba(17,19,24,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.portal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(17,19,24,.08);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1.05rem;font-weight:950;letter-spacing:-.03em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-two));font-size:.75rem}.brand span span{color:var(--accent)}.portal-nav{display:flex;align-items:center;gap:.35rem}.portal-nav a{padding:.7rem .9rem;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:850}.portal-nav a:hover,.portal-nav a[aria-current="page"]{background:#f1eee9}.portal-user{display:flex;align-items:center;gap:.7rem}.portal-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#14161b;font-size:.72rem;font-weight:950}.portal-user-copy{display:grid}.portal-user-copy strong{font-size:.8rem}.portal-user-copy small{color:var(--muted);font-size:.7rem}.logout{padding:.7rem .85rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}.portal-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:4.5rem 0 7rem}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.portal-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:2rem}.portal-hero h1{margin:.6rem 0 .8rem;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.92;letter-spacing:-.065em}.portal-hero p{max-width:680px;margin:0;color:var(--muted);line-height:1.7}.portal-hero-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-two));font-weight:900;text-decoration:none;box-shadow:0 14px 28px rgba(255,80,55,.2)}.portal-panel{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:1.2rem}.panel-head span{color:var(--muted);font-size:.8rem}.portal-list{display:grid}.portal-card{display:grid;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--line)}.portal-card:last-child{border-bottom:0}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-title{margin:0 0 .3rem;font-size:1.05rem}.card-subtitle{color:var(--muted);font-size:.78rem}.status{display:inline-flex;align-items:center;width:max-content;padding:.38rem .64rem;border-radius:999px;background:#f2f4f7;color:#475467;font-size:.7rem;font-weight:900;text-transform:capitalize}.status.green{background:var(--green-soft);color:var(--green)}.status.amber{background:var(--amber-soft);color:var(--amber)}.status.red{background:var(--red-soft);color:var(--red)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.metric{padding:.85rem;border-radius:16px;background:#f7f5f1}.metric span{display:block;margin-bottom:.25rem;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.metric strong{font-size:.9rem}.item-list{display:grid;gap:.5rem}.order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:14px}.order-item strong{font-size:.85rem}.order-item small{display:block;margin-top:.2rem;color:var(--muted)}.money{font-variant-numeric:tabular-nums;font-weight:950}.state{padding:3rem 1.5rem;text-align:center}.state-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:18px;background:#f3f0ea;font-size:1.6rem}.state h2{margin:.3rem 0 .5rem}.state p{max-width:560px;margin:.3rem auto 1.3rem;color:var(--muted);line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.1rem;border:0;border-radius:999px;color:#fff;background:#111318;font-weight:900;text-decoration:none;cursor:pointer}.notice{margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid #ffd0bd;border-radius:16px;background:#fff5f0;color:#7a3219;font-size:.82rem;line-height:1.55}.portal-footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.5rem max(1.25rem,calc((100vw - 1180px)/2));border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.76rem}.portal-footer nav{display:flex;gap:1rem}.portal-footer a{font-weight:800;text-decoration:none}.skeleton{height:140px;margin:1.2rem;border-radius:20px;background:linear-gradient(90deg,#f4f2ee 25%,#fbfaf8 50%,#f4f2ee 75%);background-size:200% 100%;animation:loading 1.3s infinite}@keyframes loading{to{background-position:-200% 0}}
@media(max-width:900px){.portal-nav{display:none}.portal-hero{grid-template-columns:1fr}.portal-hero-action{justify-self:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portal-header{padding:.8rem}.portal-user-copy{display:none}.logout{font-size:.72rem}.portal-main{width:min(100% - 1rem,1180px);padding:3rem 0 5rem}.portal-hero h1{font-size:3.2rem}.panel-head,.portal-card{padding:1rem}.metric-grid{grid-template-columns:1fr 1fr}.card-top{display:grid}.order-item{grid-template-columns:1fr}.portal-footer{padding:1.25rem}.portal-footer nav{flex-wrap:wrap}}

.portal-home-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:.75rem;font-weight:900;text-decoration:none;white-space:nowrap}
.portal-home-button:hover{border-color:var(--accent);color:var(--accent)}
html[data-theme="dark"] .portal-home-button{background:#151b24;border-color:var(--line);color:var(--ink)}
@media(max-width:760px){.portal-home-button{width:42px;padding:0;font-size:0}.portal-home-button::before{content:"←";font-size:1rem}}

/* Keep customer portal text and calls to action readable in both themes. */
.portal-panel,
.portal-card {
    color: var(--ink);
}

.portal-hero-action,
.button,
.portal-hero-action:visited,
.button:visited {
    color: #fff !important;
}