body{background:#f8f7f4;color:#24322e}.customer-top{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e8df;gap:16px}.customer-top>a:last-child{font-size:14px;color:#536057}.portal{max-width:1240px;margin:32px auto 70px;display:grid;grid-template-columns:238px minmax(0,1fr);gap:32px;padding:0 24px}.portal-sidebar{min-width:0;align-self:start;position:sticky;top:24px}.identity{padding:8px 12px 25px;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.identity #avatar{width:50px;height:50px;display:grid;place-items:center;background:#e9eddf;color:#45634a;border-radius:50%;font-size:21px;font-weight:750;margin-bottom:10px}.identity small{font-size:12px;color:#68756d}.portal-sidebar nav{display:grid;gap:5px}.portal-sidebar nav a{color:#526158;text-decoration:none;padding:11px 13px;border-radius:8px;font-size:14px}.portal-sidebar nav a[aria-current=page]{background:#e9eddf;color:#314d39;font-weight:700}.portal-sidebar nav a:hover{background:#eef0e9}.portal-sidebar button{width:auto;font-size:14px;padding:9px 14px}.portal-main{min-width:0}.portal-main h1{font-size:34px;margin:5px 0 12px;letter-spacing:-.025em}.portal-main h2{font-size:20px;margin:0 0 12px}.eyebrow{color:#7e865a;font-size:11px;font-weight:750;letter-spacing:.15em;margin:7px 0}.muted{color:#6b756e;font-size:14px;line-height:1.7}.panel{background:#fff;border:1px solid #e3e6de;border-radius:14px;padding:25px;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0}.stats article{padding:22px;background:#fff;border:1px solid #e3e6de;border-radius:13px;display:grid;gap:12px}.stats span{font-size:12px;color:#69756c}.stats strong{font-size:28px;color:#37543b}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;background:#38573e;color:white;border-radius:7px;text-decoration:none;font-size:14px;font-weight:650;margin:5px 5px 5px 0}.action.secondary, .portal button.secondary{background:#fff;color:#38573e;border:1px solid #cdd6c6}.portal button{background:#38573e;border-color:#38573e;max-width:360px}.portal button:disabled{opacity:.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid button{height:fit-content;align-self:center}.item{padding:20px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}.item:last-child{border-bottom:0}.item h3{font-size:17px;margin:0 0 8px}.item p{margin:6px 0;font-size:14px}.item small{color:#6b756e}.badge{display:inline-block;font-size:11px;padding:4px 9px;border-radius:20px;background:#f4eddd;color:#725b23;text-transform:capitalize}.badge.confirmed,.badge.paid,.badge.delivered{background:#e7efdf;color:#38573e}.item-list .item{background:#fff;border:1px solid #e3e6de;border-radius:12px;margin:16px 0;padding:22px}.empty{padding:22px 0;color:#68756d;font-size:14px}.history{font-size:13px;padding-left:18px;max-height:340px;overflow:auto;overflow-wrap:anywhere}.history li{margin-bottom:12px}.danger{border-color:#e6c8bc}.danger summary{color:#9a3412;cursor:pointer;font-weight:650}.danger button{background:#9a3412;border-color:#9a3412}#status:empty{display:none}#status{font-size:14px;color:#38573e;margin:0 0 18px}.portal input{min-width:0}.portal [hidden]{display:none!important}.customer-admin{max-width:1240px;margin:30px auto;padding:0 24px}.customer-admin .toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.customer-admin .toolbar label{flex:1;min-width:180px}.customer-admin .toolbar button{width:auto;font-size:14px;padding:12px 16px}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid #e3e6de;border-radius:12px;background:#fff;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:14px 16px;border-bottom:1px solid #eee;vertical-align:top}th{background:#eef0e9;white-space:nowrap}td{overflow-wrap:anywhere;min-width:125px}td button{width:auto;font-size:12px;padding:6px 10px;margin:5px 0}.customer-admin h1{margin-bottom:8px}.customer-admin #admin-status{overflow-wrap:anywhere}.customer-admin pre{white-space:pre-wrap;font:13px/1.6 system-ui}.customer-admin input{width:100%}@media(max-width:800px){.portal{grid-template-columns:minmax(0,1fr);gap:15px;margin-top:20px;padding:0 16px}.portal-sidebar{position:static}.identity{padding:0 4px 14px}.identity #avatar{display:none}.portal-sidebar nav{display:flex;overflow:auto;white-space:nowrap;padding-bottom:8px}.portal-sidebar nav a{flex:0 0 auto}.portal-sidebar>button{margin:8px 0}.portal-main h1{font-size:28px}.stats{gap:8px}.stats article{padding:14px 10px}.stats strong{font-size:22px}.stats span{font-size:11px}.panel{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.customer-top{height:65px;padding:0 16px}.customer-top .brand{font-size:18px}.customer-top>a:last-child{font-size:12px}.customer-admin{padding:0 16px}.customer-admin .toolbar{display:block}}