:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17324d;background:#f2f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}main{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.hero{width:min(44rem,100%);padding:clamp(2rem,6vw,4rem);background:#fff;border-radius:1.25rem;box-shadow:0 1rem 3rem #17324d1a}.eyebrow{margin:0 0 .5rem;color:#28798d;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.5rem,9vw,5rem);line-height:1}.hero h1{font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.08}.summary{margin:1rem 0 2rem;font-size:1.2rem;color:#526b7f}.status{display:flex;gap:.75rem;align-items:center;padding:1rem;background:#edf3f5;border-radius:.75rem}.indicator{width:.8rem;height:.8rem;flex:0 0 auto;border-radius:50%;background:#d78b2b}.indicator.ready{background:#23805c}dl{margin:1.5rem 0 0;display:grid;gap:.75rem}dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #dce5e9;padding-bottom:.5rem}dt{color:#526b7f}dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;overflow-wrap:anywhere}button{border:0;border-radius:.6rem;padding:.75rem 1rem;background:#17677b;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:disabled{cursor:wait;opacity:.7}.danger{background:#f9e4e4;color:#8c2525}.danger:hover{background:#f3cccc}.brand-logo{display:block;width:min(20rem,72%);height:auto;margin-bottom:1.75rem}.header-brand{display:flex;align-items:center;gap:1rem;color:#17324d;font-size:1.4rem;font-weight:700}.header-brand .brand-logo{width:10rem;margin:0}.shell{min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;background:#fff}header h1{font-size:2rem}.desktop-account{display:flex;gap:1rem;align-items:center}.secondary{background:#e5eef1;color:#17324d}.primary-nav{display:flex;gap:.5rem;padding:.75rem 2rem;background:#17324d}.nav-item{white-space:nowrap;background:transparent}.workspace{display:block;min-height:auto;max-width:75rem;margin:auto;padding:2rem}.nav-item.active{background:#fff;color:#17324d}.danger-button{border:1px solid #c96d6d;background:#fff;color:#9d2e2e}.danger-button:hover{background:#fff0f0}.menu-toggle{display:none}.drawer-account{display:grid;gap:.75rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid rgb(255 255 255 / 25%);color:#fff}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.section-heading h2,.section-heading p{margin-top:0}.admin-grid{display:grid;grid-template-columns:minmax(17rem,.8fr) minmax(22rem,1.2fr);gap:1.5rem;align-items:start}.search-label,.user-form>label{display:grid;gap:.4rem;font-weight:650}input,select{width:100%;padding:.75rem;border:1px solid #aebdc6;border-radius:.5rem;background:#fff;color:#17324d;font:inherit}textarea{width:100%;padding:.75rem;resize:vertical;border:1px solid #aebdc6;border-radius:.5rem;background:#fff;color:#17324d;font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid rgb(19 195 69 / 25%);border-color:#23805c}.user-list{display:grid;gap:.6rem;margin-top:1rem}.user-row{display:flex;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:#fff;color:#17324d;border:2px solid transparent;box-shadow:0 .2rem .8rem #17324d12}.user-row.selected{border-color:#23805c}.user-row>span{display:grid;gap:.25rem}.user-row>span:last-child{justify-items:end;text-align:right}.user-row small,.user-form small{color:#657b8b;font-weight:400}.status-pill{width:fit-content;padding:.15rem .45rem;border-radius:1rem;background:#d8f2e4;color:#176240;font-size:.75rem;font-weight:700}.status-pill.inactive{background:#edf0f2;color:#65717b}.user-form{display:grid;gap:1rem;padding:1.5rem;background:#fff;border-radius:.9rem;box-shadow:0 .4rem 1.5rem #17324d14}.user-form h3{margin:0}fieldset{margin:0;padding:.8rem;border:1px solid #c7d2d8;border-radius:.5rem}.role-options{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.role-options label,.active-option{display:flex!important;align-items:center;gap:.45rem}.role-options input,.active-option input{width:auto}.notice{padding:.8rem 1rem;border-radius:.5rem}.notice.error{background:#fde8e8;color:#8c2525}.notice.success{background:#dff4e8;color:#176240}.reference-picker{display:grid;gap:.4rem;max-width:24rem;margin-bottom:1.5rem;font-weight:650}.reference-table-wrap{overflow-x:auto;border-radius:.8rem;background:#fff;box-shadow:0 .2rem .8rem #17324d12}table{width:100%;border-collapse:collapse}th,td{padding:.85rem 1rem;border-bottom:1px solid #dce5e9;text-align:left;vertical-align:top}th{background:#edf3f5}.compact-button{padding:.45rem .7rem;white-space:nowrap}.reference-form{max-width:46rem;margin-bottom:1.5rem}.xlsx-import{display:grid;gap:.4rem;max-width:34rem;margin-bottom:1.5rem;padding:1rem;border:1px dashed #8ca3af;border-radius:.7rem;background:#fff;font-weight:650}.xlsx-import small{color:#657b8b;font-weight:400}.table-actions{display:flex;gap:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 800px){header{position:relative;z-index:20;padding:.85rem 1rem;box-shadow:0 .15rem .5rem #17324d1a}.header-brand{gap:.65rem;font-size:1.15rem}.header-brand .brand-logo{width:clamp(7.5rem,28vw,9rem)}.desktop-account{display:none}.menu-toggle{display:block;white-space:nowrap}.primary-nav.drawer{position:absolute;z-index:10;top:var(--mobile-header-height, 4.75rem);right:0;width:min(22rem,88vw);min-height:calc(100vh - var(--mobile-header-height, 4.75rem));display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:1rem;overflow-y:auto;box-shadow:-.75rem 1rem 2rem #17324d38}.drawer .nav-item{width:100%;padding:.9rem 1rem;text-align:left}.drawer-account .secondary{width:100%}.admin-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}}@media (max-width: 600px){.header-brand span{max-width:5.5rem;line-height:1.05}.workspace{padding:1rem}.workspace h2{font-size:clamp(1.75rem,8vw,2.25rem);overflow-wrap:anywhere}.user-form{padding:1rem}.user-row{align-items:flex-start;flex-direction:column}.user-row>span:last-child{justify-items:start;text-align:left}}.expense-period,.expense-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;align-items:end;margin:1rem 0 2rem}.expense-period label,.expense-form label,.evidence-control{display:flex;flex-direction:column;gap:.35rem}.draft-period{padding:1rem;border:1px solid #d8e1e6;border-radius:.8rem;background:#fff;box-shadow:0 .2rem .8rem #17324d0f}.period-label{display:flex;flex-direction:column;align-self:center}.period-label small{margin-top:.2rem;color:#657b8b}.expense-workspace section{min-width:0;border-top:1px solid #d8dee5;padding-top:1rem;margin-top:1rem}.receipt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.65rem}.receipt-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;border:1px solid #d8dee5;border-radius:8px;padding:.85rem;background:#fff;color:#17324d;text-align:left}.receipt-card.selected{border-color:#17677b;box-shadow:0 0 0 2px #17677b26}.receipt-select{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:0;border-radius:0;background:transparent;color:#17324d;text-align:left}.receipt-select span,.receipt-select small{color:#53616d;font-weight:400}.receipt-card.selected .receipt-select small{color:#17677b;font-weight:700}.receipt-card span,.receipt-card label,.line-row small{color:#53616d;font-size:.88rem}.receipt-summary{position:relative;overflow:hidden;border:1px solid #d8dee5;border-radius:.85rem;background:#fff;box-shadow:0 .35rem 1rem #17324d14}.receipt-summary>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px dashed #b7c3ca;background:linear-gradient(135deg,#f9fbfc,#eef5f6)}.receipt-summary h3,.receipt-summary p{margin:0}.receipt-summary header small,.receipt-meta small{color:#657b8b;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.receipt-header-side{display:flex;flex:0 0 auto;align-items:flex-end;flex-direction:column;gap:.75rem}.receipt-total{color:#173a52;font-size:1.35rem;white-space:nowrap}.receipt-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem}.receipt-meta span{display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow-wrap:anywhere}.receipt-evidence{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:1rem;padding:1rem 1.25rem;border-top:1px dashed #b7c3ca}.receipt-capture{min-width:0;margin:0;padding:0;border:0}.receipt-capture legend{margin-bottom:.35rem;font-weight:650}.receipt-capture>small{display:block;margin-top:.5rem;color:#53616d;line-height:1.35}.receipt-source-actions{display:flex;flex-wrap:wrap;gap:.65rem}.file-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;padding:.65rem 1rem;border-radius:.55rem;background:#17677b;color:#fff;font-weight:700;cursor:pointer}.file-action:hover{background:#105568}.secondary-file-action{border:1px solid #b8c6cd;background:#e5eef1;color:#17324d}.secondary-file-action:hover{background:#d7e5e9}.file-action input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.file-action:focus-within{outline:3px solid rgb(23 103 123 / 30%);outline-offset:2px}.receipt-create-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.receipt-create-actions button,.receipt-create-actions .file-action{min-height:2.7rem}.receipt-create-actions span{font-size:1.15rem;line-height:1}.evidence-list{display:grid;gap:.35rem;margin-top:.45rem}.evidence-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-radius:.4rem;background:#f2f5f6}.evidence-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #b8c6cd;border-radius:50%;background:#fff;color:#173a52;font-size:1.15rem}.icon-button:hover{background:#e8f1f3}.icon-button.danger{border-color:#e1b5b5;color:#9d2e2e}.expense-lines-heading{margin:0;padding:1.1rem 1.25rem .5rem;border-top:1px dashed #b7c3ca}.receipt-line-list{padding:0 1.25rem}.receipt-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px dotted #cad3d8}.receipt-line>span{display:flex;flex-direction:column}.receipt-line .tax-status{width:fit-content;margin-top:.3rem;color:#53616d;font-size:.72rem}.receipt-line .needs-review{color:#9a5b00;font-weight:700}.receipt-footer{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:4.5rem 1.25rem 1.25rem;border-top:2px solid #173a52;background:#fbfcfc;font-size:1.1rem}.receipt-footer small{grid-column:1 / -1;margin-top:.8rem;color:#657b8b;text-align:center;text-transform:uppercase;letter-spacing:.15em}.receipt-footer-value{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.receipt-footer-value .icon-button{width:1.9rem;height:1.9rem;font-size:.95rem}.empty-receipt-selection{padding:2rem;border:1px dashed #aebdc6;border-radius:.8rem;color:#53616d;text-align:center}.context-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.context-heading h3,.context-heading p{margin:0}.context-heading p{margin-top:.2rem;color:#53616d}.context-option{padding:.4rem .7rem;background:#e5eef1;color:#17324d;font-size:.85rem}.context-option.selected{background:#17677b;color:#fff}.line-count{flex:0 0 auto;padding:.25rem .6rem;border-radius:999px;background:#e5eef1;color:#53616d;font-size:.8rem;font-weight:700}.context-actions,.line-actions,.receipt-actions,.dialog-actions{display:flex;align-items:center;gap:.75rem}.receipt-actions{justify-content:flex-end}.receipt-actions .icon-button{width:2.75rem;height:2.75rem}.line-actions{flex:0 0 auto}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#0c1e2d99}.line-dialog{width:min(58rem,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem;border-radius:1rem;background:#f7fafb;box-shadow:0 1.5rem 4rem #0c1e2d4d}.date-range-dialog{width:min(36rem,100%)}.ai-choice-dialog{width:min(34rem,100%)}.camera-dialog{width:min(44rem,100%)}.camera-preview{display:block;width:100%;max-height:65vh;margin-top:1rem;border-radius:.7rem;background:#0c1e2d;object-fit:contain}.camera-dialog .dialog-actions{margin-top:1rem}.ai-choice-dialog .dialog-actions{justify-content:flex-end;margin-top:1.25rem}.extraction-dialog{width:min(38rem,100%)}.evidence-name-field{display:grid;gap:.4rem;margin-top:1rem;font-weight:650}.evidence-name-field small{color:#53616d;font-weight:400}.extraction-progress{display:grid;gap:.75rem;margin-top:1.25rem}.extraction-progress progress{width:100%;height:.75rem;accent-color:#17677b}.extraction-progress span{color:#53616d;line-height:1.4}.extraction-attempt{display:block;margin-top:.75rem;color:#53616d}.extraction-summary,.extraction-failure{margin-top:1.25rem;padding:1rem;border-radius:.7rem}.extraction-summary{border:1px solid #98ceb0;background:#e4f5eb;color:#176240}.extraction-failure{border:1px solid #e6a5a5;background:#fff1f1;color:#8c2929}.extraction-summary p,.extraction-failure p{margin:.35rem 0 0}.extraction-failure button{margin-top:.75rem}.extraction-dialog .dialog-actions{margin-top:1rem}.date-range-dialog .expense-period{margin-bottom:0}.date-range-dialog .dialog-actions{grid-column:1 / -1;justify-content:flex-end}.create-draft-launch{display:flex;align-items:flex-start;justify-content:center;padding-top:1rem}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-heading h3,.dialog-heading p{margin:0}.dialog-heading p{margin-top:.25rem;color:#53616d}.line-dialog .line-form{grid-template-columns:repeat(3,minmax(9rem,1fr));margin-bottom:0}.receipt-dialog{width:min(44rem,100%)}.line-dialog .receipt-form{grid-template-columns:repeat(2,minmax(12rem,1fr));margin-bottom:0}.dialog-actions{grid-column:1 / -1;justify-content:flex-end;padding-top:.5rem}.empty-context{margin:0;padding:1rem;border:1px dashed #aebdc6;border-radius:.6rem;color:#53616d}.validation-summary{display:flex;flex-direction:column;gap:.4rem;grid-column:1 / -1;margin-bottom:1rem;padding:1rem;border-radius:.7rem}.validation-summary.valid{border:1px solid #98ceb0;background:#e4f5eb;color:#176240}.validation-summary.invalid{border:1px solid #e0ae65;background:#fff2dc;color:#71480c}.validation-summary ul{margin:.25rem 0 0;padding-left:1.25rem}.line-list,.draft-list{display:grid;gap:.5rem}.line-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7ebef;padding:.7rem 0}.line-row span{display:flex;flex-direction:column}.line-row .tax-status{width:fit-content;margin-top:.35rem;padding:.15rem .5rem;border-radius:999px;background:#e8edf0;color:#53616d;font-size:.75rem;font-weight:700}.line-row .tax-status.taxable{background:#dff1e8;color:#176240}.line-row .tax-status.needs-review{background:#fff2dc;color:#71480c}.totals{position:sticky;bottom:0;display:flex;gap:1rem;align-items:center;background:#173a52;color:#fff;padding:.8rem 1rem;border-radius:8px;margin-top:2rem}.totals h3{margin:0}.mileage-workspace{max-width:68rem}.mileage-workspace>.notice{max-width:54rem;margin-right:auto;margin-left:auto;text-align:center}.mileage-trip-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;width:min(54rem,100%);margin:0 auto 2.5rem;padding:1.5rem}.mileage-trip-form h3,.mileage-wide-field,.mileage-form-actions{grid-column:1 / -1}.mileage-trip-form label{display:grid;gap:.4rem;min-width:0;font-weight:650}.mileage-form-actions{display:flex;justify-content:center;padding-top:.5rem}.mileage-form-actions button{min-width:10rem}.mileage-workspace>section{margin-top:1rem}.mileage-workspace .claim-total{display:flex;justify-content:center;gap:.75rem;margin:1.25rem 0;font-size:1.1rem}.mileage-submit-action{display:flex;justify-content:center}@media (min-width: 700px){.expense-home{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem 2rem;align-items:start}.expense-home>.section-heading,.expense-home>.notice{grid-column:1 / -1}.expense-home>.create-draft-launch{grid-column:1 / -1;grid-row:2;justify-content:center}.expense-home>.existing-drafts{grid-column:1 / -1;grid-row:3;width:min(30rem,100%);justify-self:center}.expense-home>.existing-drafts h3{text-align:center}.expense-home .expense-period{grid-template-columns:1fr 1fr;margin:0;padding:1.25rem;border-radius:.8rem;background:#fff;box-shadow:0 .2rem .8rem #17324d12}.expense-home .expense-period button{grid-column:1 / -1;justify-self:start;min-width:12rem}.existing-drafts h3{margin-top:0}.draft-list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.draft-period{grid-template-columns:minmax(9rem,1fr) repeat(2,minmax(12rem,16rem)) auto;align-items:end;margin:0 0 1.5rem}.draft-period button{min-width:9rem}}@media (min-width: 1100px){.expense-workspace{display:grid;grid-template-columns:minmax(20rem,.8fr) minmax(32rem,1.2fr);gap:0 2rem;align-items:start}.expense-workspace>.section-heading,.expense-workspace>.notice,.expense-workspace>.expense-period,.expense-workspace>.totals{grid-column:1 / -1}.expense-workspace>section{margin-top:0}.expense-workspace .line-form{grid-template-columns:repeat(3,minmax(9rem,1fr))}.expense-workspace .line-form button{justify-self:start;min-width:10rem}}@media (max-width: 699px){.expense-period,.expense-form{grid-template-columns:1fr}.draft-period{margin-bottom:1.5rem}.line-row{align-items:flex-start}.totals{position:static;flex-wrap:wrap}.context-heading{align-items:flex-start}.context-actions,.line-actions{align-items:flex-end;flex-direction:column}.line-dialog{padding:1rem}.line-dialog .line-form,.line-dialog .receipt-form,.receipt-meta{grid-template-columns:1fr}.receipt-summary>header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:1rem}.receipt-summary>header h3,.receipt-summary>header p{overflow-wrap:anywhere}.receipt-header-side{gap:.6rem}.receipt-actions{gap:.5rem}.receipt-total{font-size:1.1rem}.receipt-evidence{grid-template-columns:1fr}.dialog-actions{grid-column:1}.mileage-trip-form{grid-template-columns:1fr;padding:1rem}.mileage-trip-form h3,.mileage-wide-field,.mileage-form-actions{grid-column:1}}
