:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;color:#25242d;background:#f4f3f6;--paper:#fff;--soft:#eeebf7;--line:#ddd9e7;--muted:#777487;--accent:#66528f;--shadow:0 14px 36px #27203312}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(145deg,#f4f3f6 0%,#f1f4f7 48%,#eef1f2 100%)}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:inherit;border-radius:10px;min-height:44px;padding:10px 15px}button:disabled{opacity:.5;cursor:default}.portal{width:min(940px,100%);margin:auto;padding:32px 22px calc(58px + env(safe-area-inset-bottom))}.portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);margin:0 0 8px}.portal h1{font-size:34px;letter-spacing:-.8px;margin:0}.login-card{width:min(460px,100%);margin:9vh auto 12vh;padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--soft);color:var(--accent);font-weight:700;font-size:20px}.login-card h2{font-size:24px;margin:24px 0 8px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.login-card>p{margin:0 0 24px}label{display:grid;gap:7px;font-size:13px;color:var(--muted);margin:15px 0}input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbfbfd;color:inherit;padding:12px 13px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #66528f18}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.code-row label{min-width:0}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.secondary{color:var(--accent);background:var(--soft);white-space:nowrap}.ghost{background:transparent;border-color:transparent;color:var(--accent)}.small{font-size:12px;min-height:38px}.wide{width:100%;margin-top:10px}.form-message{min-height:21px;color:#b14b4b;font-size:13px;line-height:1.6;margin:12px 0 0}.welcome{display:flex;justify-content:space-between;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:17px 20px;margin-bottom:14px}.welcome span,.welcome strong{display:block}.welcome strong{font-size:16px;margin-top:3px}.filters{display:flex;gap:8px;margin-bottom:12px;overflow:auto}.filters button{min-width:72px;padding:9px 13px;white-space:nowrap}.filters button.active{background:var(--soft);color:var(--accent);border-color:#cfc5e8}.status-line{min-height:22px;margin:7px 2px}.order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-card{display:block;text-align:left;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 18px #27203308}.order-card:hover{border-color:#bdb1d9}.order-card-top,.order-card-total{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-id{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:12px;padding:5px 9px;background:var(--soft);color:var(--accent);border-radius:8px;white-space:nowrap}.badge.partial{background:#fff2df;color:#a76428}.order-card h3{font-size:18px;margin:22px 0 7px}.order-card-meta{color:var(--muted);font-size:13px;line-height:1.8}.order-card-total{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.order-card-total strong{font-size:20px}.detail-dialog{border:0;border-radius:20px;width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;background:var(--paper);color:inherit;box-shadow:0 25px 80px #15111d45}.detail-dialog::backdrop{background:#201a2b66}.detail-inner{padding:26px 24px 30px}.close{position:absolute;right:11px;top:9px;border:0;background:transparent;font-size:28px;color:var(--muted);padding:5px 10px}.detail-title{padding-right:35px}.detail-title h2{font-size:23px;margin:0 0 7px}.detail-title p{font-size:13px;color:var(--muted);margin:0}.detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#faf9fc;border-radius:12px;padding:14px;margin:20px 0;font-size:13px;line-height:1.7}.detail-info strong{display:block;font-weight:500}.detail-info span{color:var(--muted)}.detail-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.detail-section h3{font-size:15px;margin:0 0 13px}.detail-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-line:last-child{border-bottom:0}.detail-line strong{display:block;font-size:14px}.detail-line small{display:block;color:var(--muted);line-height:1.7;margin-top:3px}.detail-line>div:last-child{text-align:right;white-space:nowrap}.parcel{margin-top:9px;background:#f7f5fb;border-radius:9px;padding:8px 10px;color:var(--muted);font-size:12px;line-height:1.7}.parcel b{color:var(--ink)}.totals{text-align:right;line-height:1.9;color:var(--muted);font-size:13px}.totals strong{display:block;color:var(--ink);font-size:24px;margin-top:6px}footer{text-align:center;color:var(--muted);font-size:11px;margin-top:36px}@media(max-width:620px){.portal{padding:23px 15px 42px}.portal-head{margin-bottom:20px}.portal h1{font-size:28px}.login-card{margin:5vh auto 9vh;padding:25px 20px;border-radius:17px}.order-list{grid-template-columns:1fr}.detail-inner{padding:24px 17px 26px}.detail-info{grid-template-columns:1fr}.filters{margin-right:-15px;padding-right:15px}.order-card{padding:16px}}