:root{--hub-navy:#092d56;--hub-blue:#124d8e;--hub-red:#e52538;--hub-ink:#172b43;--hub-muted:#5f7187;--hub-line:#dfe7ef;--hub-green:#19704a;--hub-bg:#f3f6fa}
[hidden]{display:none!important}
.hub-page{margin:0;background:var(--hub-bg);color:var(--hub-ink);font-family:Arial,sans-serif;line-height:1.5}
.hub-page *,.hub-shell *,.hub-panel *{box-sizing:border-box}
.hub-nav{background:var(--hub-navy);border-bottom:4px solid var(--hub-red);color:white;padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px}
.hub-nav a{color:inherit;text-decoration:none}.hub-brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.04em}.hub-brand img{width:100px;max-height:46px;object-fit:contain;background:white;padding:5px;border-radius:7px}.hub-nav-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
.hub-shell{max-width:1100px;margin:0 auto;padding:30px 22px 60px}.hub-hero{display:flex;justify-content:space-between;align-items:start;gap:24px;margin:4px 0 26px}.hub-hero h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin:6px 0 12px;color:var(--hub-navy);letter-spacing:-.025em}.hub-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hub-muted)}.hub-muted{color:var(--hub-muted);font-size:14px}.hub-small{font-size:12px;color:var(--hub-muted)}
.hub-panel{background:white;border:1px solid var(--hub-line);border-radius:16px;padding:24px;margin:0 0 20px;box-shadow:0 4px 18px #092d5605}.hub-panel h2{font-size:20px;margin:0 0 16px;color:var(--hub-navy);text-align:left}.hub-panel h3{font-size:16px;margin:0 0 10px;color:var(--hub-navy)}.hub-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px}.hub-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.hub-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}
.hub-button,.hub-page button,.hub-shell button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--hub-navy);border-radius:8px;padding:10px 16px;background:var(--hub-navy);color:white;font:600 14px Arial,sans-serif;text-decoration:none;cursor:pointer;min-height:42px}.hub-button.secondary,.hub-page button.secondary,.hub-shell button.secondary{background:white;color:var(--hub-navy);border-color:var(--hub-line)}.hub-button:hover,.hub-page button:hover,.hub-shell button:hover{filter:brightness(.95)}.hub-page button:disabled,.hub-shell button:disabled,.hub-button:disabled{opacity:.55;cursor:wait}.hub-page button:focus-visible,.hub-shell button:focus-visible,.hub-field input:focus-visible,.hub-field select:focus-visible{outline:3px solid #80b5ee;outline-offset:2px}
.hub-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600}.hub-field input,.hub-field select,.hub-field textarea,.hub-shell input,.hub-shell select{font:400 15px Arial,sans-serif;border:1px solid #c9d5e2;border-radius:8px;padding:10px 12px;background:white;color:var(--hub-ink);max-width:100%;min-height:42px}.hub-field textarea{resize:vertical;min-height:75px}.hub-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hub-field small{font-weight:400;color:var(--hub-muted)}
.hub-badge{display:inline-flex;align-items:center;gap:7px;border-radius:100px;background:#eaf1fa;color:var(--hub-blue);padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap}.hub-badge.success{background:#e7f5ed;color:var(--hub-green)}.hub-badge.warning{background:#fff1d8;color:#845211}.hub-badge.danger{background:#fce9ed;color:#a31c2a}.hub-notice{border-left:4px solid var(--hub-blue);background:#edf4fc;border-radius:8px;padding:13px 16px;font-size:14px;margin:16px 0}.hub-notice.error{border-color:var(--hub-red);background:#fff0f2}.hub-notice.success{border-color:var(--hub-green);background:#eaf7f0}.hub-message:empty{display:none}
.hub-steps{list-style:none;display:grid;grid-template-columns:repeat(var(--steps,5),1fr);padding:0;margin:24px 0;gap:0}.hub-steps li{position:relative;text-align:center;color:#74859a;font-size:12px;padding:0 6px;min-width:0}.hub-steps li:before{content:'';position:absolute;height:3px;background:#dfe7ef;left:-50%;right:50%;top:19px}.hub-steps li:first-child:before{display:none}.hub-step-dot{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;border:3px solid #dfe7ef;background:white;color:#738399;font-weight:700;font-size:16px}.hub-steps .done .hub-step-dot{background:var(--hub-navy);border-color:var(--hub-navy);color:white}.hub-steps .done:before,.hub-steps .current:before{background:var(--hub-navy)}.hub-steps .current .hub-step-dot{background:var(--hub-red);border-color:var(--hub-red);color:white;box-shadow:0 0 0 5px #e5253810}.hub-steps .current{color:var(--hub-ink);font-weight:700}
.hub-receipt-lines{list-style:none;padding:0;margin:12px 0}.hub-receipt-lines li{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--hub-line)}.hub-receipt-lines small{display:block;color:var(--hub-muted);font-size:12px;margin-top:3px}.hub-total{font-weight:700;font-size:21px;padding-top:16px;display:flex;justify-content:space-between;color:var(--hub-navy)}.hub-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:14px}.hub-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--hub-muted);margin-bottom:4px}.hub-details dd{margin:0;overflow-wrap:anywhere}.hub-order-card{border:1px solid var(--hub-line);border-radius:12px;padding:18px;margin-top:14px;background:white}.hub-order-card h3{margin:0 0 5px}.hub-order-card .hub-items{font-size:14px;color:var(--hub-muted);margin:12px 0}.hub-order-card .hub-total{font-size:17px}.hub-empty{padding:28px 12px;text-align:center;color:var(--hub-muted)}
.hub-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.hub-tabs button{background:white;color:var(--hub-muted);border:1px solid var(--hub-line);padding:8px 13px;min-height:36px}.hub-tabs button[aria-pressed=true]{background:var(--hub-navy);color:white;border-color:var(--hub-navy)}.hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.hub-stat{padding:17px 20px;background:white;border:1px solid var(--hub-line);border-radius:12px}.hub-stat strong{display:block;font-size:28px;color:var(--hub-navy);line-height:1.2}.hub-stat span{font-size:12px;color:var(--hub-muted)}
.hub-switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;font-size:14px}.hub-switch input{appearance:none;width:46px;height:26px;padding:0;border-radius:20px;background:#c8d3df;position:relative;border:0;cursor:pointer;min-height:0}.hub-switch input:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .16s}.hub-switch input:checked{background:var(--hub-red)}.hub-switch input:checked:before{transform:translateX(20px)}
.hub-dialog{border:0;border-radius:16px;max-width:650px;width:calc(100% - 32px);max-height:85vh;padding:26px;color:var(--hub-ink)}.hub-dialog::backdrop{background:#09213ba6}.hub-table{width:100%;border-collapse:collapse;font-size:14px;margin:15px 0}.hub-table th,.hub-table td{padding:10px 6px;text-align:left;border-bottom:1px solid var(--hub-line)}
.staff-hub-active{background:var(--hub-bg)}.staff-hub-active .main-content{max-width:1180px;width:100%}.staff-hub-active .page-wrapper{display:block;max-width:1220px;margin:auto;padding:20px}.staff-hub-active #header.header{background:var(--hub-navy);border-bottom:4px solid var(--hub-red);border-radius:14px;padding:15px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.staff-hub-active #header .logo img{width:115px;height:44px;object-fit:contain;background:white;padding:5px;border-radius:6px}.staff-hub-active #services,.staff-hub-active #employeeaccess2{display:none}.staff-hub-active .hub-shell{padding:0;max-width:none}.staff-hub-active #logout-timer{border-radius:100px!important;background:var(--hub-navy)!important;font-size:11px!important;padding:7px 12px!important}.hub-legacy>summary{cursor:pointer;font-weight:700;color:var(--hub-navy);padding:4px}.hub-legacy .dropdowns-wrapper{max-width:none;margin:16px 0}.hub-legacy section{padding:0;margin-top:15px!important}.hub-legacy section>h2{display:none}
.hub-policy{max-width:1100px;margin:20px auto;padding:18px 22px;border-radius:12px;border:1px solid var(--hub-line);background:#edf4fc}.hub-policy h2{margin:0 0 4px;font-size:18px;color:var(--hub-navy)}.hub-schedule{margin:16px 0;padding:16px;border:1px solid var(--hub-line);border-radius:10px;background:#f8fafc}.hub-schedule .hub-fields{margin-top:12px}.hub-print-only{display:none}
@media(max-width:700px){.hub-grid{grid-template-columns:1fr}.hub-shell{padding:23px 15px 50px}.hub-hero{display:block}.hub-hero>.hub-badge{margin-top:10px}.hub-panel{padding:18px}.hub-nav{padding:14px 16px}.hub-nav-links{gap:12px;font-size:12px}.hub-brand img{width:78px}.hub-stats{gap:7px}.hub-stat{padding:13px 11px}.hub-stat strong{font-size:24px}.hub-step-dot{width:32px;height:32px;font-size:13px}.hub-steps li:before{top:15px}.hub-steps li{font-size:10px;padding:0 3px}.staff-hub-active .page-wrapper{padding:12px}.hub-fields{grid-template-columns:1fr}.hub-details{gap:14px}}
@media print{.hub-nav,.hub-no-print,.hub-actions,#account-panel,.hub-tabs{display:none!important}.hub-page{background:white}.hub-shell{padding:0;max-width:none}.hub-grid{display:block}.hub-panel{box-shadow:none;break-inside:avoid;border-color:#ccc}.hub-print-only{display:block}.hub-hero h1{font-size:26px}}
.staff-hub-active #inventory-view,.staff-hub-active #inventory-update-view{max-width:calc(100vw - 24px)!important}.staff-hub-active #timesheet-form input{max-width:100%;min-width:0}.staff-hub-active #timesheet-form table{table-layout:fixed}.hub-panel a:not(.hub-button){color:var(--hub-blue)}
.hub-grid{align-items:start}.staff-hub-active{font-family:Arial,sans-serif;color:var(--hub-ink);line-height:1.5}.staff-hub-active #logout-btn{background:transparent;color:white;border:1px solid #ffffff66;border-radius:8px;padding:9px 16px;cursor:pointer;font:600 13px Arial,sans-serif}.staff-hub-active .hub-shell h1{font-family:Arial,sans-serif}
body.staff-hub-active{height:auto;min-height:100vh;overflow-y:visible;padding:0;border:0}body.staff-hub-active::before{display:none}.staff-hub-active .page-wrapper{min-height:100vh}
.staff-hub-active #header nav{display:flex;align-items:center;gap:14px}.staff-hub-active #logout-timer{position:static!important;background:transparent!important;color:white!important;padding:0!important}@media(max-width:700px){.staff-hub-active #header nav{flex-direction:column;align-items:flex-end;gap:6px}.staff-hub-active #logout-timer{font-size:10px!important}}
.order-tablet #staff-hub .hub-grid{grid-template-columns:1fr}.order-tablet #staff-hub aside,.order-tablet .hub-legacy{display:none!important}.order-tablet .hub-order-card{font-size:16px}.order-tablet .hub-button{min-height:48px}.product-image-state{line-height:1.3}
/* CSS refresh: 2026-10-29T01:51:43.589Z */