:root{--red:#b82332;--ink:#202b36;--muted:#617181;--line:#e3e8ec;--surface:#f4f6f8;--radius:14px}
*{box-sizing:border-box}body.portal{margin:0;background:var(--surface);color:var(--ink);font:16px/1.55 "Segoe UI",Arial,sans-serif}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2775a6;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.4px;margin-bottom:16px}h3{font-size:18px}p:last-child{margin-bottom:0}small,.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:700;color:var(--red);margin-bottom:12px}.portal-header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;padding:22px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:13px}.brand img{width:172px;max-height:70px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:22px}.portal-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:600}.portal-header nav a{color:var(--ink)}.portal-header nav form{margin:0}.text-button{border:0;background:transparent;color:var(--red);padding:6px;cursor:pointer;font-weight:600}.portal-main{max-width:1280px;margin:auto;padding:44px 32px 64px;min-height:calc(100vh - 183px)}.portal-footer{border-top:1px solid var(--line);max-width:1216px;margin:auto;display:flex;justify-content:space-between;gap:24px;padding:24px 0;color:var(--muted);font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 3px 14px #202b3604}.stack{display:flex;flex-direction:column;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:7px;padding:12px 20px;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap;text-decoration:none}.button:hover{text-decoration:none}.primary{background:var(--red);color:white}.primary:hover{background:#991c29}.secondary{background:white;color:var(--ink);border-color:#ced6de}.secondary:hover{background:#f5f7f9}.compact{font-size:13px;padding:8px 12px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd4dd;border-radius:7px;min-height:46px;padding:10px 12px;color:var(--ink);background:white}.field textarea{resize:vertical}.password-field{display:flex;align-items:center;border:1px solid #cbd4dd;border-radius:7px;overflow:hidden}.password-field input{border:0;min-width:0}.password-field .text-button{margin:0 8px;font-size:13px}.quiet-link{font-size:14px}.notice{border:1px solid #e7d9b2;background:#fff9e9;color:#70541a;border-radius:8px;padding:16px 20px;margin-bottom:24px;font-size:14px}.notice.error{border-color:#e8b8c0;background:#fff1f3;color:#932234}.notice.success{border-color:#a8d9bf;background:#edf9f2;color:#276444}.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;max-width:1030px;margin:40px auto;gap:96px;align-items:center}.auth-intro h1{font-size:49px;line-height:1.13;max-width:500px;letter-spacing:-1.9px}.auth-intro>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:440px}.auth-card{padding:36px}.auth-card h2{font-size:28px;margin-bottom:8px}.auth-card>.muted{margin-bottom:28px}.auth-card .notice{margin-top:20px}.auth-points{display:flex;gap:24px;border-top:1px solid #dbe1e6;padding-top:25px;margin-top:40px;color:var(--red);font-size:12px}.auth-points strong{display:block;color:var(--ink);font-size:14px;margin-top:8px}.auth-register{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;font-size:14px}.auth-register p{color:var(--muted);margin:6px 0 18px}.auth-register .button{width:100%}.recovery-card{max-width:540px;margin:48px auto}.page-heading{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:30px}.page-heading p{margin-bottom:0}.heading-actions{display:flex;gap:18px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px}.stat-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;color:var(--ink);display:flex;flex-direction:column;text-decoration:none}.stat-card:hover,.stat-card.selected{border-color:var(--red);text-decoration:none}.stat-card>span{font-size:14px;font-weight:600}.stat-card>strong{font-size:33px;margin:6px 0}.stat-card small{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading h2{margin:0}.filter-form{display:flex;gap:14px;align-items:flex-end;margin-bottom:26px}.search-field{flex:1}.filter-form select{min-width:180px}.table-scroll{overflow-x:auto}.order-table{width:100%;border-collapse:collapse;font-size:14px}.order-table th{text-align:left;background:#f7f9fa;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.order-table td{padding:20px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.order-table td small{display:block;color:var(--muted);margin-top:4px}.order-table tr:last-child td{border-bottom:0}.order-table .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.order-link{font-weight:700;color:var(--ink)}.status{display:inline-block;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700;white-space:nowrap}.status-waiting{background:#fff3d4;color:#815d16}.status-making{background:#eaf1fd;color:#2c599a}.status-shipped{background:#e8f6ee;color:#297049}.status-cancelled{background:#f0f1f4;color:#656c79}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);margin-top:16px}.pagination>div{display:flex;gap:10px}.empty-state{text-align:center;padding:50px 24px;color:var(--muted)}.empty-state h3{color:var(--ink)}.back-link{display:inline-block;font-size:14px;margin-bottom:24px}.detail-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:24px}.detail-layout>.stack,.detail-layout>aside{min-width:0}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.address-grid p{font-size:14px}.totals{max-width:330px;margin:26px 0 0 auto}.totals>div{display:flex;justify-content:space-between;gap:24px;margin-bottom:10px;font-size:14px}.totals dd{margin:0;font-variant-numeric:tabular-nums}.totals .total{font-size:18px;font-weight:700;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.progress-list{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:22px}.progress-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#87919c}.progress-list span{width:28px;height:28px;border-radius:50%;background:#f0f2f4;display:grid;place-items:center;font-size:12px}.progress-list .reached{color:var(--ink)}.progress-list .reached span{color:white;background:var(--red)}.activity-list{list-style:none;padding:0;font-size:13px}.activity-list li{border-top:1px solid var(--line);padding:13px 0}.activity-list small{display:block;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{display:block;padding:12px;background:white}
@media(max-width:1000px){.header-inner{align-items:flex-start}.brand span{display:none}.portal-header nav{gap:16px}.auth-layout{gap:40px}.auth-intro h1{font-size:40px}.stats-grid{gap:12px}.stat-card{padding:18px}.detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}}
@media(max-width:720px){.header-inner{padding:18px 20px;flex-wrap:wrap;gap:18px}.brand img{width:145px}.portal-header nav{width:100%;gap:12px 18px;font-size:13px}.portal-main{padding:28px 18px 44px}.portal-footer{padding:22px 18px;flex-direction:column;gap:8px}.auth-layout{grid-template-columns:1fr;margin:8px auto;gap:28px}.auth-intro h1{font-size:34px;max-width:440px}.auth-intro>p:not(.eyebrow){font-size:16px}.auth-points{display:none}.auth-card,.card{padding:22px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:30px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-card{padding:16px}.stat-card small{display:none}.filter-form{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-form>.field:not(.search-field){flex:1}.filter-form select{min-width:0}.detail-layout,.address-grid{grid-template-columns:1fr}.order-table{min-width:640px}.item-table{min-width:570px}.order-table td{padding:16px 12px}.order-table th{padding:12px}.orders-card{padding:20px 14px}.heading-actions{flex-wrap:wrap}.recovery-card{margin:10px auto}.auth-intro .eyebrow{font-size:11px}.pagination{gap:8px}.button{min-height:42px}.activity-list strong{overflow-wrap:anywhere}}
@media print{body.portal{background:white;font-size:12px}.portal-header,.portal-footer,.back-link,.heading-actions button,.status-form,aside form,.filter-form,.skip-link{display:none!important}.portal-main{max-width:none;padding:0}.detail-layout{display:block}.card{box-shadow:none;border-radius:0;break-inside:avoid;margin:12px 0;padding:16px}.detail-layout>aside .card:not(:first-child){display:none}.table-scroll{overflow:visible}.order-table{min-width:0;width:100%}.page-heading h1{font-size:25px}.address-grid{grid-template-columns:1fr 1fr}.notice{display:none}}