:root {
  --ink: #17211d;
  --muted: #6c756f;
  --paper: #f5f5f0;
  --card: #ffffff;
  --line: #dce1da;
  --lime: #cdf64e;
  --lime-deep: #a9d831;
  --forest: #214c3d;
  --mint: #e6f0e9;
  --amber: #f2b847;
  --danger: #c84c3c;
  --shadow: 0 17px 50px rgba(30, 47, 39, .08);
  --radius: 20px;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; background: var(--paper); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(169, 216, 49, .55); outline-offset: 2px; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.page-glow { position: fixed; z-index: -1; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.page-glow-one { width: 38vw; height: 38vw; right: -14vw; top: 18vh; background: rgba(205, 246, 78, .14); }
.page-glow-two { width: 23vw; height: 23vw; left: -10vw; bottom: 5vh; background: rgba(83, 156, 126, .09); }
.app-shell { width: min(1440px, calc(100% - 56px)); margin: 0 auto; }

.topbar { display: flex; min-height: 88px; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(23, 33, 29, .1); }
.brand { display: inline-flex; align-items: center; flex-shrink: 0; gap: 11px; color: var(--ink); }
.brand-mark { display: grid; width: 37px; height: 37px; place-items: center; color: var(--forest); }
.brand-mark svg { width: 34px; height: 34px; }
.brand strong { display: block; font-family: system-ui, "Microsoft YaHei", sans-serif; font-size: 15px; letter-spacing: -.04em; }
.brand small { display: block; margin-top: 1px; color: var(--muted); font-size: 10px; letter-spacing: .04em; }
.primary-nav { display: flex; align-items: stretch; align-self: stretch; gap: 29px; }
.nav-link { position: relative; border: 0; padding: 0; color: #7a837d; background: none; font-size: 13px; font-weight: 600; }
.nav-link::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--forest); content: ""; opacity: 0; transform: scaleX(.3); transition: opacity .2s, transform .2s; }
.nav-link:hover { color: var(--ink); }
.nav-link.is-active { color: var(--ink); }
.nav-link.is-active::after { opacity: 1; transform: scaleX(1); }
.topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.sync-status { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.sync-status i { width: 7px; height: 7px; border-radius: 50%; background: #67ad6f; box-shadow: 0 0 0 4px rgba(103, 173, 111, .15); }
.mobile-menu-toggle, .mobile-nav { display: none; }

.button { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 11px; border: 1px solid transparent; border-radius: 10px; padding: 0 18px; color: var(--ink); font-size: 13px; font-weight: 700; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button:disabled { cursor: not-allowed; opacity: .48; transform: none; }
.button-dark { color: #fff; background: var(--ink); box-shadow: 0 8px 20px rgba(23, 33, 29, .14); }
.button-dark:hover { background: #26352f; }
.button-lime { background: var(--lime); box-shadow: 0 8px 20px rgba(182, 218, 60, .22); }
.button-lime:hover { background: #dbfa72; }
.button-danger { color: #fff; background: #b64b3f; box-shadow: 0 8px 20px rgba(182, 75, 63, .16); }
.button-danger:hover { background: #96392f; }
.button-outline { border-color: #bac4b9; background: #fff; }
.button-outline:hover { border-color: var(--ink); }
.button-small { min-height: 38px; padding: 0 13px; font-size: 12px; }
.button-full { width: 100%; }
.button-icon { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 4px; background: rgba(255,255,255,.16); font-size: 11px; }
.text-button, .reset-link { border: 0; padding: 0; color: var(--forest); background: none; font-size: 13px; font-weight: 700; }
.text-button:hover, .reset-link:hover { color: #082b1e; text-decoration: underline; }
.text-button span { padding-left: 3px; font-size: 16px; }
.text-button.small { font-size: 12px; }

.screen { display: none; }
.screen.is-active { display: block; animation: screen-in .35s ease both; }
@keyframes screen-in { from { opacity: .4; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.hero { display: grid; min-height: 388px; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); align-items: center; gap: 30px; padding: 47px 6.5% 42px; border-radius: 0 0 32px 32px; color: #fff; background: linear-gradient(115deg, #15382d 0%, #214d3d 57%, #356451 100%); overflow: hidden; }
.hero-copy { position: relative; z-index: 1; max-width: 610px; }
.eyebrow { margin: 0 0 11px; color: #70817a; font-family: Consolas, monospace; font-size: 10px; font-weight: 500; letter-spacing: .14em; }
.hero .eyebrow, .subpage-hero .eyebrow, .admin-hero .eyebrow { color: rgba(230, 247, 182, .72); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 19px; font-family: system-ui, "Microsoft YaHei", sans-serif; font-size: clamp(42px, 4.45vw, 68px); font-weight: 800; letter-spacing: -.075em; line-height: 1.13; }
h1 em { color: var(--lime); font-style: normal; }
.hero-description { max-width: 485px; margin-bottom: 19px; color: rgba(255,255,255,.74); font-size: 14px; line-height: 1.8; }
.hero-query { display: grid; max-width: 620px; grid-template-columns: minmax(180px, 1fr) minmax(108px, .52fr) max-content; gap: 8px; margin-bottom: 7px; }
.hero-search-field { position: relative; display: block; }
.hero-search-field > span:not(.sr-only) { position: absolute; top: 7px; left: 12px; color: #6a8176; font-family: Georgia, serif; font-size: 21px; transform: rotate(-20deg); }
.hero-search-field input, .hero-query select { width: 100%; height: 42px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; color: #17211d; background: rgba(255,255,255,.96); font-size: 12px; }
.hero-search-field input { padding: 0 10px 0 34px; }.hero-query select { padding: 0 27px 0 10px; }.hero-query .button { min-height: 42px; padding: 0 14px; white-space: nowrap; }
.hero-query-hint { margin: 0 0 17px; color: rgba(230, 247, 229, .57); font-size: 10px; }
.hero-actions { display: flex; align-items: center; gap: 22px; }
.hero .text-button { color: #e9f0eb; }
.hero .text-button:hover { color: var(--lime); }
.hero-orbit { position: relative; min-height: 285px; }
.orbit-ring { position: absolute; border: 1px solid rgba(230, 255, 210, .22); border-radius: 50%; }
.orbit-ring-outer { width: 300px; height: 300px; top: -9px; left: 50%; transform: translateX(-50%); }
.orbit-ring-outer::before, .orbit-ring-outer::after { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--lime); content: ""; }
.orbit-ring-outer::before { top: 19px; right: 57px; box-shadow: 0 0 18px rgba(205,246,78,.85); }
.orbit-ring-outer::after { bottom: 25px; left: 46px; width: 5px; height: 5px; background: #fff; }
.orbit-ring-inner { width: 202px; height: 202px; top: 40px; left: 50%; border-color: rgba(230, 255, 210, .15); transform: translateX(-50%); }
.hero-stat { position: absolute; z-index: 1; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(16, 57, 44, .54); box-shadow: 0 16px 28px rgba(7, 35, 26, .18); backdrop-filter: blur(10px); }
.hero-stat-main { top: 70px; left: 50%; width: 197px; padding: 18px 19px; transform: translateX(-50%); }
.hero-stat span, .hero-stat small { display: block; color: rgba(255,255,255,.63); font-size: 11px; }
.hero-stat strong { display: block; margin: 5px 0 3px; color: var(--lime); font-family: Manrope, sans-serif; font-size: 24px; letter-spacing: -.06em; }
.hero-stat-side { right: 5px; bottom: 8px; min-width: 114px; padding: 13px 15px; }
.hero-stat-side span { color: #fff; font-family: Manrope, sans-serif; font-size: 20px; font-weight: 800; letter-spacing: -.05em; }
.hero-label { position: absolute; color: rgba(255,255,255,.45); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .12em; }
.label-one { top: 12px; left: 1%; }.label-two { bottom: 39px; left: 4%; }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 20px 0 58px; }
.metric-card { min-height: 144px; padding: 20px 21px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.78); box-shadow: 0 7px 22px rgba(36, 52, 43, .035); }
.metric-card > span { display: block; margin-bottom: 14px; color: var(--muted); font-size: 12px; font-weight: 600; }
.metric-card strong { display: block; color: var(--ink); font-family: Manrope, sans-serif; font-size: clamp(25px, 2vw, 32px); font-weight: 800; letter-spacing: -.065em; line-height: 1.1; }
.metric-card small { display: block; margin-top: 6px; color: #98a099; font-family: "DM Mono", monospace; font-size: 10px; }
.metric-card.accent { border-color: #c7dc8c; background: #f0f8d5; }.metric-card.accent strong { color: #385211; }
.metric-card.warning { border-color: #eadbc0; background: #fffaf0; }.metric-card.warning strong { color: #aa6c1c; }

.category-section { margin-bottom: 72px; }
.section-heading, .workspace-topline { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.section-heading { margin-bottom: 25px; }
h2 { margin-bottom: 0; font-family: Manrope, "Noto Sans SC", sans-serif; font-size: 26px; font-weight: 800; letter-spacing: -.055em; }
.section-heading > p { max-width: 310px; margin-bottom: 2px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 11px; }
.category-card { position: relative; min-height: 181px; padding: 18px; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: rgba(255,255,255,.76); overflow: hidden; text-align: left; transition: transform .22s, color .22s, background .22s, box-shadow .22s; }
.category-card::before { position: absolute; right: -25px; bottom: -45px; width: 108px; height: 108px; border: 1px solid rgba(40, 75, 59, .12); border-radius: 50%; content: ""; transition: transform .25s; }
.category-card:hover { color: #fff; background: var(--forest); box-shadow: var(--shadow); transform: translateY(-4px); }.category-card:hover::before { border-color: rgba(205,246,78,.38); transform: scale(1.35); }
.category-card:nth-child(2)::after, .category-card:nth-child(4)::after { position: absolute; right: 24px; bottom: 18px; color: rgba(31,76,60,.18); font-family: Manrope, sans-serif; font-size: 46px; font-weight: 800; content: "+"; }.category-card:hover::after { color: rgba(205,246,78,.55); }
.category-icon { display: grid; width: 35px; height: 35px; place-items: center; margin-bottom: 29px; border-radius: 10px; color: var(--forest); background: #e9f0ea; font-family: Manrope, sans-serif; font-size: 12px; font-weight: 800; }.category-card:hover .category-icon { color: #16382d; background: var(--lime); }
.category-card strong { display: block; font-size: 16px; letter-spacing: -.03em; }.category-card small { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; }.category-card:hover small { color: rgba(255,255,255,.62); }
.category-card .category-weight { position: absolute; right: 15px; bottom: 16px; color: var(--forest); font-family: "DM Mono", monospace; font-size: 10px; }.category-card:hover .category-weight { color: var(--lime); }

.inventory-workspace { margin: 0 -1.95vw 58px; padding: 38px min(4.4vw, 64px) 43px; border-radius: 26px; background: #fff; box-shadow: var(--shadow); }
.workspace-topline { margin-bottom: 24px; }.workspace-topline h2 { font-size: 25px; }.workspace-topline .eyebrow { margin-bottom: 7px; }
.filter-sticky { position: sticky; z-index: 5; top: 10px; padding: 4px 0 8px; }
.filter-panel { display: grid; grid-template-columns: minmax(210px, 1.35fr) repeat(3, minmax(104px, .58fr)) max-content; align-items: end; gap: 10px; padding: 13px; border: 1px solid #e4e8e2; border-radius: 15px; background: rgba(248,250,246,.98); box-shadow: 0 7px 15px rgba(37, 52, 43, .04); backdrop-filter: blur(9px); }
.filter-panel label:not(.search-field):not(.check-filter), .record-card label, .login-card label { display: grid; gap: 6px; color: #66716a; font-size: 11px; font-weight: 700; }
.filter-panel input, .filter-panel select, .record-card input, .record-card select, .record-card textarea, .login-card input { width: 100%; min-width: 0; border: 1px solid #d8dfd7; border-radius: 8px; color: var(--ink); background: #fff; }
.filter-panel select { height: 39px; padding: 0 27px 0 10px; font-size: 12px; }
.search-field { position: relative; display: block !important; }.search-field input { height: 44px; padding: 0 12px 0 35px; font-size: 12px; }.search-icon { position: absolute; top: 9px; left: 12px; z-index: 1; color: #68756b; font-family: Georgia, serif; font-size: 23px; line-height: 1; pointer-events: none; transform: rotate(-20deg); }
.check-filter { display: inline-flex; height: 39px; align-items: center; gap: 7px; padding: 0 3px; color: #58645c; font-size: 11px; font-weight: 700; white-space: nowrap; }.check-filter input { width: 15px; height: 15px; accent-color: var(--forest); }.filter-submit { min-height: 39px; padding: 0 15px; white-space: nowrap; }
.active-filters { display: flex; min-height: 0; flex-wrap: wrap; align-items: center; gap: 7px; padding: 8px 3px 0; }.active-filter-caption { color: #7b867e; font-size: 10px; font-weight: 700; }.filter-chip { display: inline-flex; min-height: 26px; align-items: center; gap: 5px; border: 1px solid #d6e3c5; border-radius: 99px; padding: 3px 9px; color: #4a6637; background: #f1f8df; font-size: 10px; font-weight: 700; }.filter-chip:hover { border-color: #accf78; background: #e6f4c6; }.filter-chip b { font-size: 13px; font-weight: 500; line-height: 1; }
.result-toolbar { display: flex; justify-content: space-between; gap: 20px; margin: 21px 0 11px; }.result-toolbar p { margin: 0; color: #667169; font-size: 12px; }.legend { display: flex; align-items: center; gap: 13px; color: #768078; font-size: 10px; }.legend span { display: inline-flex; align-items: center; gap: 5px; }.dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; }.dot-green { background: #65a86a; }.dot-amber { background: var(--amber); }.dot-gray { background: #8d9690; }
.inventory-table-wrap { overflow-x: auto; border-top: 1px solid #e7eae6; }.inventory-table { width: 100%; border-collapse: collapse; min-width: 720px; }.inventory-table th { padding: 12px 11px; color: #8a948d; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-align: left; white-space: nowrap; }.inventory-table td { padding: 14px 11px; border-top: 1px solid #edf0ec; font-size: 12px; vertical-align: middle; }.inventory-table tr[data-id] { transition: background .17s; }.inventory-table tr[data-id]:hover { background: #f6f9f4; }.material-cell strong { display: block; font-size: 12px; }.material-cell small, .location-cell small { display: block; margin-top: 4px; color: #87918a; font-family: "DM Mono", monospace; font-size: 9px; }.location-cell { color: #4f5c53; }.status-pill { display: inline-flex; align-items: center; min-height: 22px; border-radius: 99px; padding: 2px 8px; font-size: 10px; font-weight: 700; white-space: nowrap; }.status-available { color: #2e733d; background: #e4f3e3; }.status-reserved { color: #9a6a15; background: #fff1d2; }.status-waiting { color: #5d6181; background: #eceefa; }.status-locked { color: #a34c44; background: #f9e6e3; }.stock-cell strong { display: block; font-family: Manrope, sans-serif; font-size: 13px; letter-spacing: -.04em; }.stock-cell small { display: block; margin-top: 2px; color: #8b948e; font-size: 10px; }.low-mark { color: #b97816 !important; }.row-action { border: 0; padding: 4px; color: var(--forest); background: none; font-size: 15px; }.row-action:hover { color: #000; transform: translateX(2px); }
.mobile-records { display: none; }.empty-state { padding: 63px 20px; text-align: center; }.empty-state > div { margin-bottom: 9px; color: var(--forest); font-size: 29px; }.empty-state h3 { margin-bottom: 7px; font-size: 15px; }.empty-state p { margin-bottom: 17px; color: var(--muted); font-size: 12px; }

.subpage-hero { display: flex; min-height: 338px; align-items: center; justify-content: space-between; gap: 40px; padding: 45px 8%; border-radius: 0 0 30px 30px; color: #fff; background: #1e4336; overflow: hidden; }.subpage-hero h1, .admin-hero h1 { max-width: 680px; margin-bottom: 13px; font-size: clamp(38px, 4vw, 57px); }.subpage-hero p:not(.eyebrow), .admin-hero p:not(.eyebrow) { max-width: 520px; margin-bottom: 0; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.9; }
.plate-hero { background: linear-gradient(120deg, #293732, #34554a); }.plate-stack-illustration { position: relative; width: 280px; height: 210px; flex: 0 0 280px; }.plate-stack-illustration i { position: absolute; right: 10px; width: 210px; height: 78px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.06)); transform: skewY(-12deg); }.plate-stack-illustration i:nth-child(1) { top: 31px; }.plate-stack-illustration i:nth-child(2) { top: 67px; right: 33px; opacity: .68; }.plate-stack-illustration i:nth-child(3) { top: 103px; right: 54px; opacity: .42; }.plate-stack-illustration span { position: absolute; top: 70px; left: 20px; color: var(--lime); font-family: "DM Mono", monospace; font-size: 10px; line-height: 1.7; letter-spacing: .16em; }
.plate-workspace { margin-top: 20px; }.filter-panel.compact { grid-template-columns: minmax(220px, 1.6fr) minmax(120px, .6fr) max-content; }.plate-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 21px; }.plate-card { min-height: 208px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: #fdfefd; transition: transform .2s, box-shadow .2s; }.plate-card:hover { box-shadow: 0 12px 25px rgba(40,58,47,.1); transform: translateY(-3px); }.plate-card-header { display: flex; justify-content: space-between; gap: 8px; }.plate-card h3 { margin: 8px 0 3px; font-family: Manrope, sans-serif; font-size: 20px; letter-spacing: -.055em; }.plate-card .plate-code { color: #849087; font-family: "DM Mono", monospace; font-size: 9px; }.plate-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0 18px; }.plate-meta span { padding: 3px 7px; border-radius: 5px; color: #5e6c62; background: #eef2ed; font-size: 10px; }.plate-card-footer { display: flex; align-items: end; justify-content: space-between; gap: 8px; border-top: 1px solid #edf0ec; padding-top: 12px; }.plate-card-footer strong { display: block; color: var(--forest); font-family: Manrope, sans-serif; font-size: 17px; letter-spacing: -.05em; }.plate-card-footer small { display: block; margin-top: 2px; color: #8a948c; font-size: 10px; }.plate-card-footer button { border: 0; color: var(--forest); background: none; font-size: 11px; font-weight: 700; }

.admin-hero { display: flex; min-height: 260px; align-items: end; justify-content: space-between; gap: 30px; padding: 48px 8%; border-radius: 0 0 30px 30px; color: #fff; background: linear-gradient(115deg, #272f2b, #263f35); }.admin-hero h1 { margin-bottom: 9px; }.admin-identity { min-width: 168px; padding: 16px 17px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.07); }.admin-identity span { display: block; color: rgba(255,255,255,.56); font-size: 10px; }.admin-identity strong { display: block; margin: 5px 0 9px; color: var(--lime); font-family: Manrope, sans-serif; font-size: 17px; }.admin-identity .text-button { color: #e6eee7; }.admin-content { margin: 20px 0 58px; }.admin-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }.admin-summary-card { min-height: 100px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.admin-summary-card span { display: block; color: var(--muted); font-size: 11px; }.admin-summary-card strong { display: block; margin-top: 8px; font-family: Manrope, sans-serif; font-size: 24px; letter-spacing: -.06em; }.admin-table-panel { padding: 28px; border-radius: 19px; background: #fff; box-shadow: var(--shadow); }.admin-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 13px; }.admin-toolbar .search-field { width: min(410px, 100%); }.admin-toolbar > span { color: var(--muted); font-size: 11px; }.admin-table .table-action { border: 0; margin-right: 6px; padding: 5px 7px; border-radius: 5px; color: var(--forest); background: #edf4ed; font-size: 10px; font-weight: 700; }.admin-table .table-action:hover { background: #dcebdc; }.admin-table .table-action.delete { color: #a3443a; background: #faece8; }.admin-table .table-action.delete:hover { background: #f7ddd7; }
.request-workbench { margin-top: 16px; }.workspace-note { max-width: 570px; margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }.request-toolbar { align-items: stretch; }.request-status-filter select, .request-kind-filter select { width: 126px; height: 100%; min-height: 39px; border: 1px solid #dce3dc; border-radius: 8px; padding: 0 28px 0 11px; color: var(--ink); background: #fbfcfb; font: inherit; font-size: 11px; }.request-table { min-width: 760px; }.request-table td { vertical-align: top; }.request-kind { display: inline-flex; align-items: center; min-height: 21px; padding: 0 7px; border-radius: 99px; color: #496f2a; background: #eff8dc; font-size: 10px; font-weight: 800; }.request-kind.is-reserve { color: #66542d; background: #f5eed9; }.request-table small { display: block; margin-top: 4px; color: #7c877e; font-size: 10px; line-height: 1.45; }.request-contact { color: var(--forest); font-weight: 700; }.request-status-pill { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }.request-status-pill.status-pending { color: #826628; background: #fff3d8; }.request-status-pill.status-progress { color: #32695c; background: #dff2eb; }.request-status-pill.status-reserved { color: #346e34; background: #e2f3d5; }.request-status-pill.status-closed { color: #68726a; background: #edf0ed; }.request-empty { margin-top: 12px; }.request-management-card { width: min(100%, 560px); }.request-inventory-context { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 18px; }.request-inventory-context > div { min-height: 70px; padding: 10px 11px; border: 1px solid #e1e8df; border-radius: 8px; background: #f8faf7; }.request-inventory-context span { display: block; color: #7b877c; font-size: 9px; font-weight: 800; letter-spacing: .06em; }.request-inventory-context strong { display: block; margin-top: 5px; color: var(--forest); font-family: Manrope, sans-serif; font-size: 13px; line-height: 1.35; }.request-inventory-context .is-risk { border-color: #efd39e; background: #fff8e8; }.request-inventory-context .is-risk strong { color: #8a6926; }.request-available-hint { margin: 11px 0 0; color: #6d796f; font-size: 11px; line-height: 1.5; }.mobile-request-records, .mobile-admin-records { display: none; }

footer { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0 27px; color: #8b948d; font-family: "DM Mono", Consolas, monospace; font-size: 9px; letter-spacing: .03em; }

.modal { width: min(440px, calc(100% - 32px)); border: 0; padding: 0; background: transparent; }.modal::backdrop { background: rgba(16, 32, 25, .52); backdrop-filter: blur(3px); }.modal-wide { width: min(786px, calc(100% - 32px)); }.modal-card { position: relative; padding: 31px; border-radius: 18px; background: #fff; box-shadow: 0 25px 80px rgba(5,22,15,.3); }.modal-close { position: absolute; top: 15px; right: 16px; display: grid; width: 31px; height: 31px; place-items: center; border: 0; border-radius: 50%; color: #68736b; background: #f0f3ef; font-size: 23px; line-height: 1; }.modal-close:hover { color: var(--ink); background: #e2e9e1; }.modal-card h2 { margin-bottom: 8px; }.modal-copy { margin-bottom: 24px; color: var(--muted); font-size: 12px; line-height: 1.7; }.login-card label { margin-bottom: 15px; }.login-card input { height: 43px; padding: 0 11px; }.login-hint { margin: 14px 0 0; color: #8b948d; font-size: 10px; text-align: center; }.form-error { min-height: 17px; margin: 0 0 10px; color: var(--danger); font-size: 11px; }.modal-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.modal-heading .modal-close { position: static; flex: 0 0 auto; }.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 13px; }.record-card label { font-size: 10px; }.record-card input, .record-card select, .record-card textarea { min-height: 39px; padding: 8px 10px; font-size: 12px; }.record-card textarea { resize: vertical; }.form-span-full { grid-column: 1 / -1; }.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 17px; }.detail-card { padding-top: 42px; }.detail-card .detail-kicker { margin-bottom: 5px; color: #6e7d73; font-family: "DM Mono", monospace; font-size: 10px; }.detail-card h2 { margin-bottom: 16px; font-size: 27px; }.detail-status { display: inline-flex; margin-bottom: 19px; }.detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); overflow: hidden; border: 1px solid #e5eae4; border-radius: 11px; }.detail-grid div { min-height: 63px; padding: 12px; border-right: 1px solid #e5eae4; border-bottom: 1px solid #e5eae4; }.detail-grid div:nth-child(2n) { border-right: 0; }.detail-grid div:nth-last-child(-n+2) { border-bottom: 0; }.detail-grid span { display: block; color: #849087; font-size: 9px; }.detail-grid strong { display: block; margin-top: 5px; font-size: 12px; }.detail-note { margin: 15px 0 0; padding: 12px; border-radius: 9px; color: #657068; background: #f3f6f2; font-size: 11px; line-height: 1.7; }
.toast { position: fixed; z-index: 20; bottom: 24px; left: 50%; max-width: calc(100% - 32px); padding: 12px 17px; border-radius: 9px; color: #fff; background: var(--ink); box-shadow: 0 10px 25px rgba(0,0,0,.2); font-size: 12px; opacity: 0; pointer-events: none; transform: translate(-50%, 14px); transition: opacity .2s, transform .2s; }.toast.show { opacity: 1; transform: translate(-50%, 0); }.toast.error { background: #943e34; }
.record-card { max-height: calc(100dvh - 34px); overflow-y: auto; }
.form-sections { display: grid; gap: 13px; }.record-section { padding: 15px; border: 1px solid #e4eae2; border-radius: 12px; background: #fbfcfa; }.record-section-heading { display: flex; align-items: start; gap: 9px; margin-bottom: 13px; }.record-section-heading > span { display: grid; width: 23px; height: 23px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #486622; background: #e9f6c3; font-family: "DM Mono", monospace; font-size: 9px; }.record-section-heading h3 { margin: 0 0 2px; font-size: 12px; }.record-section-heading p { margin: 0; color: #829087; font-size: 10px; line-height: 1.5; }
.request-card label { display: grid; gap: 6px; color: #66716a; font-size: 10px; font-weight: 700; }.request-card input, .request-card select, .request-card textarea { width: 100%; min-width: 0; border: 1px solid #d8dfd7; border-radius: 8px; color: var(--ink); background: #fff; }.request-card input, .request-card select, .request-card textarea { min-height: 39px; padding: 8px 10px; font-size: 12px; }.request-card textarea { resize: vertical; }.request-card .form-grid { gap: 12px; }
.record-card .modal-actions { position: sticky; bottom: -31px; z-index: 2; margin-bottom: -31px; padding: 14px 0 17px; border-top: 1px solid #e3e8e2; background: rgba(255,255,255,.97); box-shadow: 0 -9px 16px rgba(32,47,38,.06); }
.detail-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 15px; }.detail-actions .button { min-height: 42px; padding: 0 10px; font-size: 11px; }
.request-record-preview, .delete-record-preview { margin: 14px 0 18px; padding: 12px; border: 1px solid #dbe7cd; border-radius: 10px; color: #496231; background: #f3f9e6; }.request-record-preview strong, .delete-record-preview strong { display: block; font-size: 13px; }.request-record-preview small, .delete-record-preview small { display: block; margin-top: 4px; color: #718269; font-size: 10px; }.delete-record-preview { border-color: #f0d7d2; color: #81483f; background: #fff3f0; }
.toast { display: flex; max-width: calc(100% - 32px); align-items: center; gap: 12px; padding: 12px 14px 12px 17px; }.toast.show { pointer-events: auto; }.toast button { border: 1px solid rgba(255,255,255,.42); border-radius: 5px; padding: 4px 7px; color: #fff; background: transparent; font-size: 11px; font-weight: 700; }.toast button:hover { background: rgba(255,255,255,.13); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 1100px) {
  .app-shell { width: min(100% - 38px, 1000px); }.primary-nav { gap: 18px; }.sync-status { display: none; }.category-grid { grid-template-columns: repeat(3, 1fr); }.category-card { min-height: 148px; }.category-card .category-icon { margin-bottom: 18px; }.filter-panel { grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(105px, .6fr)) max-content; }.check-filter, .filter-submit { grid-column: auto; }.filter-submit { justify-self: end; }.plate-card-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .app-shell { width: min(100% - 28px, 600px); }.topbar { min-height: 70px; gap: 11px; }.primary-nav { display: none; }.topbar-actions { margin-left: auto; gap: 8px; }.button-small { min-height: 35px; padding: 0 10px; }.button-icon { display: none; }.brand small { display: none; }.brand strong { font-size: 14px; }.brand-mark { width: 31px; height: 31px; }.brand-mark svg { width: 29px; height: 29px; }.mobile-menu-toggle { display: grid; width: 35px; height: 35px; place-content: center; gap: 5px; border: 1px solid #dce3dc; border-radius: 8px; background: #fff; }.mobile-menu-toggle span { display: block; width: 16px; height: 1.5px; background: var(--ink); transition: transform .2s; }.mobile-menu-toggle.is-open span:first-child { transform: translateY(3px) rotate(45deg); }.mobile-menu-toggle.is-open span:last-child { transform: translateY(-3px) rotate(-45deg); }.mobile-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 10px 0 14px; border-bottom: 1px solid var(--line); }.mobile-nav[hidden] { display: none !important; }.mobile-nav .nav-link { min-height: 37px; border: 1px solid #dce3dc; border-radius: 8px; color: #566258; background: #fff; font-size: 11px; }.mobile-nav .nav-link.is-active { border-color: #b4d66e; color: #35521e; background: #f1f9dd; }.mobile-nav .nav-link::after { display: none; }
  .hero { min-height: 0; grid-template-columns: 1fr; padding: 34px 24px 27px; border-radius: 0 0 23px 23px; }.hero-query { grid-template-columns: 1fr 1fr; gap: 7px; }.hero-search-field { grid-column: 1 / -1; }.hero-query .button { padding: 0 10px; }.hero-query-hint { margin-bottom: 13px; line-height: 1.55; }.hero-orbit { min-height: 170px; transform: scale(.68); transform-origin: center top; margin: -19px 0 -53px; }.hero-description { font-size: 13px; }.hero-actions { flex-wrap: wrap; gap: 15px; } h1 { font-size: 42px; }.metric-grid { grid-template-columns: repeat(2, 1fr); gap: 9px; margin: 14px 0 48px; }.metric-card { min-height: 120px; padding: 16px; }.metric-card strong { font-size: 25px; }.metric-card > span { margin-bottom: 11px; }.category-section { margin-bottom: 52px; }.section-heading, .workspace-topline { display: block; }.section-heading > p { margin-top: 12px; }.category-grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }.category-card { min-height: 141px; padding: 16px; }.inventory-workspace { margin: 0 -14px 38px; padding: 25px 14px 30px; border-radius: 18px; }.workspace-topline .reset-link { display: inline-block; margin-top: 11px; }.filter-sticky { top: 0; padding-top: 3px; }.filter-panel, .filter-panel.compact { grid-template-columns: 1fr 1fr; gap: 9px; padding: 10px; }.filter-panel .search-field { grid-column: 1 / -1; }.filter-panel .check-filter { height: 35px; }.filter-submit { min-height: 35px; padding: 0 8px; }.result-toolbar { display: block; margin: 17px 0 8px; }.legend { margin-top: 8px; }.inventory-table-wrap { display: none; }.mobile-records { display: grid; gap: 9px; }.mobile-record { padding: 14px; border: 1px solid #e6ebe5; border-radius: 11px; background: #fff; }.mobile-record-top { display: flex; justify-content: space-between; gap: 9px; }.mobile-record h3 { margin: 0; font-size: 13px; }.mobile-record .record-code { margin: 4px 0 0; color: #859087; font-family: "DM Mono", monospace; font-size: 9px; }.mobile-record-bottom { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: 13px; padding-top: 10px; border-top: 1px solid #edf0eb; }.mobile-record-bottom small { display: block; color: #818b83; font-size: 10px; }.mobile-record-bottom strong { display: block; margin-top: 3px; font-family: Manrope, sans-serif; font-size: 15px; letter-spacing: -.05em; }.mobile-record-action { border: 0; color: var(--forest); background: none; font-size: 11px; font-weight: 700; }
  .subpage-hero { min-height: 0; padding: 40px 27px 29px; border-radius: 0 0 22px 22px; }.subpage-hero h1, .admin-hero h1 { font-size: 39px; }.plate-stack-illustration { width: 180px; height: 120px; margin: 2px auto 0; transform: scale(.7); transform-origin: center top; }.plate-hero { display: block; }.plate-card-grid { grid-template-columns: 1fr; gap: 9px; }.plate-card { min-height: 174px; }.admin-hero { display: block; min-height: 0; padding: 36px 25px; }.admin-identity { width: 100%; margin-top: 25px; }.admin-summary { grid-template-columns: repeat(2, 1fr); gap: 9px; }.admin-summary-card { min-height: 92px; }.admin-table-panel { padding: 21px 14px; margin: 0 -14px; border-radius: 18px; }.admin-toolbar { display: block; }.admin-toolbar .search-field { width: 100%; }.admin-toolbar > span { display: block; margin-top: 10px; }.admin-table-wrap { display: block; }.admin-table { min-width: 650px; } footer { display: block; line-height: 2; }.form-grid { grid-template-columns: 1fr; }.form-span-full { grid-column: auto; }.modal-card { padding: 26px 20px; }.modal-wide { width: min(100% - 18px, 786px); }.record-card .modal-actions { bottom: -26px; margin-bottom: -26px; }.modal-actions { justify-content: stretch; }.modal-actions .button { flex: 1; padding: 0 12px; }.detail-actions { grid-template-columns: 1fr; }.detail-grid { grid-template-columns: 1fr; }.detail-grid div, .detail-grid div:nth-child(2n) { border-right: 0; }.detail-grid div:nth-last-child(-n+2) { border-bottom: 1px solid #e5eae4; }.detail-grid div:last-child { border-bottom: 0; }
}
@media (max-width: 760px) { .request-toolbar { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.request-toolbar .search-field { grid-column: 1 / -1; }.request-toolbar > span { grid-column: 1 / -1; margin-top: 0; }.request-status-filter select, .request-kind-filter select { width: 100%; }.admin-table-wrap, .request-table-wrap { display: none; }.mobile-request-records, .mobile-admin-records { display: grid; gap: 9px; }.mobile-request-record, .mobile-admin-record { padding: 14px; border: 1px solid #e5eae4; border-radius: 11px; background: #fff; }.mobile-request-top, .mobile-request-bottom, .mobile-admin-top, .mobile-admin-bottom { display: flex; align-items: start; justify-content: space-between; gap: 10px; }.mobile-request-record h3, .mobile-admin-record h3 { margin: 7px 0 0; color: var(--forest); font-size: 14px; }.mobile-request-meta, .mobile-admin-meta { margin: 4px 0 0; color: #758077; font-size: 10px; line-height: 1.55; }.mobile-request-bottom, .mobile-admin-bottom { align-items: end; margin-top: 12px; padding-top: 10px; border-top: 1px solid #edf0eb; }.mobile-admin-bottom small { display: block; color: #7d877f; font-size: 10px; }.mobile-admin-bottom strong { display: block; margin-top: 3px; color: var(--forest); font-family: Manrope, sans-serif; font-size: 16px; letter-spacing: -.05em; }.mobile-request-bottom .table-action, .mobile-admin-bottom .table-action { margin: 0; }.mobile-admin-actions { display: flex; gap: 6px; }.mobile-admin-actions .table-action { margin: 0; }.request-inventory-context { grid-template-columns: 1fr; }.request-management-card { width: min(100% - 18px, 560px); } }
@media (max-width: 400px) { .hero { padding-right: 20px; padding-left: 20px; }.metric-card { padding: 13px; }.metric-card strong { font-size: 22px; }.category-card { padding: 13px; }.category-card strong { font-size: 14px; }.filter-panel label:not(.search-field):not(.check-filter) { font-size: 10px; }.filter-submit { font-size: 11px; } }

/* Public inventory: align the procurement tool with the baoshun industrial brand. */
:root {
  --ink: #071522;
  --muted: #5f7079;
  --paper: #f3f5f4;
  --card: #ffffff;
  --line: #d6dfe2;
  --lime: #9f5d27;
  --lime-deep: #824b20;
  --forest: #17435a;
  --mint: #e8f0f2;
  --amber: #b87333;
  --shadow: 0 18px 50px rgba(7, 21, 34, .10);
}

body { color: var(--ink); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible { outline-color: rgba(159, 93, 39, .72); }
.page-glow-one { background: rgba(83, 132, 154, .12); }
.page-glow-two { background: rgba(184, 115, 51, .07); }
.topbar { border-color: rgba(7, 21, 34, .12); }
.brand-mark, .nav-link.is-active, .nav-link:hover { color: var(--forest); }
.nav-link::after { background: var(--lime); }
.sync-status i { background: #b87333; box-shadow: 0 0 0 4px rgba(184, 115, 51, .14); }
.button-dark { background: var(--ink); box-shadow: 0 8px 20px rgba(7, 21, 34, .16); }
.button-dark:hover { background: #142d40; }
.button-lime { color: #fff; background: var(--lime); box-shadow: 0 8px 20px rgba(159, 93, 39, .22); }
.button-lime:hover { background: var(--lime-deep); }
.button-outline { border-color: #aebfc6; color: var(--forest); background: #fff; }
.button-outline:hover { border-color: var(--forest); }
.text-button, .reset-link, .row-action, .mobile-record-action { color: var(--forest); }
.text-button:hover, .reset-link:hover, .row-action:hover { color: var(--lime-deep); }

.return-site, .topbar-phone { min-height: 34px; display: inline-flex; align-items: center; color: #49616d; font-size: 11px; font-weight: 700; white-space: nowrap; }
.return-site:hover, .topbar-phone:hover { color: var(--lime-deep); }
.topbar-phone { padding: 0 9px; border: 1px solid #cbd7db; border-radius: 7px; color: var(--forest); }
.topbar-phone:hover { border-color: var(--lime); }
.mobile-nav-site-link { display: none; }
.skip-link { position: fixed; z-index: 50; top: 10px; left: 10px; padding: 10px 13px; border-radius: 7px; color: #fff; background: var(--ink); transform: translateY(-150%); transition: transform .15s ease; }
.skip-link:focus { transform: translateY(0); }

.hero, .subpage-hero, .admin-hero { background: radial-gradient(circle at 82% 20%, rgba(113, 157, 177, .23), transparent 32%), linear-gradient(124deg, #071522 0%, #0d2a3b 58%, #17435a 100%); }
.plate-hero { background: radial-gradient(circle at 75% 30%, rgba(184, 115, 51, .18), transparent 29%), linear-gradient(124deg, #071522, #17435a); }
.hero .eyebrow, .subpage-hero .eyebrow, .admin-hero .eyebrow { color: #d89b64; }
.hero p, .subpage-hero p:not(.eyebrow), .admin-hero p:not(.eyebrow) { color: rgba(237, 245, 247, .78); }
.hero-stat, .admin-identity { border-color: rgba(213, 230, 235, .20); background: rgba(4, 17, 28, .24); }
.hero-stat strong, .admin-identity strong { color: #f2bd88; }
.orbit-ring { border-color: rgba(215, 232, 237, .24); }
.orbit-ring-outer::before { background: #d89b64; box-shadow: 0 0 18px rgba(216, 155, 100, .72); }
.hero-label { color: rgba(222, 237, 241, .50); font-family: inherit; }
.hero-query { border-color: rgba(215, 232, 237, .22); background: rgba(5, 20, 32, .42); }
.hero-query input, .hero-query select { border-color: rgba(215, 232, 237, .24); color: #f6fbfc; background: rgba(255, 255, 255, .08); }
.hero-query input::placeholder { color: rgba(235, 245, 247, .55); }
.hero-query select option { color: var(--ink); background: #fff; }
.hero-query-hint { color: rgba(232, 242, 244, .64); }

.metric-card, .category-card, .plate-card, .admin-summary-card { border-color: var(--line); }
.category-card:hover { border-color: #b8cbd1; box-shadow: 0 13px 30px rgba(7, 21, 34, .09); }
.category-card .category-icon { color: var(--lime); background: #f5eee8; }
.category-card .category-weight, .plate-card-footer strong { color: var(--forest); }
.inventory-workspace { box-shadow: var(--shadow); }
.filter-panel { border-color: #d6e0e3; background: rgba(249, 251, 251, .98); box-shadow: 0 7px 15px rgba(7, 21, 34, .04); }
.filter-panel input, .filter-panel select, .record-card input, .record-card select, .record-card textarea, .login-card input, .request-card input, .request-card select, .request-card textarea { border-color: #cbd8dc; }
.check-filter input { accent-color: var(--lime); }
.filter-chip { border-color: #d8bd9e; color: #70401b; background: #fbf2e9; }
.filter-chip:hover { border-color: #b87333; background: #f7e6d3; }
.inventory-table tr[data-id]:hover, .plate-card:hover { background: #f7fafb; box-shadow: 0 12px 25px rgba(7, 21, 34, .08); }
.dot-green { background: #387b62; }.dot-amber { background: var(--amber); }.dot-gray { background: #7e9098; }
.status-available { color: #276751; background: #e3f1ed; }
.status-reserved { color: #8a5b18; background: #fff1d8; }
.status-waiting { color: #455d7a; background: #e8edf5; }
.status-locked { color: #9b443e; background: #fae8e5; }
.plate-card .plate-code, .material-cell small, .location-cell small, .mobile-record .record-code { color: #71848c; font-family: inherit; }
.plate-meta span { color: #4e6470; background: #edf3f4; }
.detail-note { color: #516670; background: #edf4f5; }
.modal::backdrop { background: rgba(4, 17, 28, .66); }
.modal-card { box-shadow: 0 25px 80px rgba(4, 17, 28, .34); }
.request-record-preview { border-color: #d7bd9d; color: #70401b; background: #fbf3ea; }

.empty-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.customer-mobile-actions { display: none; }

@media (max-width: 1100px) {
  .return-site { display: none; }
}

@media (max-width: 760px) {
  body { padding-bottom: 69px; }
  .topbar-actions { gap: 6px; }
  .topbar-phone { min-height: 35px; padding: 0 8px; font-size: 10px; }
  .sync-status { display: none; }
  .mobile-nav { grid-template-columns: repeat(3, 1fr); }
  .mobile-nav-site-link { display: grid; min-height: 37px; place-items: center; border: 1px solid #d6e0e3; border-radius: 8px; color: #536a75; background: #fff; font-size: 11px; font-weight: 700; }
  .mobile-nav-site-link:hover { color: var(--lime-deep); border-color: var(--lime); }
  .customer-mobile-actions { position: fixed; z-index: 19; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; min-height: 64px; border-top: 1px solid rgba(7, 21, 34, .15); background: rgba(255, 255, 255, .97); box-shadow: 0 -10px 26px rgba(7, 21, 34, .10); backdrop-filter: blur(10px); }
  .customer-mobile-actions a { display: grid; align-content: center; justify-items: center; min-height: 64px; color: var(--forest); }
  .customer-mobile-actions a + a { color: #fff; background: var(--lime); }
  .customer-mobile-actions span { font-size: 10px; opacity: .75; }
  .customer-mobile-actions strong { margin-top: 2px; font-size: 14px; }
  .toast { bottom: 78px; }
  .mobile-record, .mobile-request-record, .mobile-admin-record { border-color: #d9e3e6; }
  .mobile-record h3, .mobile-request-record h3, .mobile-admin-record h3 { font-size: 14px; }
  .mobile-record .record-code, .mobile-record-bottom small, .mobile-request-meta, .mobile-admin-meta { font-size: 11px; }
  .mobile-record-action { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Authenticated inventory quick-entry workspace. */
.quick-entry-panel { margin: 0 0 16px; padding: 30px; border: 1px solid #d7e1e4; border-radius: 19px; background: linear-gradient(135deg, #f7fafb 0%, #eef4f5 100%); box-shadow: var(--shadow); }
.quick-entry-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 22px; }
.quick-entry-heading .eyebrow { margin-bottom: 7px; color: var(--lime); }
.quick-entry-heading h2 { margin: 0; font-size: 26px; }
.quick-entry-heading p:not(.eyebrow) { max-width: 580px; margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.quick-entry-status { min-width: 174px; padding: 12px 14px; border: 1px solid #d4b99d; border-radius: 10px; color: #76512f; background: #fbf4ed; }
.quick-entry-status span { display: block; color: #9a7859; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.quick-entry-status strong { display: block; margin-top: 4px; font-size: 12px; }
.quick-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.quick-type-button { min-height: 66px; border: 1px solid #ccd9de; border-radius: 10px; padding: 10px 11px; color: #314b57; background: rgba(255, 255, 255, .78); text-align: left; transition: border-color .16s, color .16s, background .16s, transform .16s; }
.quick-type-button:hover { border-color: #a87848; color: #70401b; transform: translateY(-1px); }
.quick-type-button.is-active { border-color: var(--lime); color: #fff; background: var(--forest); box-shadow: 0 8px 17px rgba(23, 67, 90, .18); }
.quick-type-button span { display: block; color: #71838b; font-size: 9px; font-weight: 700; }
.quick-type-button.is-active span { color: rgba(245, 237, 228, .74); }
.quick-type-button strong { display: block; margin-top: 4px; font-size: 13px; }
.quick-entry-loading { display: block; padding: 16px; color: var(--muted); font-size: 12px; }
.quick-entry-fields { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 15px; border: 1px solid #d6e1e5; border-radius: 12px; background: rgba(255, 255, 255, .73); }
.quick-dimensions { display: contents; }
.quick-entry-fields label { display: grid; gap: 6px; color: #526872; font-size: 10px; font-weight: 800; }
.quick-entry-fields input, .quick-entry-fields select { width: 100%; min-width: 0; min-height: 43px; border: 1px solid #c9d7dc; border-radius: 7px; padding: 0 10px; color: var(--ink); background: #fff; font-size: 13px; }
.quick-entry-fields select:disabled { color: #8d9a9f; background: #f3f6f6; }
.quick-calculation { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 13px; overflow: hidden; border: 1px solid #cbd9dd; border-radius: 11px; background: #cbd9dd; }
.quick-calculation > div { min-height: 75px; padding: 13px 15px; background: #fff; }
.quick-calculation span { display: block; color: #71838b; font-size: 10px; font-weight: 700; }
.quick-calculation strong { display: block; margin-top: 6px; color: var(--forest); font-size: 18px; letter-spacing: -.04em; }
.quick-calculation p { grid-column: 1 / -1; margin: 0; padding: 10px 15px; color: #566c76; background: #f6fafb; font-size: 11px; line-height: 1.55; }
.quick-entry-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; }
.quick-entry-actions > span { max-width: 600px; color: #637780; font-size: 11px; line-height: 1.55; }
.quick-entry-actions .button { min-width: 154px; }

@media (max-width: 900px) {
  .quick-entry-heading { display: block; }.quick-entry-status { display: inline-block; margin-top: 14px; }.quick-type-grid { grid-template-columns: repeat(2, 1fr); }.quick-entry-fields { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .quick-entry-panel { margin: 0 -14px 15px; padding: 21px 14px; border-radius: 16px; }.quick-entry-heading h2 { font-size: 23px; }.quick-entry-heading p:not(.eyebrow) { font-size: 12px; }.quick-entry-status { width: 100%; }.quick-type-grid { gap: 7px; }.quick-type-button { min-height: 61px; padding: 9px; }.quick-type-button strong { font-size: 12px; }.quick-entry-fields { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }.quick-entry-fields input, .quick-entry-fields select { min-height: 44px; font-size: 14px; }.quick-calculation { grid-template-columns: 1fr; }.quick-calculation > div { min-height: 62px; }.quick-calculation strong { font-size: 17px; }.quick-entry-actions { display: grid; grid-template-columns: 1fr; }.quick-entry-actions .button { width: 100%; min-height: 48px; }.quick-entry-actions > span { font-size: 10px; }
}