:root{color-scheme:light;--color-primary: #185fa5;--color-primary-dark: #124c86;--color-primary-soft: rgba(255, 255, 255, .16);--color-background: #f4f7fb;--color-surface: #ffffff;--color-border: #dce5ef;--color-text: #152238;--color-muted: #6a778a;--color-good: #1d9e75;--color-warning: #ba7517;--color-danger: #c94343;--shadow-soft: 0 12px 30px rgba(24, 95, 165, .09);--radius-card: 14px;--radius-control: 12px;--spacing-page: clamp(16px, 4vw, 28px);--content-max-width: 1080px;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--color-background);text-size-adjust:100%}body{margin:0;color:var(--color-text);background:var(--color-background)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}svg{width:22px;height:22px;fill:currentColor}.app-shell{min-height:100dvh;padding-block-end:86px}.app-header{color:#fff;background:var(--color-primary);border-end-start-radius:28px;border-end-end-radius:28px;box-shadow:var(--shadow-soft)}.app-header__top,.app-header__summary,.app-main{width:min(100%,var(--content-max-width));margin-inline:auto}.app-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:28px var(--spacing-page) 16px}.app-header__lead{display:flex;align-items:center;gap:12px;min-width:0}.back-button{flex-shrink:0}.app-header__company{margin:0 0 6px;color:#ffffffc2;font-size:.9rem;font-weight:700}.app-header h1{margin:0;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;letter-spacing:0}.app-header__user{display:block;margin-block-start:8px;color:#ffffffd1;font-size:.92rem}.app-header__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;padding:0 var(--spacing-page) 22px}.summary-card{min-height:76px;padding:13px 14px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-card);background:var(--color-primary-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary-card span{display:block;color:#ffffffc7;font-size:.8rem;line-height:1.4}.summary-card strong{display:block;margin-block-start:7px;color:#fff;font-size:clamp(1rem,3vw,1.28rem);line-height:1.2;overflow-wrap:anywhere}.summary-card--green{background:#1d9e753d}.summary-card--amber{background:#ba75173d}.app-main{padding:18px var(--spacing-page) 0;overflow-x:clip}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#ffffff24;transition:transform .16s ease,background .16s ease}.icon-button:hover{background:#ffffff38;transform:translateY(-1px)}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100% - 18px,620px);margin-inline:auto;margin-block-end:10px;padding:8px;border:1px solid rgba(220,229,239,.92);border-radius:22px;background:#fffffff0;box-shadow:0 16px 40px #15223824;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav__item{display:grid;min-height:56px;place-items:center;align-content:center;gap:4px;color:#8792a3;text-decoration:none;border-radius:16px;transition:color .16s ease,background .16s ease}.bottom-nav__item span{max-width:100%;font-size:.72rem;font-weight:700;line-height:1.2;text-align:center}.bottom-nav__item.active{color:var(--color-primary);background:#185fa517}.card-list{display:grid;gap:12px}.filter-strip{display:flex;gap:8px;margin-block-end:14px;padding-block-end:2px;overflow-x:auto;scrollbar-width:none}.filter-strip::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;min-height:38px;padding:0 14px;color:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.86rem;font-weight:800;white-space:nowrap}.filter-chip--active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.card-link{color:inherit;text-decoration:none}.status-pill,.ready-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1;white-space:nowrap}.status-pill--gray{color:#607086;background:#6a778a1f}.status-pill--amber{color:#95600f;background:#ba751724}.status-pill--blue{color:var(--color-primary);background:#185fa51f}.status-pill--green,.ready-badge{color:var(--color-good);background:#1d9e7521}.status-pill--red{color:var(--color-danger);background:#c943431f}.pagination,.action-grid,.floating-actions{display:grid;gap:10px}.pagination{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-block-start:14px}.pagination span{color:var(--color-muted);font-size:.9rem;font-weight:800;text-align:center}.floating-actions{margin-block-start:14px}.toolbar-row{display:flex;justify-content:flex-end;margin-block-end:14px}.search-row{display:flex;gap:10px;margin-block-end:14px}.home-greeting{margin:0 0 14px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-end:14px}.shortcut-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px;padding:16px;color:var(--color-text);text-decoration:none;font-weight:900;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 8px 22px #1522380a;transition:transform .16s ease,border-color .16s ease}.shortcut-card:hover{transform:translateY(-1px);border-color:#185fa557}.shortcut-card svg{width:28px;height:28px;color:var(--color-primary)}.toolbar-row--start{justify-content:space-between;align-items:center}.inline-field{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:.86rem;font-weight:800}.inline-field select{min-height:40px;padding:0 10px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff}.search-input{flex:1;min-height:44px;min-width:0;padding:0 14px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff;outline:none}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #185fa51f}.tab-row{gap:8px;flex-wrap:wrap}.tab-strip{display:flex;gap:8px;margin-block-end:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tab-strip::-webkit-scrollbar{display:none}.mobile-only{display:none}.desktop-only{display:block}.record-list{display:grid;gap:10px;margin-block-start:12px}.record-card{display:grid;gap:8px;padding:12px;border:1px solid rgba(220,229,239,.9);border-radius:var(--radius-control);background:#fff}.record-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.record-card__title{min-width:0;color:var(--color-text);font-size:.92rem;font-weight:900;line-height:1.4;overflow-wrap:anywhere}.record-card__badge{flex-shrink:0;max-width:46%;padding:4px 8px;color:var(--color-muted);border-radius:999px;background:#6a778a1a;font-size:.72rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere;text-align:end}.record-card__meta{margin:0;color:var(--color-muted);font-size:.8rem;font-weight:800;line-height:1.45;overflow-wrap:anywhere}.record-card__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.record-card__grid--single{grid-template-columns:1fr}.record-card__grid--quad{grid-template-columns:repeat(2,minmax(0,1fr))}.record-card--alert{border-color:#ba751747;background:#ba75170d}.record-card--reconciled{border-color:#c9434347;background:#c9434312}.data-table tr.is-reconciled td{background:#c9434312}.toolbar-panel{gap:10px}.inline-field--grow,.inline-field--grow select{flex:1;min-width:0}.toolbar-panel__action{justify-self:stretch;text-align:center;text-decoration:none}.record-card__field{min-width:0;padding:8px;border-radius:10px;background:#f4f7fbe6}.record-card__field dt{margin:0;color:var(--color-muted);font-size:.72rem;font-weight:800}.record-card__field dd{margin:4px 0 0;color:var(--color-text);font-size:.84rem;font-weight:900;line-height:1.35;overflow-wrap:anywhere}.record-card__field--emphasis{background:#185fa514}.record-card__field--emphasis dd{color:var(--color-primary)}.detail-card__lead{display:grid;gap:8px}.detail-card__eyebrow{margin:0;color:var(--color-muted);font-size:.8rem;font-weight:800}.detail-card--hero .detail-card__lead h2{margin:0;font-size:1.1rem;line-height:1.4;overflow-wrap:anywhere}.detail-card--tabs{padding-block-start:14px}.form-grid--dates{margin-block-start:0}.table-scroll{margin-block-start:12px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.86rem;white-space:nowrap}.data-table th,.data-table td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-muted);font-size:.78rem;font-weight:800}.data-table td{color:var(--color-text);font-weight:700}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px;padding:12px 14px;border-radius:var(--radius-control);font-size:.9rem;font-weight:800;line-height:1.5}.toast--success{color:var(--color-good);background:#1d9e751f}.toast--error{color:var(--color-danger);background:#c943431a}.banner{margin-block-end:12px;padding:12px 14px;border-radius:var(--radius-control);font-size:.9rem;font-weight:800;line-height:1.6}.banner--success{color:var(--color-good);background:#1d9e751f}.toast button,.ghost-button{min-height:34px;padding:0 12px;color:inherit;border:1px solid currentColor;border-radius:999px;background:transparent;font-weight:900}.details-stack{display:grid;gap:12px}.detail-card{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 8px 22px #1522380a}.detail-card--hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-card h2,.line-card h3{margin:0;color:var(--color-text)}.detail-card h2{font-size:1.08rem;line-height:1.35}.detail-card--hero h2{margin-block-start:10px;font-size:1.28rem}.detail-card--hero p,.muted-line{margin:6px 0 0;color:var(--color-muted);line-height:1.7}.section-title-row,.line-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px}.detail-grid,.mini-grid{display:grid;gap:10px;margin:12px 0 0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid div,.mini-grid div{min-width:0;padding:10px;border-radius:12px;background:#f4f7fbd1}.detail-grid dt,.mini-grid dt{color:var(--color-muted);font-size:.78rem;font-weight:800}.detail-grid dd,.mini-grid dd{margin:5px 0 0;color:var(--color-text);font-size:.94rem;font-weight:900;line-height:1.35;overflow-wrap:anywhere}.line-list{display:grid;gap:10px;margin-block-start:12px}.line-card{padding:13px;border:1px solid rgba(220,229,239,.86);border-radius:var(--radius-control);background:#fff}.line-card h3{font-size:.98rem;line-height:1.45}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-wizard{margin-block-end:14px}.wizard-grid,.form-grid{display:grid;gap:10px}.wizard-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-end:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:12px}.form-grid__wide{grid-column:1 / -1}.form-grid label,.file-step,.price-row{display:grid;gap:7px;color:var(--color-text);font-size:.88rem;font-weight:900}.field-note{color:var(--color-warning);font-size:.78rem;font-weight:800;line-height:1.5}.form-grid input,.form-grid select,.price-row input{min-height:44px;width:100%;padding:0 12px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.price-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #185fa51f}.form-grid input[readonly]{color:var(--color-primary);background:#185fa512;font-weight:900}.file-step{min-width:0;min-height:126px;align-content:start;padding:13px;border:1px dashed rgba(24,95,165,.35);border-radius:var(--radius-control);background:#185fa50f}.file-step--parsed{border-color:#1d9e7557;background:#1d9e7512}.file-step--error{border-color:#c9434359;background:#c943430f}.file-step span{color:var(--color-muted);font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.file-step input{max-width:100%;min-width:0;color:var(--color-muted);font-size:.74rem;overflow:hidden}.upload-state{display:inline-flex;width:fit-content;max-width:100%;min-height:28px;align-items:center;padding:0 10px;color:var(--color-muted);border-radius:999px;background:#6a778a1a;font-size:.76rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.upload-state--pending{color:var(--color-primary);background:#185fa51f}.upload-state--parsed{color:var(--color-good);background:#1d9e7521}.upload-state--error{color:var(--color-danger);background:#c943431f}.parse-result{margin-block-start:12px;padding:13px;border:1px solid rgba(220,229,239,.86);border-radius:var(--radius-control);background:#f4f7fbb8}.parse-result h3{margin:0;font-size:.98rem;line-height:1.45}.line-card--warning{border-color:#ba751759;background:#ba75170f}.toggle-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr}.toggle-row input{width:20px;min-height:20px}.price-row{grid-template-columns:minmax(0,1fr) minmax(120px,180px);align-items:center;padding:12px;border:1px solid rgba(220,229,239,.86);border-radius:var(--radius-control);background:#fff}.price-row span{min-width:0;overflow-wrap:anywhere}.data-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 8px 22px #1522380a;transition:transform .16s ease,border-color .16s ease}.data-card:hover{transform:translateY(-1px);border-color:#185fa557}.data-card__icon{display:grid;width:48px;height:48px;place-items:center;color:#fff;border-radius:14px;background:var(--color-primary)}.data-card--available .data-card__icon{background:var(--color-good)}.data-card--low .data-card__icon{background:var(--color-warning)}.data-card--danger .data-card__icon{background:var(--color-danger)}.data-card__content{min-width:0}.data-card__content h2{margin:0;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}.data-card__content p,.data-card__content span{margin:0;color:var(--color-muted);font-size:.84rem;line-height:1.55}.data-card__value{color:var(--color-text);font-size:.98rem;line-height:1.3;text-align:end;overflow-wrap:anywhere}.state,.state-card,.coming-soon{display:grid;place-items:center;text-align:center}.state{min-height:220px;gap:12px;color:var(--color-muted)}.state--screen{min-height:100dvh}.spinner{width:34px;height:34px;border:3px solid rgba(24,95,165,.16);border-block-start-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.state-card,.coming-soon{min-height:260px;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft)}.state-card svg,.coming-soon__icon{width:54px;height:54px;color:var(--color-primary)}.state-card h2,.coming-soon h2{margin:14px 0 6px;font-size:1.2rem}.state-card p,.coming-soon p{margin:0;color:var(--color-muted);line-height:1.7}.state-card--error svg{color:var(--color-danger)}.primary-button{min-height:44px;padding:0 18px;color:#fff;border:0;border-radius:var(--radius-control);background:var(--color-primary);font-weight:800;transition:background .16s ease,transform .16s ease}.primary-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.primary-button--wide{width:100%}.login-page{display:grid;min-height:100dvh;place-items:center;padding:var(--spacing-page);background:linear-gradient(180deg,var(--color-primary) 0 38%,var(--color-background) 38% 100%)}.login-panel{width:min(100%,430px);padding:24px;border:1px solid rgba(220,229,239,.9);border-radius:24px;background:var(--color-surface);box-shadow:0 24px 60px #15223829}.login-panel__brand{display:flex;align-items:center;gap:14px;margin-block-end:22px}.login-panel__brand>span{display:grid;width:54px;height:54px;place-items:center;color:#fff;border-radius:16px;background:var(--color-primary);font-weight:900}.login-panel__brand p,.login-panel__brand h1{margin:0}.login-panel__brand p{color:var(--color-muted);font-weight:800}.login-panel__brand h1{margin-block-start:3px;font-size:1.55rem}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px;color:var(--color-text);font-size:.92rem;font-weight:800}.login-form input{min-height:48px;padding:0 14px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff;outline:none}.login-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #185fa51f}.form-error{margin:0;padding:10px 12px;color:var(--color-danger);border-radius:var(--radius-control);background:#c9434314;font-size:.9rem;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:780px){.app-shell{padding-block-end:110px}.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.bottom-nav{inset-block-end:18px}}@media(max-width:860px){.wizard-grid{grid-template-columns:1fr}.file-step{min-height:auto}}@media(max-width:640px){.app-header__top{gap:12px;padding:16px var(--spacing-page) 12px}.app-header h1{font-size:1.15rem;line-height:1.3}.app-header__user{margin-block-start:4px;font-size:.82rem}.app-header__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-block-end:16px}.summary-card{min-height:62px;padding:10px 12px}.summary-card span{font-size:.74rem}.summary-card strong{margin-block-start:4px;font-size:.92rem}.app-main{padding-block-start:14px}.mobile-only{display:grid}.desktop-only{display:none}.detail-card{padding:12px}.detail-card h2{font-size:.95rem}.detail-grid div,.mini-grid div{padding:8px 10px}.detail-grid dd,.mini-grid dd{font-size:.88rem}.details-stack{gap:10px}.toolbar-panel{flex-direction:column;align-items:stretch}.inline-field--grow{width:100%;flex-direction:column;align-items:stretch}.inline-field--grow select{width:100%}.toolbar-panel__action{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.app-header__summary--triple{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.app-header__summary,.pagination,.action-grid,.wizard-grid,.form-grid,.detail-grid,.mini-grid{grid-template-columns:1fr}.pagination span{order:-1}.detail-card--hero,.section-title-row,.line-card__head,.toolbar-row{align-items:flex-start;flex-direction:column}.toolbar-row .primary-button,.price-row{width:100%}.price-row{grid-template-columns:1fr}.data-card{grid-template-columns:44px minmax(0,1fr)}.data-card__value{grid-column:1 / -1;padding-inline-start:56px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{width:100%;max-width:820px;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 24px 60px #0f172a47}.modal-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal-panel__title{margin:0;font-size:1.05rem}.modal-panel__subtitle{margin:4px 0 0;font-size:.8rem;color:var(--color-muted)}.modal-panel__body{padding:16px 20px;overflow:auto}.roll-summary{margin:0 0 12px;font-weight:600;font-size:.9rem}.roll-table-wrap{overflow-x:auto}.roll-table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.roll-table th,.roll-table td{padding:8px 10px;text-align:start;border-bottom:1px solid var(--color-border)}.roll-table th{color:var(--color-muted);font-weight:600;background:var(--color-primary-soft);position:sticky;top:0}.roll-table tbody tr:hover{background:var(--color-primary-soft)}.card-link--button{border:none;background:none;padding:0;width:100%;text-align:inherit;font:inherit;color:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}