@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#11172a;--muted:#707a90;--line:#e3e8f1;--bg:#f4f6fb;--card:#fff;--brand:#7357ff;--brand-soft:#efecff;--good:#16855f;--danger:#c44654}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}.customer-header{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:20}.customer-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.customer-brand img{border-radius:13px;box-shadow:0 8px 20px rgba(115,87,255,.2)}.customer-brand b,.customer-brand small{display:block}.customer-brand b{font:800 15px Manrope,sans-serif}.customer-brand small{font-size:8px;color:var(--muted);margin-top:2px}.customer-header>nav{display:flex;align-items:center;gap:8px}.customer-header>nav a{font-size:11px;font-weight:700;text-decoration:none;padding:10px 12px;border-radius:9px;color:#606a7f}.customer-header>nav a.active{background:var(--brand-soft);color:var(--brand)}.customer-header>nav .logout-link,.customer-header>nav .nav-register{background:var(--ink);color:#fff}.customer-mobile-menu{display:none;position:relative}.customer-mobile-menu summary{list-style:none;width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}.customer-mobile-menu summary::-webkit-details-marker{display:none}.customer-mobile-menu>div{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(24,31,53,.14);padding:8px;min-width:190px}.customer-mobile-menu a{display:block;text-decoration:none;font-size:12px;font-weight:700;padding:11px 12px;border-radius:8px}.customer-mobile-menu a:hover{background:var(--brand-soft)}
.customer-auth-wrap{min-height:calc(100vh - 142px);display:grid;grid-template-columns:1fr 490px;gap:65px;max-width:1120px;margin:auto;padding:72px 24px;align-items:center}.customer-auth-story{padding:45px 0}.portal-kicker{font-size:9px;font-weight:850;letter-spacing:.15em;color:var(--brand)}.customer-auth-story h1{font:800 48px/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 20px;max-width:570px}.customer-auth-story>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:580px}.portal-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.portal-benefits span{font-size:11px;font-weight:650;background:#fff;border:1px solid var(--line);padding:13px 14px;border-radius:11px}.customer-auth-card,.portal-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px rgba(27,34,56,.07)}.customer-auth-card{padding:34px}.mini-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:20px}.customer-auth-card h2{font:800 25px Manrope,sans-serif;letter-spacing:-.035em;margin:20px 0 5px}.customer-auth-card>p{font-size:12px;color:var(--muted);line-height:1.6}.customer-form{display:grid;gap:15px;margin-top:22px}.customer-form label{display:grid;gap:7px;font-size:10px;font-weight:750;color:#596379}.customer-form input,.customer-form select,.customer-form textarea{width:100%;border:1px solid #dce2ec;background:#fafbfe;color:var(--ink);border-radius:10px;padding:12px 13px;font:500 12px 'DM Sans',sans-serif;outline:0;transition:.2s}.customer-form textarea{resize:vertical;line-height:1.55}.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(115,87,255,.09);background:#fff}.customer-form label>small{font-size:8px;color:#8a93a5}.customer-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-button{border:0;border-radius:11px;padding:13px 17px;font:750 12px 'DM Sans',sans-serif;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.customer-button.primary{background:linear-gradient(135deg,var(--brand),#8d70ff);color:#fff;box-shadow:0 11px 24px rgba(115,87,255,.2)}.customer-button.subtle{background:var(--ink);color:#fff}.customer-button.danger{background:#fff0f2;color:var(--danger);border:1px solid #f3ccd2}.form-between{text-align:right;margin-top:-5px}.form-between a,.auth-switch a,.legal-note a{color:var(--brand);font-weight:750}.form-between a{font-size:10px}.auth-switch{text-align:center;margin:19px 0 0!important}.legal-note{text-align:center;font-size:8px!important}.check-line{display:flex!important;grid-template-columns:18px 1fr!important;align-items:flex-start}.check-line input{width:16px;height:16px;padding:0}.check-line span{font-size:9px;line-height:1.5}.single-auth{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:55px 20px}.single-auth .customer-auth-card{width:min(100%,480px)}.customer-alert{border-radius:11px;padding:12px 14px;font-size:10px;font-weight:650;margin:15px 0}.customer-alert.danger{background:#fff0f2;color:#a83746;border:1px solid #f2ced4}.customer-alert.success{background:#eaf9f3;color:#187352;border:1px solid #c9eddf}.customer-alert.warning{background:#fff8e7;color:#8c6818;border:1px solid #f2e1b5}
.customer-dashboard{max-width:1180px;margin:auto;padding:43px 24px 70px;min-height:calc(100vh - 142px)}.customer-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.customer-welcome h1{font:800 34px Manrope,sans-serif;letter-spacing:-.045em;margin:7px 0 3px}.customer-welcome p{font-size:12px;color:var(--muted);margin:0}.customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.customer-stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:13px}.customer-stats i{font-style:normal;width:41px;height:41px;display:grid;place-items:center;border-radius:11px;color:var(--brand);background:var(--brand-soft)}.customer-stats small,.customer-stats b{display:block}.customer-stats small{font-size:8px;color:var(--muted);margin-bottom:3px}.customer-stats b{font:800 18px Manrope,sans-serif}.customer-grid,.order-detail,.support-layout,.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-card{padding:22px}.portal-card.full{margin-bottom:16px}.portal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.portal-card h2{font:800 17px Manrope,sans-serif;letter-spacing:-.025em;margin:0}.portal-card header p{font-size:9px;color:var(--muted);margin:4px 0 0}.portal-card header>a{font-size:9px;color:var(--brand);font-weight:750;text-decoration:none}.portal-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:13px 2px;text-decoration:none}.portal-list-row.selected{background:var(--brand-soft);border-radius:10px;padding-inline:10px}.portal-list-row b,.portal-list-row small{display:block}.portal-list-row b{font-size:11px}.portal-list-row small{font-size:8px;color:var(--muted);margin-top:3px}.customer-badge{display:inline-flex;border-radius:20px;padding:5px 8px;font-size:7px;font-weight:800;background:#f0f2f6;color:#626d82;white-space:nowrap}.customer-badge.paid,.customer-badge.delivered,.customer-badge.resolved,.customer-badge.approved,.customer-badge.refunded,.customer-badge.replaced{background:#e7f8f1;color:#157552}.customer-badge.pending,.customer-badge.pending_confirmation,.customer-badge.processing,.customer-badge.in_progress,.customer-badge.requested,.customer-badge.unpaid{background:#fff6dd;color:#8c6814}.customer-badge.cancelled,.customer-badge.failed,.customer-badge.rejected,.customer-badge.closed{background:#fff0f2;color:#a73b49}.customer-badge.shipped,.customer-badge.confirmed{background:#eaf1ff;color:#3c67bd}.portal-empty{text-align:center;padding:35px 15px;color:var(--muted)}.portal-empty i{font-style:normal;font-size:25px;color:var(--brand)}.portal-empty h3{color:var(--ink);font-size:13px;margin:8px 0 4px}.portal-empty p{font-size:9px}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:760px}.responsive-table th{text-align:left;color:#8a93a5;font-size:8px;text-transform:uppercase;letter-spacing:.05em;padding:9px;border-bottom:1px solid var(--line)}.responsive-table td{font-size:9px;padding:13px 9px;border-bottom:1px solid var(--line)}.responsive-table td>a{color:var(--brand);font-weight:750}.order-detail{align-items:start}.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.order-meta span{padding:12px;border-radius:10px;background:var(--bg)}.order-meta small,.order-meta b{display:block}.order-meta small{font-size:7px;color:var(--muted);margin-bottom:4px}.order-meta b{font-size:10px}.order-items>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:10px}.order-items small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.order-total{display:flex;justify-content:space-between;border-top:2px solid var(--ink);padding-top:14px;font-size:13px}.portal-card address{font-style:normal;background:var(--bg);padding:13px;border-radius:10px;font-size:9px;line-height:1.6;margin-top:17px}.portal-card address small{display:block;color:var(--muted);margin-bottom:5px}.action-card>h2{margin-bottom:10px}.customer-form.divided{border-top:1px solid var(--line);padding-top:20px}.ticket-thread{margin-top:16px}.thread{display:grid;gap:10px}.thread-message{max-width:75%;border-radius:12px;padding:12px;background:var(--bg)}.thread-message.mine{margin-left:auto;background:var(--brand);color:#fff}.thread-message small{font-size:7px;opacity:.7}.thread-message p{font-size:10px;line-height:1.55;margin:5px 0}.thread-reply{border-top:1px solid var(--line);padding-top:17px}.customer-footer{min-height:66px;background:#fff;border-top:1px solid var(--line);padding:18px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.customer-footer nav{display:flex;gap:18px}.customer-footer a{text-decoration:none;font-weight:700;color:#596379}
@media(max-width:900px){.customer-auth-wrap{grid-template-columns:1fr;gap:20px;padding-top:45px}.customer-auth-story{padding:0}.customer-auth-story h1{font-size:39px}.customer-stats{grid-template-columns:1fr 1fr}.customer-grid,.order-detail,.support-layout,.profile-layout{grid-template-columns:1fr}.customer-header>nav{display:none}.customer-mobile-menu{display:block}}
@media(max-width:580px){.customer-header{height:68px;padding:0 14px}.customer-dashboard{padding:28px 14px 55px}.customer-auth-wrap{padding:37px 14px 55px}.customer-auth-story h1{font-size:34px}.customer-auth-story>p{font-size:14px}.portal-benefits{grid-template-columns:1fr}.customer-auth-card{padding:24px 19px;border-radius:18px}.customer-two{grid-template-columns:1fr}.customer-welcome{display:grid;gap:15px}.customer-welcome h1{font-size:29px}.customer-welcome .customer-button{justify-self:start}.customer-stats{gap:8px}.customer-stats article{padding:13px 10px}.customer-stats i{width:35px;height:35px}.customer-stats b{font-size:14px}.portal-card{padding:17px;border-radius:17px}.order-meta{grid-template-columns:1fr}.thread-message{max-width:90%}.customer-footer{display:grid;padding:22px 15px}.customer-footer nav{flex-wrap:wrap}}