*,:before,:after{box-sizing:border-box}:root{--bg:#f3f5f8;--bg-strong:#e8edf3;--surface:#fff;--surface-soft:#f7f9fc;--surface-muted:#eef2f6;--text:#162033;--muted:#5f6b7c;--muted-strong:#3a4759;--border:#d9e0e8;--border-strong:#c6d0dc;--primary:#1f3d6d;--primary-strong:#142847;--primary-soft:#ebf1f8;--accent:#c9931d;--accent-soft:#f8edcf;--success:#18704d;--success-soft:#dff1e8;--danger:#c24857;--danger-soft:#f9e3e6;--shadow-sm:0 8px 18px #1220330a;--shadow-md:0 18px 40px #12203314;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-body:"Instrument Sans", "Segoe UI", sans-serif;--font-display:"Instrument Sans", "Segoe UI", sans-serif}html{color:var(--text);font-family:var(--font-body);background:linear-gradient(#f7f8fa 0%,#f1f4f8 100%);min-height:100%;line-height:1.5}body{min-height:100vh;margin:0}body:has(.auth-shell){background:radial-gradient(circle at top,#1f3d6d29,#0000 35%),linear-gradient(#edf2f8 0%,#f7f9fc 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.app-shell{min-height:100vh;padding-bottom:6.5rem}.topbar{z-index:20;padding:1rem 1rem 0;position:sticky;top:0}.topbar__inner{box-shadow:var(--shadow-sm);background:#f7f9fcf0;border:1px solid #d9e0e8eb;border-radius:20px;justify-content:space-between;align-items:center;width:100%;max-width:72rem;margin:0 auto;padding:.8rem .95rem;display:flex}.topbar__meta{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.topbar__actions{align-items:center;gap:.9rem;display:flex}.topbar__hint,.topbar__status{color:var(--muted);font-size:.78rem;line-height:1.2}.topbar__status{color:var(--muted-strong);font-weight:600}.brand{align-items:center;gap:.85rem;min-width:0;display:flex}.brand__mark{background:var(--primary);color:#fff;font-family:var(--font-display);border-radius:14px;flex:none;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;font-size:1rem;font-weight:700;display:inline-flex}.brand__copy{min-width:0}.brand__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.brand__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:.1rem;font-size:1.05rem;font-weight:700;line-height:1.15;display:block}.page{max-width:72rem;margin:0 auto;padding:1.25rem 1rem 2rem}.page-header{max-width:38rem;margin-bottom:1.1rem}.page-header h1,.hero__title,.card-title--display{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-weight:700;line-height:1.04}.page-header h1{font-size:clamp(1.65rem,4.8vw,2.3rem)}.page-header p,.hero__body,.text-muted,.card-copy,.caption{color:var(--muted)}.page-header p,.hero__body,.card-copy{margin:.7rem 0 0;font-size:1rem}.stack-lg>*+*{margin-top:1.5rem}.stack-md>*+*{margin-top:1rem}.grid{gap:1rem;display:grid}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:700}.section-heading p{color:var(--muted);margin:0;font-size:.92rem}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;display:inline-flex}.hero{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:linear-gradient(#fffffff5,#f8fafcfa),linear-gradient(120deg,#1f3d6d0a,#c9931d14);padding:1.4rem;overflow:hidden}.hero__grid{gap:1.25rem;display:grid}.hero__intro{max-width:40rem}.hero__badge{background:var(--primary-soft);color:var(--primary);letter-spacing:.04em;border:1px solid #1f3d6d14;border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero__title{color:var(--text);max-width:11ch;margin-top:.9rem;font-size:clamp(2.05rem,6vw,3.4rem)}.hero__body{max-width:34rem}.hero__meta{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);padding:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.metric-card{background:var(--surface-soft);border-radius:var(--radius-md);border:1px solid #d9e0e8d9;min-width:0;padding:.95rem}.metric-card--wide{grid-column:1/-1}.metric-card__label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600;display:block}.metric-card__value{color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;margin-top:.35rem;font-size:1.15rem;font-weight:700;line-height:1.15;display:block}.metric-card__note{color:var(--muted);margin-top:.22rem;font-size:.88rem;display:block}.panel,.card,.receipt,.stat-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel,.card{padding:1.15rem}.card--link{min-height:100%;transition:border-color .2s,box-shadow .2s,transform .2s;display:block}.card--link:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--link:active{transform:translateY(0)}.card--link:focus-visible{box-shadow:0 0 0 4px #1f3d6d1f, var(--shadow-md);border-color:#1f3d6d47;outline:none}.action-card{background:linear-gradient(#fffffff5,#f7f9fc);flex-direction:column;gap:1rem;display:flex}.action-card__header{align-items:center;gap:.75rem;display:flex}.action-card__icon{background:var(--surface-muted);border:1px solid var(--border);color:var(--primary);border-radius:14px;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.action-card__icon svg{width:1.1rem;height:1.1rem}.card__eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700;display:block}.card-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.3rem;font-weight:700;line-height:1.12}.action-card__footer{color:var(--primary);border-top:1px solid #d9e0e8e6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.95rem;font-size:.95rem;font-weight:700;display:flex}.action-card__arrow{color:var(--muted-strong);font-size:1rem}.stat-shell{padding:1.15rem}.stat{background:var(--surface)}.stat__value{color:var(--text);font-family:var(--font-display);letter-spacing:-.04em;margin:.55rem 0 0;font-size:clamp(1.9rem,6vw,2.5rem);font-weight:700;line-height:1}.form-grid{gap:1rem;display:grid}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{flex-direction:column;gap:.42rem;display:flex}.field label{color:var(--muted-strong);font-size:.9rem;font-weight:600}.field small{color:var(--muted);font-size:.85rem}.input,.textarea,.select{appearance:none;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;min-height:3.15rem;padding:.82rem .95rem;transition:background .2s,border-color .2s,box-shadow .2s}.textarea{resize:vertical;min-height:7rem}.input:focus,.textarea:focus,.select:focus{background:#fff;border-color:#1f3d6d73;outline:none;box-shadow:0 0 0 4px #1f3d6d1a}.checkbox-row{align-items:flex-start;gap:.8rem;display:flex}.checkbox-row input{margin-top:.28rem}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.45rem;min-height:3.15rem;padding:.78rem 1.1rem;font-size:.95rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #1f3d6d1f}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px #1f3d6d29}.btn--secondary{border-color:var(--border);color:var(--primary);background:#fff}.btn--ghost{background:var(--primary-soft);color:var(--primary)}.btn--compact{min-height:2.6rem;padding:.6rem .95rem}.badge{border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--accent-soft);color:#79550a}.badge--danger{background:var(--danger-soft);color:var(--danger)}.receipt{overflow:hidden}.receipt__hero{border-bottom:1px solid var(--border);color:var(--text);background:linear-gradient(#f8fafc 0%,#f3f6fa 100%);padding:1.2rem}.receipt__hero .card-title--display{margin-top:.8rem;font-size:clamp(1.8rem,5vw,2.45rem)}.receipt__hero .hero__body{max-width:34rem;margin-top:.5rem}.receipt__body{padding:1.2rem}.receipt__totals{gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.keyvals{gap:.8rem;display:grid}.keyval{border-bottom:1px solid #d9e0e8b8;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.keyval:last-child{border-bottom:0;padding-bottom:0}.keyval dt{color:var(--muted);font-size:.92rem}.keyval dd{color:var(--text);text-align:right;margin:0;font-weight:700}.total-box{border-radius:var(--radius-md);background:linear-gradient(#fff7e6 0%,#fdf3db 100%);border:1px solid #c9931d2e;padding:1rem}.total-box strong{font-family:var(--font-display);letter-spacing:-.04em;margin-top:.35rem;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;line-height:1.04;display:block}.list-card{gap:1rem;display:grid}.list-card__meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.inline-form{gap:.8rem;display:grid}.media-box{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:15rem;padding:.75rem;display:flex;overflow:hidden}.media-box video,.media-box img{border-radius:var(--radius-sm);object-fit:cover;width:100%;max-height:24rem}.status-box{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);padding:.95rem 1rem}.flash{border-radius:var(--radius-md);margin-bottom:1rem;padding:.95rem 1rem}.flash--success{background:var(--success-soft);color:var(--success)}.flash--error{background:var(--danger-soft);color:var(--danger)}.error-list{margin:0;padding-left:1.1rem}.bottom-nav{z-index:25;padding:0 1rem;position:fixed;bottom:1rem;left:0;right:0}.bottom-nav__inner{background:#fafbfdf7;border:1px solid #d9e0e8f2;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:100%;max-width:28rem;margin:0 auto;padding:.35rem;display:grid;box-shadow:0 16px 30px #1220331f}.bottom-nav__link{color:var(--muted);text-align:center;border-radius:14px;padding:.78rem .55rem;font-size:.82rem;font-weight:700;position:relative}.bottom-nav__link.is-active{background:var(--primary);color:#fff}.empty-state{color:var(--muted);text-align:center;padding:1rem 0}.caption{font-size:.84rem}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.auth-card{box-shadow:var(--shadow-md);background:linear-gradient(#fffffffa,#f7f9fcfa),linear-gradient(130deg,#1f3d6d0f,#c9931d14);border:1px solid #d9e0e8f2;border-radius:32px;width:100%;max-width:31rem;padding:1.5rem}.auth-brand{gap:1rem;margin-bottom:1.4rem;display:flex}.auth-brand__copy h1{font-family:var(--font-display);letter-spacing:-.05em;margin:.35rem 0 0;font-size:clamp(2rem,5vw,2.6rem);font-weight:700;line-height:1}.auth-brand__copy p{color:var(--muted);margin:.7rem 0 0}.auth-checkbox{color:var(--muted-strong);font-size:.94rem}.auth-submit{width:100%}@media (width<=760px){.form-grid--two,.metric-grid,.keyvals{grid-template-columns:1fr}.topbar__inner{align-items:flex-start;gap:.7rem}.topbar__meta{align-items:flex-start}.topbar__actions{flex-direction:column;align-items:stretch;width:100%}.section-heading{flex-direction:column;align-items:flex-start}.action-card__footer{padding-top:.85rem}.btn-row{flex-direction:column}.btn-row .btn,.btn-row a.btn,.topbar__actions form,.topbar__actions form .btn{width:100%}}@media (width>=820px){.page{padding:1.6rem 1.25rem 2.4rem}.panel,.card,.stat-shell{padding:1.35rem}.hero{padding:1.65rem}.hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.95fr);align-items:end}}