@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--page-bg:linear-gradient(180deg, #050814 0%, #0c1220 100%);--panel-bg:#0e1423eb;--panel-border:#94a3b82e;--text-strong:#edf2f7;--text-muted:#9aa7bd;--accent:#0046fc;--accent-strong:#7fa1ff;--accent-soft:#0046fc24;--accent-border:#0046fc75;--success:#00c7b2;--success-strong:#5ff2df;--success-soft:#00c7b21f;--success-border:#00c7b26b;--danger:#f87171;--danger-soft:#f871712e;--control-bg:#0f172af0;--control-border:#94a3b83d;--shadow-color:#02061773;--warning:#facc15;--warning-strong:#fde68a;--warning-soft:#facc151f;--warning-border:#facc1566;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:clamp(1.75rem, 3.2vw, 2.5rem);--label-tracking:.06em;color:var(--text-strong);background:var(--page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}body{background:var(--page-bg);min-width:320px;min-height:100vh;font-size:var(--text-base);margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{color:var(--text-strong);letter-spacing:0;font-family:Fraunces,serif;font-weight:600;line-height:1.25}#root{min-height:100vh}.app-shell{width:min(1280px,100vw - 32px);margin:0 auto;padding:28px 0 56px}.topbar{align-items:center;margin-bottom:24px;display:flex}.brand-logo{object-fit:contain;width:340px;height:auto}.review-toolbar{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 14px 40px var(--shadow-color);border-radius:2px;justify-content:space-between;align-items:center;gap:20px;padding:4px 10px;display:flex}.review-toolbar h1{font-size:var(--text-xl);margin:0 0 7px;line-height:1.05}.review-toolbar p,.empty-state p{max-width:720px;color:var(--text-muted);font-size:var(--text-base);margin:0;line-height:1.55}.guide-button,.file-picker{flex:none;position:relative}.review-toolbar__actions{flex:none;gap:8px;display:flex}.guide-button{border:1px solid var(--control-border);min-height:38px;color:var(--text-strong);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-picker span,.submit-button,.secondary-button{border:1px solid var(--accent-border);background:var(--accent-soft);min-height:38px;color:var(--accent-strong);font-size:var(--text-sm);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.submit-button:disabled,.secondary-button:disabled{border-color:var(--control-border);color:var(--text-muted);cursor:not-allowed;background:#ffffff08}.file-picker:has(input:disabled) span{border-color:var(--control-border);color:var(--text-muted);cursor:not-allowed;background:#ffffff08}.secondary-button{border-color:var(--control-border);color:var(--text-strong);cursor:pointer;background:#ffffff08}.upload-panel{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:16px;display:grid}.drop-zone{border:1px dashed var(--accent-border);cursor:pointer;background:#0046fc12;border-radius:9px;align-items:center;gap:14px;min-width:0;min-height:82px;padding:16px 18px;display:flex;position:relative}.drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-zone__icon{border:1px solid var(--accent-border);width:34px;height:34px;color:var(--accent-strong);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.drop-zone__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.drop-zone__copy strong{color:var(--text-strong);font-size:var(--text-base);font-weight:600}.drop-zone__copy span{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.drop-zone--busy .drop-zone__icon svg,.file-chip--uploading .file-chip__select svg:last-child{animation:1s linear infinite spin}.help-popover{align-self:start;display:inline-flex;position:relative}.help-popover__trigger{border:1px solid var(--control-border);min-height:38px;color:var(--text-strong);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;background:#ffffff08;border-radius:7px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.help-popover__content{z-index:3;border:1px solid var(--panel-border);width:min(320px,100vw - 32px);box-shadow:0 18px 48px var(--shadow-color);opacity:0;pointer-events:none;background:#0d1423;border-radius:8px;padding:14px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(4px)}.help-popover:hover .help-popover__content,.help-popover:focus-within .help-popover__content{opacity:1;transform:translateY(0)}.help-popover__content strong{font-size:var(--text-sm);margin-bottom:8px;display:block}.help-popover__content p{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 8px;line-height:1.5}.help-popover__content p:last-child{margin-bottom:0}.system-picker{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:10px;margin-top:16px;display:inline-flex}.system-picker select{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-strong);border-radius:6px;padding:7px 10px}.file-workspace{grid-template-columns:220px minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.active-file-picker{min-width:0;color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;flex-direction:column;gap:7px;display:flex}.active-file-picker select{border:1px solid var(--control-border);background:var(--control-bg);min-width:0;color:var(--text-strong);text-transform:none;border-radius:6px;padding:8px 10px}.file-list{align-items:end;gap:8px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.file-chip{border:1px solid var(--control-border);max-width:280px;min-height:34px;color:var(--text-muted);background:#ffffff08;border-radius:999px;flex:none;align-items:center;gap:2px;padding:0 6px 0 10px;display:inline-flex}.file-chip__select{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;display:inline-flex;overflow:hidden}.file-chip__select span{min-width:0;color:var(--text-strong);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-chip__remove{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.file-chip__remove:hover{color:var(--danger);background:#f8717129}.file-chip--active{border-color:var(--accent-border);background:var(--accent-soft)}.file-chip--ready .file-chip__select svg:last-child{color:var(--success-strong)}.file-chip--error{border-color:#f8717159}.file-chip--error .file-chip__select svg:last-child{color:var(--danger)}.notice,.empty-state,.status-strip,.table-frame,.dropped-rows,.create-panel,.email-inbox-panel{border:1px solid var(--panel-border);background:#0e1423c7;border-radius:8px}.email-inbox-panel{flex-direction:column;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.email-inbox-panel__header{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;display:flex}.email-inbox-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.email-inbox-item{border:1px solid var(--control-border);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.email-inbox-item__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.email-inbox-item__filename{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.email-inbox-item__detail{color:var(--text-muted);font-size:.72rem}.email-inbox-item__error{color:var(--danger);font-size:.72rem}.email-inbox-item__actions{flex:none;align-items:center;gap:6px;display:flex}.notice{color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:11px 14px;line-height:1.45;display:flex}.notice--ready{border-color:var(--success-border);color:var(--success-strong)}.notice--error{background:var(--danger-soft);color:#fecaca;border-color:#f8717159}.notice-action,.secondary-button{border:1px solid var(--control-border);min-height:34px;color:var(--text-strong);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.notice-action{color:#fecaca;border-color:#f8717173}.notice-action:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.status-strip{border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(70px,.6fr) minmax(150px,1fr) minmax(80px,.6fr);gap:1px;margin-top:16px;display:grid;overflow:hidden}.status-strip div{background:#ffffff05;min-width:0;padding:12px 14px}.status-strip span{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;margin-bottom:5px;display:block}.status-strip strong{color:var(--text-strong);font-size:var(--text-base);font-weight:600;line-height:1.4;display:block}.status-strip div:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-frame{margin-top:14px;overflow-x:auto}.selection-toolbar{border:1px solid var(--panel-border);background:#0e1423c7;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:12px 14px;display:flex}.selection-toolbar span{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;align-items:center;gap:5px;margin-bottom:4px;display:inline-flex}.selection-toolbar strong{color:var(--text-strong);font-size:var(--text-base)}.selection-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.checkout-bar,.checkout-panel{border:1px solid var(--panel-border);background:#0e1423c7;border-radius:8px}.checkout-bar{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.checkout-bar span{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;margin-bottom:4px;display:block}.checkout-bar strong{color:var(--text-strong);font-size:var(--text-base)}.checkout-button{gap:7px}.checkout-button svg{flex:none}.checkout-button:not(:disabled) svg{color:var(--accent-strong)}.checkout-panel{margin-top:14px;padding:14px 16px}.checkout-panel__head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px;display:flex}.checkout-panel__head h2{font-size:var(--text-md);margin:0 0 4px}.checkout-panel__head p{color:var(--text-muted);font-size:var(--text-xs);margin:0}.checkout-panel__actions{flex:none;gap:8px;display:flex}.checkout-panel__error,.checkout-panel__loading{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.checkout-panel__error{color:#fecaca}.checkout-panel__loading svg{animation:1s linear infinite spin}.checkout-progress{margin-bottom:14px}.checkout-progress__track{background:var(--accent-soft);border-radius:999px;height:6px;position:relative;overflow:hidden}.checkout-progress__fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;width:40%;animation:1.1s ease-in-out infinite checkout-progress-indeterminate;position:absolute;top:0;bottom:0}.checkout-progress__label{color:var(--text-muted);font-size:var(--text-xs);margin:6px 0 0}@keyframes checkout-progress-indeterminate{0%{left:-40%}to{left:100%}}.checkout-table-frame{overflow-x:auto}.checkout-table-frame--applying{opacity:.55;pointer-events:none;transition:opacity .2s}.checkout-table{min-width:760px}.checkout-table td:first-child{align-items:center;gap:8px;display:flex}.post-submit-panel{border-top:1px solid var(--panel-border);margin-top:14px;padding-top:14px}.post-submit-panel__head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:10px;display:flex}.post-submit-panel__head h2{font-size:var(--text-md);margin:0 0 4px}.post-submit-panel__head p{max-width:680px;color:var(--text-muted);font-size:var(--text-xs);margin:0;line-height:1.5}.post-submit-panel__head .secondary-button svg{flex:none}.post-submit-panel__head .secondary-button:disabled svg{animation:1s linear infinite spin}.post-submit-panel__notice{justify-content:flex-start;margin:0 0 10px}.post-submit-panel__notice strong{color:var(--text-strong)}.post-submit-panel__notice--ready{border-color:var(--success-border)}.post-submit-panel__notice--loading{border-color:var(--accent-border)}.post-submit-panel__notice--unavailable{background:var(--danger-soft);color:#fecaca;border-color:#f8717159}.post-submit-table{min-width:860px}.result-badge{border:1px solid var(--success-border);min-width:66px;color:var(--success-strong);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;display:inline-flex}.result-badge--failed{color:#fecaca;border-color:#f8717159}table{border-collapse:collapse;width:100%;min-width:960px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #94a3b821;padding:12px}th{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;font-weight:600}td{color:var(--text-strong);font-size:var(--text-sm)}tbody tr:hover{background:#0046fc0d}.create-panel-row td{background:#0046fc0a;padding:12px}.create-panel-row .create-panel{margin-top:0}.review-row--needs-review td:first-child{box-shadow:inset 3px 0 #60a5facc}.review-row--blocked td{background:#7f1d1d1f}.review-row--blocked:hover td{background:#7f1d1d2e}.review-row--blocked td:first-child{box-shadow:inset 3px 0 #f87171cc}.row-checkbox{width:16px;height:16px;accent-color:var(--accent)}.item-cell{min-width:0;max-width:440px}.item-title{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item-meta{min-width:0;color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:8px;margin-top:6px;display:flex}.item-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-badge,.issue-badge{flex:none;justify-content:center;align-items:center;display:inline-flex}.match-badge{border:1px solid var(--success-border);color:var(--success-strong);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;border-radius:999px;padding:2px 8px}.match-badge--unmatched,.match-badge--suggested{color:#fecaca;border-color:#f8717159}.match-badge--queued{border-color:var(--warning-border);color:var(--warning-strong)}.issue-stack,.qty-cell,.submit-cell{align-items:center;gap:7px;display:flex}.issue-badge{color:#bfdbfe;background:#2563eb24;border:1px solid #60a5fa73;border-radius:999px;width:24px;height:24px}.quiet{color:var(--text-muted)}.computed-quantity{align-items:center;gap:7px;display:inline-flex;position:relative}.quantity-input{border:1px solid var(--control-border);width:76px;height:34px;color:var(--text-strong);font-size:var(--text-sm);text-align:right;background:#ffffff08;border-radius:6px;padding:0 8px}.quantity-input:focus{border-color:var(--accent-border);background:#0046fc14}.quantity-tooltip{display:inline-flex;position:relative}.quantity-tooltip__trigger{border:1px solid var(--accent-border);background:var(--accent-soft);width:24px;height:24px;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.quantity-tooltip__content{z-index:10;border:1px solid var(--accent-border);width:min(280px,80vw);box-shadow:0 12px 34px var(--shadow-color);color:var(--text-strong);font-size:var(--text-xs);opacity:0;pointer-events:none;background:#0e1423fa;border-radius:8px;padding:10px 11px;line-height:1.5;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.quantity-tooltip__content:after{border-right:1px solid var(--accent-border);border-bottom:1px solid var(--accent-border);content:"";background:#0e1423fa;width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.quantity-tooltip:hover .quantity-tooltip__content,.quantity-tooltip:focus-within .quantity-tooltip__content{opacity:1;transform:translate(-50%)}.qty-cell{min-width:96px}.icon-button{border:1px solid var(--control-border);width:24px;height:24px;color:var(--text-muted);background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-button:disabled{opacity:.45;cursor:not-allowed}.submit-cell{flex-direction:column;align-items:flex-start}.submit-button{cursor:pointer;min-width:92px}.row-error{max-width:200px;color:var(--danger);font-size:var(--text-xs);line-height:1.4}.blocked-reason{color:#fecaca;max-width:200px;font-size:var(--text-xs);line-height:1.4}.create-panel{margin-top:14px;padding:16px}.create-panel__head,.similar-panel__head{justify-content:space-between;align-items:start;gap:12px;display:flex}.create-panel h2,.similar-panel h3{font-size:var(--text-md);margin:0 0 5px}.create-panel p,.similar-panel p{color:var(--text-muted);font-size:var(--text-xs);margin:0;line-height:1.5}.create-panel__grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:16px;margin-top:14px;display:grid}.create-form,.similar-panel{border:1px solid var(--panel-border);background:#ffffff06;border-radius:8px;min-width:0;padding:14px}.create-form,.create-form label,.catalog-search,.candidate-list{flex-direction:column;display:flex}.create-form{gap:12px}.create-form label,.catalog-search{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;gap:6px}.create-form input,.catalog-search input{border:1px solid var(--control-border);min-width:0;height:36px;color:var(--text-strong);font-size:var(--text-sm);text-transform:none;background:#ffffff08;border-radius:6px;padding:0 10px}.create-form__split{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.create-form__actions{flex-wrap:wrap;gap:8px;display:flex}.catalog-search{margin-top:10px}.catalog-search div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.candidate-list{gap:8px;margin-top:10px}.candidate-row{border:1px solid var(--control-border);background:#ffffff06;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.candidate-row div{flex-direction:column;gap:4px;min-width:0;display:flex}.candidate-row strong,.candidate-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.candidate-row strong{font-size:var(--text-sm)}.candidate-row span{color:var(--text-muted);font-size:var(--text-xs)}.empty-state{text-align:center;margin-top:14px;padding:36px 24px}.empty-state h2{font-size:var(--text-lg);margin:0 0 8px}.empty-state p{margin-left:auto;margin-right:auto}.dropped-rows{color:var(--text-muted);font-size:var(--text-sm);margin-top:14px;padding:11px 14px}.dropped-rows summary{cursor:pointer}.modal-backdrop{z-index:10;background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.guide-modal{border:1px solid var(--panel-border);background:#0b1220;border-radius:10px;width:min(980px,100%);max-height:min(760px,100vh - 48px);padding:22px;overflow:auto;box-shadow:0 24px 70px #020617b3}.guide-modal__head,.guide-section__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-modal__head h2{font-size:var(--text-lg);margin:0}.guide-section__head h3{font-size:var(--text-md);margin:0}.guide-hero{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:13px 14px;display:flex}.guide-hero strong,.guide-step strong,.guide-terms strong,.guide-badges strong{font-size:var(--text-base);font-weight:600}.guide-hero span,.guide-step em,.guide-step p,.guide-section__head span,.guide-terms span,.guide-badges span{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}.guide-hero span{text-align:right}.guide-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.guide-step,.guide-terms div,.guide-badges div{border:1px solid var(--panel-border);background:#ffffff08;border-radius:8px;min-width:0;padding:14px}.guide-step{flex-direction:column;gap:8px;display:flex}.guide-step__number{border:1px solid var(--accent-border);width:22px;height:22px;color:var(--accent-strong);font-size:var(--text-2xs);border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.guide-step em{font-style:normal}.guide-step p{margin:0}.guide-section{margin-top:20px}.guide-terms,.guide-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.guide-terms div,.guide-badges div{flex-direction:column;gap:6px;display:flex}.history-modal{width:min(1180px,100%)}.history-modal__intro{color:var(--text-muted);font-size:var(--text-sm);margin:12px 0 0}.history-filters{border:1px solid var(--panel-border);background:#ffffff08;border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px;margin-top:16px;padding:14px;display:flex}.history-filters label{min-width:140px;color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;flex-direction:column;flex:140px;gap:7px;display:flex}.history-filters input{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-strong);font-size:var(--text-sm);text-transform:none;border-radius:6px;padding:8px 10px}.history-filters__actions{flex:none;gap:8px;display:flex}.history-table-frame{max-height:min(480px,100vh - 420px)}.history-table{min-width:860px}.history-table td{vertical-align:top}.history-table__meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:3px;display:block}.history-qty{color:var(--text-strong);align-items:center;gap:6px;display:inline-flex}.history-qty svg{color:var(--text-muted)}.history-notes{flex-direction:column;gap:5px;display:flex}.history-notes__badges{flex-wrap:wrap;gap:5px;display:flex}.history-badge{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--text-2xs);letter-spacing:var(--label-tracking);text-transform:uppercase;border-radius:999px;padding:2px 8px;display:inline-flex}.history-notes__source{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.history-pagination{color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.history-pagination__actions{gap:8px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.app-shell{width:min(100vw - 20px,1280px);padding-top:14px}.review-toolbar,.notice,.selection-toolbar,.checkout-bar,.checkout-panel__head,.checkout-panel__actions,.email-inbox-item{flex-direction:column;align-items:stretch}.guide-button,.notice-action,.checkout-button,.secondary-button,.file-picker span{width:100%}.review-toolbar__actions{flex-direction:column;width:100%}.history-filters{flex-direction:column;align-items:stretch}.history-filters label{flex:none}.history-pagination{flex-direction:column;align-items:stretch}.selection-toolbar__actions{justify-content:stretch}.upload-panel,.file-workspace,.create-panel__grid,.guide-flow,.guide-terms,.guide-badges,.candidate-row{grid-template-columns:minmax(0,1fr)}.help-popover{width:100%}.help-popover__trigger{justify-content:center;width:100%}.help-popover__content{left:0;right:auto}.modal-backdrop{align-items:stretch;padding:10px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel-bg);border:1px solid var(--panel-border);width:100%;max-width:360px;box-shadow:0 24px 48px var(--shadow-color);text-align:center;border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}.login-card h1{font-size:var(--text-xl);margin:0}.login-card p{color:var(--text-muted);font-size:var(--text-base);margin:0}.login-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.login-button{font-size:var(--text-sm);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.login-button-primary{background:var(--accent);border:1px solid var(--accent-border);color:var(--text-strong)}.login-button-primary:hover{background:var(--accent-strong)}.login-button-secondary{background:var(--control-bg);border:1px solid var(--control-border);color:var(--text-strong)}.login-button-secondary:hover{border-color:var(--accent-border)}.login-error{color:var(--danger);font-size:var(--text-sm)}