:root{font-family:Arial,Helvetica,sans-serif;color:#18202a;background:#eef3f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#08443d14,#b6822314),#eef3f1}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:24px}.staff-shell{padding:14px 18px}.brand-header{align-items:center;display:flex;gap:18px;margin:0 auto 24px;max-width:1120px}.staff-shell .brand-header{gap:12px;margin-bottom:12px;max-width:1540px}.staff-shell .logo-placeholder{font-size:15px;height:52px;width:88px}.staff-shell .company-name{font-size:21px}.staff-shell .tagline{font-size:16px;margin-top:1px}.logo-placeholder{align-items:center;background:#fff;border:2px dashed #8b9aaa;border-radius:8px;color:#586675;display:flex;font-size:20px;font-weight:700;height:76px;justify-content:center;width:120px}.company-name{font-size:28px;font-weight:800;margin:0}.tagline{color:#4b5968;font-size:22px;margin:4px 0 0}.panel{background:#fbfcfa;border:1px solid #d5dfdc;border-radius:8px;box-shadow:0 14px 34px #19232d1a;padding:28px}.customer-panel{margin:0 auto;max-width:820px}.login-panel{display:grid;gap:20px;margin:0 auto;max-width:520px}.login-form{display:grid;gap:18px}.login-form .primary-button{width:100%}.login-error{background:#ffeceb;border:1px solid #c9362b;border-radius:8px;color:#8f1f17;font-size:18px;font-weight:800;margin:0;padding:12px}.home-shell{padding:14px}.home-shell .brand-header{gap:10px;margin-bottom:14px}.home-shell .logo-placeholder{font-size:16px;height:54px;width:78px}.home-shell .company-name{font-size:21px;line-height:1.15}.home-shell .tagline{font-size:16px}.home-mobile-panel{background:#fbfcfa;border:1px solid #d5dfdc;border-radius:8px;box-shadow:0 12px 28px #19232d1a;display:grid;gap:22px;margin:0 auto;max-width:560px;padding:22px 16px}.home-welcome{display:grid;gap:18px;min-height:520px;place-items:center;text-align:center}.home-welcome h1{color:#0a3f39;font-size:34px;line-height:1.1;margin:0}.home-welcome p{color:#42544f;font-size:30px;font-weight:900;margin:0}.home-step-header p{color:#586675;font-size:18px;font-weight:800;margin:0 0 6px}.home-step-header h1{color:#0a3f39;font-size:34px;line-height:1.12;margin:0}.home-shell .field span,.home-shell .option-group legend{font-size:22px}.home-shell .field input,.home-shell .field textarea{font-size:22px;min-height:66px;padding:14px}.home-shell .field textarea{min-height:132px}.home-box-card{background:#f6f8f3;border:1px solid #d5dfdc;border-left:8px solid #b57b22;border-radius:8px;display:grid;gap:12px;padding:18px 14px}.home-box-card h2{color:#0a3f39;font-size:30px;margin:0}.home-info-box{background:#eef6f2;border:1px solid #c8d6d1;border-radius:8px;display:grid;gap:10px;padding:16px}.home-info-box h2{color:#0a3f39;font-size:24px;margin:0}.home-info-box p{color:#24332f;font-size:20px;font-weight:700;margin:0}.home-acknowledgement span{font-size:21px}.home-actions{display:grid;gap:12px}.home-full-button{font-size:24px;min-height:66px;width:100%}.home-review .review-section{background:#fff}.home-confirmation strong{font-size:26px;overflow-wrap:anywhere}.welcome-screen{align-items:center;background:linear-gradient(#fbfcfaeb,#fbfcfaeb),repeating-linear-gradient(135deg,#e4ebe7 0 16px,#d9e2df 16px 32px);border:1px solid #d5dfdc;border-radius:8px;display:grid;gap:16px;min-height:560px;padding:40px 28px;text-align:center}.welcome-mark{align-items:center;background:#0b5f50;border-radius:8px;color:#fff;display:flex;font-size:34px;font-weight:900;height:92px;justify-content:center;margin:0 auto 8px;width:132px}.welcome-screen h1{color:#0a3f39;font-size:52px;line-height:1.05;margin:0}.welcome-screen p{color:#42544f;font-size:30px;font-weight:800;margin:0}.welcome-kicker{font-size:24px!important}.welcome-start{font-size:32px;margin:22px auto 0;min-height:82px;min-width:260px}.step-header p{color:#586675;font-size:20px;font-weight:700;margin:0 0 8px}.step-header h1{font-size:38px;line-height:1.15;margin:0 0 24px}.form-grid,.review-list{display:grid;gap:22px}.field{display:grid;gap:10px}.field span,.option-group legend{font-size:24px;font-weight:800}.field small{color:#5f6e69;font-size:18px;font-weight:700}.field input,.field textarea,.field select{background:#fff;border:2px solid #8ba19a;border-radius:8px;font-size:24px;min-height:64px;padding:14px 16px;width:100%}.field textarea{min-height:130px;resize:vertical}.option-group{border:0;display:grid;gap:14px;margin:0;padding:0}.choice{align-items:center;background:#fff;border:2px solid #c7d5d0;border-radius:8px;cursor:pointer;display:flex;gap:14px;min-height:74px;padding:16px}.origin-options{gap:18px}.origin-choice{min-height:94px}.origin-choice span{font-size:28px}.box-content-card{background:#f6f8f3;border:1px solid #d5dfdc;border-left:8px solid #b57b22;border-radius:8px;display:grid;gap:12px;padding:18px}.box-content-card h2{color:#0a3f39;font-size:30px;margin:0}.choice input{height:28px;width:28px}.choice span{font-size:24px;font-weight:700}.actions{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.primary-button,.secondary-button,.text-button{border-radius:8px;cursor:pointer;font-weight:800}.primary-button,.secondary-button{border:0;font-size:24px;min-height:64px;min-width:170px;padding:16px 24px}.primary-button{background:#0b5f50;color:#fff}.primary-button:disabled{background:#a7b4bf;cursor:not-allowed}.secondary-button{background:#e5ece9;color:#18202a}.text-button{background:#fff;border:2px solid #0b6b4f;color:#0b6b4f;font-size:20px;min-height:48px;padding:8px 18px}.review-section{border:1px solid #dfe5ea;border-radius:8px;padding:18px}.review-heading{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.review-heading h2{font-size:26px;margin:0}.detail{border-top:1px solid #e5eaee;display:grid;gap:4px;padding:12px 0}.detail:first-child{border-top:0}.detail span{color:#586675;font-size:18px;font-weight:700}.detail strong{font-size:22px;line-height:1.35;white-space:pre-wrap}.confirmation{display:grid;gap:20px;text-align:center}.confirmation h2{font-size:34px;margin:0}.confirmation p{font-size:24px;margin:0}.confirmation strong{background:#f0f6f3;border:2px solid #0b6b4f;border-radius:8px;color:#0b6b4f;font-size:30px;padding:18px}.confirmation-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error{background:#ffeceb;border:1px solid #c9362b;border-radius:8px;color:#8f1f17;font-size:20px;font-weight:700;padding:14px}.success{background:#e8f5ee;border:1px solid #18895f;border-radius:8px;color:#0b5f50;font-size:20px;font-weight:800;padding:14px}.staff-layout{display:grid;gap:14px;grid-template-columns:280px minmax(0,1fr);margin:0 auto;max-width:1540px}.staff-sidebar{align-self:start;display:grid;gap:16px;position:sticky;top:16px}.queue-nav{display:grid;gap:12px}.queue-button{align-items:center;background:#fbfcfa;border:1px solid #d5dfdc;border-left:6px solid #0b5f50;border-radius:8px;color:#18202a;cursor:pointer;display:grid;font-weight:800;gap:10px;grid-template-columns:42px 1fr 42px;min-height:64px;padding:9px;text-align:left}.queue-button.active,.queue-button:hover{border-color:#0b5f50;box-shadow:0 8px 20px #0b5f501f}.queue-icon{align-items:center;background:#e8f0ed;border-radius:8px;color:#0b5f50;display:flex;height:42px;justify-content:center}.queue-badge,.queue-count{align-items:center;border-radius:999px;display:flex;font-size:18px;height:36px;justify-content:center;min-width:36px;padding:0 8px}.queue-badge{background:#c9231f;color:#fff}.queue-count{background:#e8f0ed;color:#0b5f50}.queue-badge-slot{display:block;min-width:36px}.search-panel{padding:12px}.search-panel h2,.staff-account-panel h2{font-size:24px;margin:0 0 14px}.staff-account-panel{padding:12px}.staff-account-panel .detail strong{font-size:16px;overflow-wrap:anywhere}.logout-button{margin-top:8px;width:100%}.staff-workspace{min-width:0;padding:14px}.workspace-top{border-bottom:1px solid #d5dfdc;display:grid;gap:8px;margin-bottom:8px;padding-bottom:8px}.staff-shell .step-header p{font-size:14px;margin-bottom:2px}.staff-shell .step-header h1{font-size:25px;margin-bottom:0}.status-strip,.request-meta{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.request-list{display:grid;gap:10px;overflow-x:auto}.staff-tools,.staff-actions{align-items:end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.queue-note{color:#5f6e69;font-size:18px;font-weight:800;margin:0}.staff-tools .field{flex:1 1 260px}.staff-create{border:1px solid #dfe5ea;border-radius:8px;display:grid;gap:18px;margin-bottom:22px;padding:18px}.staff-create h2,.box-editor h3{font-size:24px;margin:0}.request-row{background:#fff;border:1px solid #d9e0e6;border-radius:8px;color:#18202a;cursor:pointer;display:grid;font-size:17px;gap:12px;grid-template-columns:1.2fr 1fr 1fr 80px 1.4fr 1fr 130px;min-width:980px;padding:14px;text-align:left}.queue-list{display:grid;gap:8px;margin-bottom:18px;overflow-x:auto}.queue-row{background:#fff;border:1px solid #d9e4e0;border-radius:8px;color:#18202a;cursor:pointer;display:grid;font-size:18px;gap:12px;grid-template-columns:minmax(190px,1fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(160px,.8fr);min-width:760px;padding:14px;text-align:left}.queue-head{background:#e8f0ed;cursor:default;font-weight:900}.inquiry-results,.backup-list,.inquiry-box-table{display:grid;gap:8px;overflow-x:auto}.inquiry-row,.backup-row,.inquiry-box-row{align-items:center;background:#fff;border:1px solid #d9e4e0;border-radius:8px;color:#18202a;display:grid;font-size:14px;gap:10px;padding:10px;text-align:left}.inquiry-row{cursor:pointer;grid-template-columns:minmax(180px,1.2fr) 120px minmax(130px,1fr) minmax(130px,1fr) 150px 70px minmax(130px,.8fr) minmax(130px,.8fr) 120px 90px;min-width:1260px}.backup-row{grid-template-columns:minmax(330px,1.5fr) 120px 110px minmax(210px,.8fr);min-width:800px}.all-data-view{display:grid;gap:10px;min-width:0}.all-data-tools{position:relative;z-index:2}.all-data-filter-grid{align-items:end;display:flex;flex-wrap:wrap;gap:8px}.all-data-filter-grid .compact-field{flex:1 1 150px;min-width:150px}.all-data-filter-grid .compact-field:first-child{flex-basis:260px;min-width:240px}.compact-action-button{font-size:14px;line-height:1.15;min-height:36px;min-width:112px;padding:8px 12px;white-space:normal}.all-data-filter-grid .compact-action-button{flex:0 1 auto;font-size:14px;min-height:36px;min-width:112px;padding:8px 12px;width:auto}.all-data-selection{color:#0a3f39;font-size:15px;font-weight:900;margin:2px 0 0}.all-data-table-wrap{border:1px solid #cfdad6;border-radius:8px;max-height:calc(100vh - 245px);overflow:auto}.all-data-table{border-collapse:separate;border-spacing:0;font-size:12px;min-width:3600px;width:max-content}.all-data-table th,.all-data-table td{background:#fff;border-bottom:1px solid #dfe7e4;border-right:1px solid #e4ebe8;max-width:230px;min-width:110px;padding:7px 9px;text-align:left;vertical-align:top;white-space:nowrap}.all-data-table th{background:#e8f0ed;color:#0a3f39;font-weight:900;position:sticky;top:0;z-index:1}.all-data-table th:first-child,.all-data-table td:first-child{left:0;min-width:44px;position:sticky;text-align:center;z-index:2}.all-data-table th:nth-child(2),.all-data-table td:nth-child(2){left:44px;min-width:185px;position:sticky;z-index:2}.all-data-table th:first-child,.all-data-table th:nth-child(2){z-index:3}.all-data-table tbody tr{cursor:pointer}.all-data-table tbody tr:hover td{background:#f4f8f6}.all-data-table tbody tr.selected td{background:#e5f3ee}.select-cell input{height:18px;width:18px}.batch-list,.batch-detail{display:grid;gap:12px}.batch-row{align-items:center;background:#fff;border:0;border-bottom:1px solid #dfe7e4;color:#18202a;cursor:pointer;display:grid;font:inherit;gap:8px;grid-template-columns:1.2fr .8fr .5fr .6fr .8fr 1fr 1fr 1fr;min-height:42px;padding:8px 10px;text-align:left}.batch-row:hover{background:#f4f8f6}.batch-head{background:#e8f0ed;color:#0a3f39;cursor:default;font-weight:900;position:sticky;top:0}.batch-summary{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(120px,1fr))}.batch-box-table-wrap{border:1px solid #cfdad6;border-radius:8px;overflow:auto}.batch-box-table{border-collapse:separate;border-spacing:0;font-size:13px;min-width:980px;width:100%}.batch-box-table th,.batch-box-table td{background:#fff;border-bottom:1px solid #dfe7e4;border-right:1px solid #e4ebe8;padding:8px;text-align:left;vertical-align:top}.batch-box-table th{background:#e8f0ed;color:#0a3f39;font-weight:900}.eligible-box-list{display:grid;gap:6px}.eligible-box-row{align-items:center;background:#fff;border:1px solid #dfe7e4;border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr auto;padding:8px}.batch-receiving-tools{align-items:end}.receiving-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.received-box-row td{background:#eef8f1}.received-indicator,.missing-indicator{border-radius:999px;display:inline-block;font-size:12px;font-weight:900;padding:4px 8px}.received-indicator{background:#d8f0df;color:#176137}.missing-indicator{background:#fff0d4;color:#7b4a08}.backup-group{background:#f8faf7;border:1px solid #d5dfdc;border-radius:8px;display:grid;gap:8px;padding:10px}.backup-group h2{color:#0a3f39;font-size:17px;margin:0}.download-button{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:36px;min-width:0;padding:8px 10px;text-decoration:none}.restore-row{align-items:center;background:#fff;border:1px solid #d9e4e0;border-radius:8px;color:#18202a;display:grid;font-size:14px;gap:10px;grid-template-columns:70px minmax(330px,1.5fr) minmax(170px,.8fr) 110px;min-width:800px;padding:10px;text-align:left}.inquiry-box-row{grid-template-columns:80px minmax(170px,.9fr) minmax(240px,1.4fr) minmax(190px,1fr) minmax(100px,.7fr);min-width:840px}.inquiry-head,.backup-head{background:#e8f0ed;color:#0a3f39;cursor:default;font-weight:900}.inquiry-detail,.backup-panel{display:grid;gap:10px}.inquiry-summary{display:grid;gap:8px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.inquiry-actions{justify-content:flex-start}.request-work-form{display:grid;gap:18px}.staff-flow-page{display:grid;gap:8px}.compact-meta{display:flex;flex-wrap:wrap;gap:8px}.compact-meta span{background:#e8f0ed;border:1px solid #c8d6d1;border-radius:8px;color:#0a3f39;font-size:14px;font-weight:900;padding:7px 10px}.staff-detail-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-section{background:#f8faf7;border:1px solid #d5dfdc;border-radius:8px;display:grid;gap:7px;padding:9px}.compact-section h2{color:#0a3f39;font-size:18px;margin:0}.section-line{align-items:center;display:flex;justify-content:space-between;gap:10px}.compact-field{display:grid;gap:4px}.compact-field span{color:#41524e;font-size:13px;font-weight:900}.compact-field input,.compact-field textarea,.compact-field select{background:#fff;border:1px solid #9cafaa;border-radius:6px;color:#18202a;font-size:15px;min-height:32px;padding:6px 8px;width:100%}.compact-field textarea{min-height:46px;resize:vertical}.home-staff-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-staff-summary,.home-staff-boxes{display:grid;gap:8px}.home-staff-summary,.home-staff-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}.home-staff-box{background:#fff;border:1px solid #d9e4e0;border-radius:8px;display:grid;gap:7px;padding:9px}.home-staff-box h3{color:#0a3f39;font-size:16px;margin:0}.acknowledgement-row{justify-content:flex-start}.staff-box-contents{display:grid;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.box-content-row{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.compact-button{font-size:14px;min-height:32px;padding:5px 9px}.measurement-table{display:grid;gap:6px;overflow-x:auto}.measurement-row{align-items:end;display:grid;gap:8px;grid-template-columns:80px minmax(220px,1.4fr) repeat(4,minmax(90px,.7fr));min-width:820px}.measurement-row strong{align-self:center;color:#0a3f39;font-size:15px}.measurement-head{align-items:center;background:#e8f0ed;border-radius:6px;color:#0a3f39;font-size:13px;font-weight:900;padding:8px 10px}.staff-charge-grid,.payment-amounts{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.compact-total,.compact-status{background:#e8f0ed;border:1px solid #0b5f50;border-radius:6px;display:grid;gap:4px;min-height:58px;padding:8px 10px}.compact-total span,.compact-status span{color:#0b5f50;font-size:13px;font-weight:900}.compact-total strong,.compact-status strong{color:#0a3f39;font-size:20px}.payment-methods{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.payment-choice{align-items:center;background:#fff;border:1px solid #c8d6d1;border-radius:6px;cursor:pointer;display:flex;gap:8px;min-height:42px;padding:8px 10px}.payment-choice input{height:18px;width:18px}.payment-choice span{font-size:14px;font-weight:900}.flow-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:2px}.flow-actions .primary-button,.flow-actions .secondary-button{font-size:16px;min-height:40px;min-width:126px;padding:10px 14px}.compact-error,.compact-success{font-size:15px;margin:0;padding:8px 10px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.person-columns{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.wide-section{display:grid;gap:14px}.simple-box-grid,.confirmed-box-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.request-row:hover{border-color:#0b6b4f}.box-list{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.box-editor,.box-review,.confirmed-box{border:1px solid #dfe5ea;border-radius:8px;display:grid;gap:14px;padding:16px}.measurement-grid,.charge-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.total-line{align-items:center;background:#f0f6f3;border:2px solid #0b6b4f;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.total-line span{color:#0b6b4f;font-size:22px;font-weight:800}.total-line strong{color:#0b6b4f;font-size:30px}.billing-summary{border-top:1px solid #dfe5ea;display:grid;gap:8px;padding-top:12px}.barcode-preview{background:#fff;border:1px solid #c7d0d8;height:94px;overflow:hidden;padding:10px}.barcode-preview svg{height:72px;max-width:100%;width:100%}.empty{color:#586675;font-size:22px;margin:0}@media(max-width:840px){.app-shell{padding:14px}.brand-header{align-items:flex-start}.logo-placeholder{height:62px;min-width:92px;width:92px}.company-name{font-size:22px}.tagline,.step-header p{font-size:18px}.panel{padding:20px}.step-header h1{font-size:31px}.field span,.option-group legend,.choice span,.field input,.field textarea,.primary-button,.secondary-button{font-size:21px}.actions{gap:12px}.primary-button,.secondary-button{min-width:132px}.staff-layout{grid-template-columns:1fr}.staff-sidebar{position:static}.status-strip,.request-meta,.staff-detail-columns,.staff-box-contents,.home-staff-grid,.home-staff-summary,.home-staff-boxes,.all-data-filter-grid,.staff-charge-grid,.payment-amounts,.payment-methods,.person-columns,.simple-box-grid,.confirmed-box-grid,.box-list,.measurement-grid,.charge-grid{grid-template-columns:1fr}}.company-logo{width:280px;height:130px;object-fit:contain;display:block}