:root{--background:#eef3f8;--surface:#fff;--surface-tint:#f8fbff;--primary:#1f5b93;--primary-dark:#123e69;--primary-soft:#edf4fb;--primary-soft-border:#d5e4f3;--on-primary:#fff;--text:#16202f;--text-muted:#6f7b8a;--border:#dbe4ee;--success-bg:#e8f6ed;--success-text:#2d8b5a;--warning-bg:#fff6dd;--warning-text:#9c6c00;--info-bg:#e8f2ff;--info-text:#175aa0;--error-bg:#fdecea;--error-text:#b3261e;--max-width:26rem;--max-width-wide:40rem;--radius-xl:1.75rem;--radius-lg:1.375rem;--radius-md:1rem;--radius-sm:.75rem;--shadow-card:0 8px 24px #1028460f;--shadow-nav:0 12px 30px #1028461f;--shadow-primary:0 10px 20px #123e6938;--bottom-nav-height:4.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#f7fbff 0%,#eef3f8 45%,#e7eef6 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}button{font:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.top-bar{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--on-primary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:800;display:flex}.brand__mark{clip-path:polygon(50% 0%,90% 16%,90% 52%,50% 100%,10% 52%,10% 16%);background:#fffffff2;flex-shrink:0;width:1.6rem;height:1.8rem}.top-nav{gap:1.5rem;display:none}.bottom-nav{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin:0 1rem;padding:.6rem .5rem;display:grid;position:sticky;bottom:.9rem}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .4rem;font-size:.75rem;font-weight:700;text-decoration:none;display:flex}.nav-link svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.nav-link--active{color:var(--primary);background:var(--primary-soft)}.top-nav .nav-link{color:#ffffffd1;flex-direction:row;gap:.4rem;padding:.4rem .75rem}.top-nav .nav-link--active{color:var(--on-primary);background:#ffffff29}@media (width>=56rem){.top-nav{display:flex}.bottom-nav{display:none}}.app__main{width:100%;max-width:var(--max-width);flex:1;margin-inline:auto;padding:1.5rem 1.1rem 2rem}@media (width>=56rem){.app__main{max-width:var(--max-width-wide);padding-top:2rem}}.screen-topbar{justify-content:space-between;align-items:center;min-height:2.6rem;margin-bottom:1.1rem;display:flex}.screen-topbar h1{color:var(--text);margin:0;font-size:1.15rem;font-weight:800}.icon-button{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:2.6rem;height:2.6rem;color:var(--primary);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.icon-button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.screen h1.page-title{letter-spacing:-.02em;color:var(--text);margin:0 0 .5rem;font-size:clamp(1.7rem,5vw,2.1rem);font-weight:800}.screen h2{color:var(--text);margin:0 0 .6rem;font-size:1.05rem;font-weight:800}.muted{color:var(--text-muted);font-size:.86rem;line-height:1.5}.subtitle{color:var(--text-muted);margin:0 0 1.1rem;font-size:.95rem;line-height:1.5}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.45rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.button{border-radius:var(--radius-md);cursor:pointer;background:var(--surface);width:100%;color:var(--text);border:0;border:1px solid var(--border);justify-content:center;align-items:center;gap:.4rem;margin:0 0 .6rem;padding:.95rem 1.1rem;font-size:1rem;font-weight:700;transition:transform .15s;display:inline-flex}.button:last-child{margin-bottom:0}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--primary{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--on-primary);box-shadow:var(--shadow-primary);border-color:#0000}.button--secondary{background:var(--surface);color:var(--primary);border-color:var(--border)}.button--soft{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft-border)}.button--inline{width:auto;margin:0;padding:.6rem .95rem;font-size:.88rem}.button:focus-visible,.nav-link:focus-visible,.icon-button:focus-visible,input:focus-visible,.suggestion:focus-visible,.chip:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:.85rem;padding:1.15rem}.card:last-child{margin-bottom:0}.hero-card{background:linear-gradient(180deg, #fff 0%, var(--surface-tint) 100%)}.quick-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.quick-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:1rem}.quick-card h3{color:var(--text);margin:0 0 .3rem;font-size:.95rem;font-weight:800}.help-card{border-radius:var(--radius-md);color:var(--primary);background:#eef6ff;border:1px solid #d7e8fb;margin-bottom:1rem;padding:.85rem;font-size:.85rem;line-height:1.5}.section-header{justify-content:space-between;align-items:baseline;margin:1.4rem 0 .7rem;display:flex}.section-header h2{margin:0}.history-list{margin:0;padding:0;list-style:none}.history-card h3{color:var(--text);margin:0 0 .35rem;font-size:1.02rem;font-weight:800}.history-card .meta-line{margin:.1rem 0}.meta-line{color:var(--text-muted);font-size:.83rem;line-height:1.5}.report-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.status-pill{border-radius:999px;flex-shrink:0;padding:.35rem .6rem;font-size:.72rem;font-weight:800;display:inline-block}.status-pill--received{background:var(--info-bg);color:var(--info-text)}.status-pill--processing{background:var(--warning-bg);color:var(--warning-text)}.status-pill--closed{background:var(--success-bg);color:var(--success-text)}.status-pill--pending{background:var(--warning-bg);color:var(--warning-text)}.status-pill--error{background:var(--error-bg);color:var(--error-text)}.pending-card{border-color:var(--primary-soft-border)}.pending-card .status-pill{margin-bottom:.6rem}.error-card{border-color:#f4cbc6}.error-card .status-pill{margin-bottom:.4rem}.stack-cards{flex-direction:column;gap:.85rem;display:flex}.step-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.2rem}.stepper{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.1rem;display:grid}.stepper__item{border-radius:var(--radius-md);text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding:.7rem;font-size:.82rem;font-weight:800}.stepper__item--active{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--on-primary);border-color:#0000}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field:last-child{margin-bottom:0}.field span{color:var(--text);font-size:.85rem;font-weight:700}.field input,input[type=text],input[type=datetime-local]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);padding:.85rem .9rem;font-size:.95rem}.suggestion-list{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 1rem;padding:0;list-style:none;overflow:hidden}.suggestion{text-align:left;background:var(--surface);cursor:pointer;border:none;width:100%;padding:.7rem .85rem;font-size:.92rem;display:block}.suggestion:hover{background:var(--surface-tint)}fieldset{border:none;margin:0 0 1.1rem;padding:0}fieldset:last-child{margin-bottom:0}legend{color:var(--text);margin-bottom:.55rem;padding:0;font-size:.85rem;font-weight:700}.radio-row{border-radius:var(--radius-sm);align-items:center;gap:.55rem;padding:.55rem .15rem;font-size:.92rem;display:flex}.radio-row:hover{background:var(--surface-tint)}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:999px;padding:.5rem .9rem;font-size:.82rem;font-weight:700}.chip--selected{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--on-primary);border-color:#0000}.step-actions{flex-direction:column-reverse;gap:.6rem;margin-top:1.1rem;display:flex}.step-actions .button{margin:0}.success-view{text-align:center;padding:.5rem .25rem}.success-check{background:linear-gradient(#42b67a,#278b5d);border-radius:50%;place-items:center;width:4.6rem;height:4.6rem;margin:0 auto 1rem;display:grid;box-shadow:0 12px 24px #2e9b6240}.success-check svg{stroke:#fff;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:2rem;height:2rem}.success-view h1{margin:0 0 .5rem}.success-details{background:var(--surface-tint);text-align:left;margin-top:1rem}.success-details .meta-line{margin:.2rem 0}.success-actions{text-align:left;margin-top:1.2rem}.success-actions .button{margin-bottom:.6rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.muted a{color:inherit;text-decoration:underline}