.auth-page { margin:0; min-height:100vh; box-sizing:border-box; padding:clamp(24px,8vh,90px) 16px 24px; background:radial-gradient(ellipse at 90% 0%,#e9efce,transparent 55%),#f5f0e4; color:#314033; font:14px/1.6 "Microsoft YaHei UI",system-ui,sans-serif; }
.auth-card { box-sizing:border-box; width:min(100%,430px); margin:auto; padding:30px; background:#fffdf7; border:1px solid #e1dcc9; border-radius:18px; box-shadow:0 12px 45px #474c3010; }
.auth-brand { display:flex; align-items:center; gap:12px; margin-bottom:26px; }
.auth-brand img { border-radius:14px; object-fit:cover; border:1px solid #ede3cf; }
.auth-brand strong,.auth-brand span { display:block; }
.auth-brand strong { font-size:21px; }.auth-brand span { color:#7a806d; font-size:12px; }
.auth-card h1 { font-size:24px; margin:0 0 5px; }.auth-subtitle { color:#737966; margin:0 0 22px; }
.auth-page label { display:grid; gap:6px; margin-bottom:16px; font-weight:600; }
.auth-page input { box-sizing:border-box; width:100%; min-height:44px; border:1px solid #d6d9c8; border-radius:8px; padding:9px 12px; font:inherit; background:white; color:#25372b; }
.auth-page input:focus { outline:2px solid #88a873; outline-offset:1px; }
.auth-page .button { box-sizing:border-box; width:100%; display:block; text-align:center; border:1px solid #cfd7bf; border-radius:8px; background:#f8f9f2; padding:11px 16px; font:600 14px inherit; cursor:pointer; color:#375235; text-decoration:none; margin-top:12px; }
.auth-page .primary { background:#4e7341; border-color:#4e7341; color:white; }.auth-page button:disabled { opacity:.65; cursor:wait; }
.auth-tip,.auth-foot { font-size:12px; color:#7a806d; }.auth-tip { margin:14px 0 0; }.auth-foot { text-align:center; margin:20px 0; }
.account-error { background:#fff0eb; border:1px solid #ebc3b6; padding:10px 12px; border-radius:8px; color:#974d31; margin-bottom:16px; }
.account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)); gap:14px; }
.account-card { padding:18px; min-width:0; }.account-title { display:flex; justify-content:space-between; align-items:start; gap:12px; }.account-title h2 { margin:0 0 4px; }
.account-query-label { display:grid; gap:4px; margin:18px 0; color:#71816b; font-size:12px; }
.account-query-label a,.account-query-link { overflow-wrap:anywhere; color:#3e6a41; }
.account-actions { display:flex; flex-wrap:wrap; gap:8px; }.account-actions form { margin:0; }
.account-create { margin-bottom:16px; }.account-create>summary { padding:14px 18px; font-weight:600; cursor:pointer; }
.reset-password { margin-top:16px; font-size:12px; }.reset-password>summary { cursor:pointer; color:#6d7567; }.reset-password form { display:grid; gap:10px; padding-top:12px; }
.account-nav { display:flex; align-items:center; gap:8px; font-size:12px; flex-shrink:0; }.account-nav form { margin:0; }
.readonly-banner { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; padding:12px 16px; margin-bottom:14px; border:1px solid #dbbc64; background:#fff5cf; border-radius:8px; color:#6b5420; }
.readonly-banner form { margin:0; }.readonly-banner small { display:block; }
body[data-read-only="true"] [data-action], body[data-read-only="true"] [data-open], body[data-read-only="true"] .bulk-controls, body[data-read-only="true"] .order-check-cell, body[data-read-only="true"] a[href="/subscriptions/new"], body[data-read-only="true"] .secondary-actions, body[data-read-only="true"] a[href^="/export/"], body[data-read-only="true"] a[href$="/txt"] { display:none!important; }
body[data-read-only="true"] .card-actions { grid-template-columns:1fr; }
@media(max-width:760px) {
  .topbar { flex-wrap:wrap; }.account-nav { margin-left:auto; }.account-nav .button { min-height:34px; }
  .workspace,.dashboard-bottom,.dashboard-bottom>.panel,.delivery-card,.history-summary>.panel { min-width:0; }
  .dashboard-bottom .table-wrap { max-width:100%; }.dashboard-bottom table { width:100%; min-width:0; table-layout:fixed; }
  .dashboard-bottom th,.dashboard-bottom td { white-space:normal; overflow-wrap:anywhere; padding:7px 5px!important; font-size:11px; }
  .dashboard-bottom progress { max-width:100%; }.dashboard-bottom .tag { font-size:11px; }
  .stats-strip a { min-width:0; }.stats-strip span { white-space:normal; }.stats-strip strong { font-variant-numeric:tabular-nums; }
  .history-summary .mini-stats { display:flex; flex-wrap:wrap; }
  .account-card { padding:14px; }.account-grid { grid-template-columns:minmax(0,1fr); }
  .form-grid { grid-template-columns:minmax(0,1fr); }.account-actions .button { min-height:38px; }
}
@media(max-width:380px) { .auth-card { padding:22px; }.account-nav { width:100%; justify-content:flex-end; }.stats-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }