:root{--cream:#faf5ec;--cream-2:#f3e9d6;--cream-3:#eadbbe;--card:#fffdf8;--ink:#2b2118;--ink-soft:#4a3a2b;--muted:#7a6a58;--faint:#a08e76;--choco:#3a2a1c;--choco-deep:#241a10;--yellow:#f2c230;--gold:#c9962b;--gold-soft:#f9e7b8;--blue:#2f5aa8;--blue-soft:#e2eaf8;--red:#b23a2a;--red-soft:#fbe7e2;--ok:#2e7d4f;--ok-soft:#dff0e4;--line:#e4d7bf;--line-strong:#cfbd9c;--focus:#1f5fd6;--radius-s:.375rem;--radius-m:.625rem;--radius-l:1rem;--radius-xl:1.4rem;--shadow-1:0 1px 2px #2b211812;--shadow-2:0 2px 8px #2b211817, 0 1px 3px #2b211814;--shadow-3:0 10px 30px #2b211824, 0 2px 6px #2b21181a;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:Georgia, "Times New Roman", serif;--sidebar-w:17rem;--content-max:72rem;--tr-fast:.12s ease;--tr-med:.2s ease}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:radial-gradient(1100px 380px at 50% -8rem, #f6e5bd 0%, transparent 62%), linear-gradient(180deg, var(--cream) 0%, #f6efe0 100%);color:var(--ink);background-attachment:fixed;min-height:100vh;margin:0;font-size:1rem;line-height:1.55}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--radius-m);transition:top var(--tr-fast);padding:.6rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-s)}.layout{min-height:100vh;display:flex}.content{min-width:0;max-width:var(--content-max);flex:1;padding:1.75rem 2rem 4rem}.app-footer{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;font-size:.82rem;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--choco-deep) 0%, var(--choco) 60%, #2e2013 100%);color:#f7efdf;border-right:1px solid #1c130a;flex-direction:column;flex-shrink:0;gap:.9rem;height:100vh;padding:1.25rem .9rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:.65rem;padding:0 .35rem;display:flex}.brand-mark{object-fit:cover;background:var(--yellow);border:2px solid #f2c230a6;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;box-shadow:0 2px 8px #00000059}.brand strong{font-family:var(--font-display);letter-spacing:.01em;font-size:1.02rem}.brand small{opacity:.62;font-size:.74rem;display:block}.sidebar ul{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.sidebar button{text-align:left;width:100%;color:inherit;border-radius:var(--radius-m);cursor:pointer;transition:background var(--tr-fast);background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.93rem;display:flex}.sidebar button:hover{background:#ffffff14}.sidebar button.active{border-left-color:var(--yellow);color:#fff;background:linear-gradient(90deg,#f2c23038,#f2c2301f);font-weight:600}.nav-label{align-items:center;gap:.6rem;min-width:0;display:inline-flex}.nav-icon{opacity:.92;flex-shrink:0;width:1.2rem;height:1.2rem}button.active .nav-icon{color:var(--yellow);opacity:1}.nav-badge{letter-spacing:.02em;color:var(--yellow);white-space:nowrap;background:#f2c2302e;border:1px solid #f2c23073;border-radius:999px;padding:.1rem .55rem;font-size:.68rem;font-weight:700}h1 .nav-badge,.page-head .nav-badge{background:var(--gold-soft);color:#7a5b12;border:1px solid #e3c877;font-size:.72rem}.demo-note{opacity:.55;margin:auto 0 0;padding:0 .35rem;font-size:.78rem}.lang-row{padding:.1rem .35rem}.lang-switcher{align-items:center;gap:.45rem;font-size:.87rem;display:inline-flex}.lang-switcher select{max-width:100%}.globe-icon{opacity:.8;flex-shrink:0;width:1.05rem;height:1.05rem}.page-head{border-bottom:3px solid var(--yellow);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin:0 0 1.1rem;padding-bottom:.7rem;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:.005em;border:0;margin:0;padding:0;font-size:1.65rem;line-height:1.2}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 .15rem;font-size:.76rem;font-weight:700}.page-sub{color:var(--muted);max-width:46rem;margin:.3rem 0 0;font-size:.92rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.content>section>h1:first-child,h1{border-bottom:3px solid var(--yellow);font-family:var(--font-display);letter-spacing:.005em;margin-top:0;padding-bottom:.45rem;font-size:1.6rem;line-height:1.25}h2{font-size:1.2rem;font-family:var(--font-display);margin:1.6rem 0 .6rem}h3{margin:1.2rem 0 .45rem;font-size:1.02rem}button{background:var(--choco);color:#fdf8ee;border-radius:var(--radius-m);cursor:pointer;transition:filter var(--tr-fast), transform var(--tr-fast), box-shadow var(--tr-fast);box-shadow:var(--shadow-1);border:0;padding:.55rem 1.05rem;font-family:inherit;font-size:.93rem;font-weight:600}button:hover:not(:disabled){filter:brightness(1.14)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(180deg, #4a3826 0%, var(--ink) 100%);color:#fff;box-shadow:0 3px 10px #2b211847}.btn-gold{background:var(--yellow);color:var(--ink)}.btn-secondary{color:var(--ink);border:1.5px solid var(--line-strong);box-shadow:none;background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--gold);filter:none;background:#fffdf4}.btn-ghost{color:var(--ink-soft);box-shadow:none;background:0 0;padding:.55rem .6rem;text-decoration:underline}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:.35rem .7rem;font-size:.84rem}.grid{gap:1rem;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}.cards{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);transition:box-shadow var(--tr-med), transform var(--tr-med);padding:1.05rem 1.15rem}.cards .card:hover{box-shadow:var(--shadow-2)}.card h3{margin-top:0;font-size:1.05rem}.card>p:first-child{margin-top:0}.stat{position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(180deg, var(--yellow), var(--gold));border-radius:var(--radius-l) 0 0 var(--radius-l);width:4px;position:absolute;top:0;bottom:0;left:0}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.76rem;font-weight:700}.stat-value{font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:700;line-height:1.3;display:block}.stat small,.card small{color:var(--muted)}.kpi-trend-up{color:var(--ok);font-weight:700}.kpi-trend-down{color:var(--red);font-weight:700}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);margin:0 0 1.25rem;overflow-x:auto}table{border-collapse:collapse;background:var(--card);width:100%;font-size:.92rem}.table-wrap table{border:0}thead th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--line-strong);white-space:nowrap;background:linear-gradient(#f8f0dd,#f3e8cf);padding:.65rem .8rem;font-size:.74rem;font-weight:700;position:sticky;top:0}tbody td{border-bottom:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums;padding:.6rem .8rem}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fdf6e7}tbody tr:nth-child(2n) td{background:#f3e9d659}tbody tr:nth-child(2n):hover td{background:#fdf3dd}td.num,th.num{text-align:right}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}th .sort-arrow{color:var(--gold);margin-left:.25rem;font-size:.8em}.list{flex-direction:column;gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-1);transition:box-shadow var(--tr-fast), border-color var(--tr-fast);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .9rem;display:flex}.row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.16rem .7rem;font-size:.78rem;font-weight:700;display:inline-block}.badge-ok{background:var(--ok-soft);color:#1f5c39;border-color:#bcd9c5}.badge-warn{background:var(--red-soft);color:#8f2d20;border-color:#eec2b8}.badge-muted{background:var(--cream-2);color:var(--muted);border-color:var(--line)}.badge-info{background:var(--blue-soft);color:#23467f;border-color:#bccdea}.badge-gold{background:var(--gold-soft);color:#7a5b12;border-color:#e3c877}.demo-banner{border:1px solid #e3c877;border-left:5px solid var(--gold);color:#5f4a10;border-radius:0 var(--radius-m) var(--radius-m) 0;background:linear-gradient(90deg,#f9ecc4,#f7e3ac);margin:0 0 1rem;padding:.6rem 1rem;font-size:.88rem}.toolbar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);flex-wrap:wrap;align-items:end;gap:.8rem 1rem;margin-bottom:1.1rem;padding:.85rem 1rem;display:flex}.toolbar .field{margin-bottom:0}.field{flex-direction:column;gap:.32rem;margin-bottom:.85rem;font-size:.92rem;font-weight:600;display:flex}.field>span.label,.field>.field-label{font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--line-strong);border-radius:var(--radius-m);color:var(--ink);max-width:26rem;transition:border-color var(--tr-fast), box-shadow var(--tr-fast);background:#fff;padding:.55rem .75rem;font-family:inherit;font-size:1rem;font-weight:400}.field textarea{resize:vertical;min-height:4.5rem}.field input:hover,.field select:hover,.field textarea:hover{border-color:#bfa878}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2c23059}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--red)}.field-error-text{color:var(--red);font-size:.84rem;font-weight:600}.field-hint{color:var(--muted);font-size:.82rem;font-weight:400}.field.inline{margin-bottom:0}.field.inline input,.field.inline select{min-width:0}.field select,.row select{font-size:.9rem}.field.check{flex-direction:row;align-items:center;gap:.55rem;font-weight:500}.field.check input{width:auto;accent-color:var(--gold);width:1.1rem;height:1.1rem}.checkgroup{border:1.5px solid var(--line);border-radius:var(--radius-m);background:#fff;margin-bottom:.8rem;padding:.6rem .9rem}.checkgroup legend{padding:0 .4rem;font-size:.9rem;font-weight:600}form label{font-size:.92rem}form input,form select{border:1.5px solid var(--line-strong);border-radius:var(--radius-m);color:var(--ink);background:#fff;padding:.5rem .65rem;font-family:inherit;font-size:.95rem}form input:focus,form select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2c23059}.form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);margin-top:1.2rem;padding:1.2rem 1.3rem}.form h2,.form h3{margin-top:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 1.2rem;display:grid}.form-row{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.form-row label{font-size:.9rem;font-weight:600}.form-row input,.form-row select{max-width:12rem}.form-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.form-error{color:var(--red);font-size:.88rem;font-weight:600}.error{background:var(--red-soft);color:#8f2d20;border-radius:var(--radius-m);border:1px solid #eec2b8;padding:.65rem .95rem;font-weight:600}.success{background:var(--ok-soft);color:#1f5c39;border-radius:var(--radius-m);border:1px solid #bcd9c5;padding:.65rem .95rem;font-weight:600}.empty{border:1.5px dashed var(--line-strong);border-radius:var(--radius-l);text-align:center;color:var(--muted);background:#fffdf899;padding:2rem 1.5rem}.detail{border-left:5px solid var(--gold);margin:1.5rem 0}.facts{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem 1.4rem;margin:0 0 1rem;display:grid}.facts>div{border-bottom:1px dotted var(--line);flex-direction:column;padding-bottom:.3rem;display:flex}.facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.facts dd{margin:.1rem 0 0}.pagination{flex-wrap:wrap;align-items:center;gap:.4rem;margin:1rem 0;display:flex}.pagination .page-info{color:var(--muted);margin-right:auto;font-size:.86rem}.pagination button{min-width:2.4rem;color:var(--ink);border:1.5px solid var(--line-strong);box-shadow:none;background:#fff;padding:.4rem .6rem;font-weight:600}.pagination button:hover:not(:disabled){border-color:var(--gold);filter:none;background:#fffdf4}.pagination button.current{background:var(--ink);color:#fff;border-color:var(--ink)}.tabs{border-bottom:2px solid var(--line);flex-wrap:wrap;gap:.3rem;margin-bottom:1.1rem;display:flex}.tabs button{color:var(--ink-soft);box-shadow:none;border-radius:var(--radius-m) var(--radius-m) 0 0;background:0 0;border-bottom:3px solid #0000;margin-bottom:-2px;font-weight:600}.tabs button:hover:not(:disabled){background:var(--cream-2);filter:none}.tabs button.active,.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--gold);background:var(--card)}.modal-overlay{z-index:60;animation:fade-in var(--tr-med);background:#241a108c;justify-content:center;align-items:flex-start;padding:4vh 1rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);width:100%;max-width:44rem;animation:slide-up var(--tr-med);padding:1.5rem 1.6rem}.modal h2{margin-top:0}.modal-close-row{justify-content:flex-end;display:flex}.api-status{background:linear-gradient(135deg, var(--choco) 0%, #4a3826 100%);color:#f7efdf;border-radius:var(--radius-l);max-width:40rem;box-shadow:var(--shadow-1);border:1px solid #5a4632;align-items:flex-start;gap:.8rem;margin:0 0 1.25rem;padding:.85rem 1.05rem;display:flex}.api-status-icon{color:var(--yellow);margin-top:.15rem;display:inline-flex}.api-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.api-status-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.api-status-line{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.api-status-sub{opacity:.85;margin:0;font-size:.88rem}.api-badge-ok,.api-badge-demo{letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.14rem .65rem;font-size:.7rem;font-weight:700}.api-badge-ok{background:var(--ok);color:#fff}.api-badge-demo{background:var(--yellow);color:var(--ink)}.api-connect{background:var(--yellow);color:var(--ink);border-radius:var(--radius-m);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:.45rem;margin-top:.25rem;padding:.5rem .95rem;font-size:.92rem;font-weight:700;display:inline-flex}.api-connect:hover{filter:brightness(1.07)}.api-link{color:inherit;cursor:pointer;font-size:inherit;box-shadow:none;background:0 0;border:0;padding:0;text-decoration:underline}.btn-arrow{flex-shrink:0;width:1rem;height:1rem}.login-page{background:radial-gradient(1200px 500px at 50% -10%, #f7e3ac 0%, transparent 60%), linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-lang{position:absolute;top:1rem;right:1.25rem}.login-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:26rem;box-shadow:var(--shadow-3);text-align:center;padding:2.25rem 2rem 1.75rem}.login-logo{object-fit:cover;border:3px solid var(--yellow);border-radius:50%;width:7rem;height:7rem;box-shadow:0 .5rem 1.25rem #2b211833}.login-brand{font-size:1.35rem;font-weight:800;font-family:var(--font-display);margin:.9rem 0 0}.login-tagline{color:var(--muted);margin:.25rem 0 0;font-size:.9rem;font-style:italic}.login-title{border-bottom:0;margin:1.25rem 0 0;padding-bottom:0;font-size:1.5rem}.login-title:after{content:"";background:var(--yellow);border-radius:2px;width:4rem;height:3px;margin:.5rem auto 0;display:block}.login-intro{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.login-status{color:var(--ok);background:var(--ok-soft);border-radius:999px;align-items:center;gap:.45rem;margin:.9rem 0 0;padding:.35rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.login-status-dot{background:var(--ok);border-radius:50%;width:.55rem;height:.55rem}.login-error{background:var(--red-soft);color:var(--red);border-radius:var(--radius-m);margin:.9rem 0 0;padding:.65rem .9rem;font-size:.9rem;font-weight:600}.login-form{text-align:left;flex-direction:column;gap:.85rem;margin-top:1.1rem;display:flex}.login-field{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.login-field input{border:1.5px solid var(--line);color:var(--ink);width:100%;transition:border-color var(--tr-fast), box-shadow var(--tr-fast);background:#fff;border-radius:.75rem;padding:.7rem .9rem;font-size:1rem;font-weight:400}.login-field input:hover{border-color:#d3c096}.login-field input:focus{border-color:var(--yellow);outline:none;box-shadow:0 0 0 3px #f2c23059}.login-submit{color:#fff;background:linear-gradient(180deg, #4a3826 0%, var(--ink) 100%);cursor:pointer;width:100%;transition:transform .1s ease, box-shadow var(--tr-fast), filter var(--tr-fast);border:0;border-radius:.75rem;margin-top:.25rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:700;box-shadow:0 .4rem 1rem #2b211840}.login-submit:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 .55rem 1.3rem #2b21184d}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.65;cursor:wait}.login-advanced{border-top:1px dashed var(--line);margin-top:.35rem;padding-top:.6rem;font-size:.85rem}.login-advanced summary{cursor:pointer;color:var(--muted);font-weight:600}.login-advanced summary:hover{color:var(--ink)}.login-advanced .login-field{margin-top:.6rem}.login-hint{color:var(--muted);margin:.4rem 0 0;font-size:.78rem}.packing-slip{border:1px solid var(--line);border-radius:var(--radius-l);background:#fff;max-width:50rem;margin-top:1rem;padding:1.25rem 1.5rem}.slip-brand{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.slip-brand:before{content:"";background:linear-gradient(180deg, var(--yellow) 33%, var(--blue) 33% 66%, var(--red) 66%);border-radius:.25rem;flex-basis:100%;width:100%;height:.5rem;margin-bottom:.75rem;display:block}.slip-logo-placeholder{border:2px dashed var(--muted);border-radius:var(--radius-m);width:5rem;height:5rem;color:var(--muted);place-items:center;font-weight:700;display:grid}.slip-brand-name{font-size:1.4rem;font-family:var(--font-display)}.slip-note{color:var(--muted)}.slip-barcode{margin-top:1rem}.slip-barcode svg{max-width:100%;height:auto}@page{size:A4;margin:15mm 12mm}@media print{.modal-overlay{background:0 0;padding:0;display:block;position:static;overflow:visible}.modal{box-shadow:none;max-width:none;padding:0}.modal-close-row,.sidebar,nav,form,button,.toolbar,.pagination,.skip-link,.app-footer{display:none!important}.content{max-width:none;padding:0}.layout{display:block}.packing-slip{border:0;border-radius:0;max-width:none;margin:0;padding:0;font-size:11pt;display:block!important}.packing-slip table{border-collapse:collapse;page-break-inside:auto;width:100%}.packing-slip thead{display:table-header-group}.packing-slip tr{page-break-inside:avoid}.packing-slip th,.packing-slip td{border:1px solid #000;padding:4px 8px}.slip-barcode{page-break-inside:avoid}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-12rem 0}to{background-position:12rem 0}}section[aria-label]{animation:.25s fade-in}.skeleton{border-radius:var(--radius-m);background:linear-gradient(90deg, var(--cream-2) 25%, #fbf4e3 50%, var(--cream-2) 75%);background-size:24rem 100%;min-height:2.5rem;animation:1.2s linear infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}section[aria-label]{animation:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.86rem}.mt-0{margin-top:0}a{color:#23467f}a:hover{color:var(--ink)}@media (width<=60rem){.content{padding:1.25rem 1.25rem 3rem}.page-head h1{font-size:1.4rem}}@media (width<=48rem){.layout{flex-direction:column}.sidebar{width:100%;height:auto;padding:.9rem .9rem .7rem;position:static}.sidebar ul{flex-flow:wrap}.sidebar ul li{flex:9rem}.sidebar button{padding:.5rem .6rem;font-size:.86rem}.demo-note{display:none}.content{padding:1rem 1rem 3rem}.toolbar{padding:.7rem .8rem}.toolbar .field.inline{flex:10rem}.toolbar .field.inline input,.toolbar .field.inline select{width:100%}.table-wrap{border-radius:var(--radius-m);margin-left:-.25rem;margin-right:-.25rem}tbody td,thead th{padding:.5rem .6rem}.modal{padding:1.1rem 1rem}}@media (width<=30rem){.login-card{border-radius:var(--radius-l);padding:1.75rem 1.25rem 1.4rem}.login-logo{width:5.5rem;height:5.5rem}.login-brand{font-size:1.15rem}.api-status{max-width:none}.sidebar button .nav-label span:last-child{white-space:nowrap}}.pimg{object-fit:contain;object-position:center;background:var(--surface-2,#f3efe7);flex:none;display:block}.pimg-thumb{border-radius:8px;width:40px;height:40px}.pimg-loading{background:var(--surface-2,#f3efe7);border-radius:8px;flex:none;display:inline-block}.pimg-fallback{background:var(--surface-2,#f3efe7);color:var(--muted,#8a7f6a);border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.pimg-photo{object-fit:contain;object-position:center;background:var(--surface-2,#f3efe7);border-radius:12px;width:100%;height:clamp(220px,32vh,360px)}.pimg-photo-empty{border:1px dashed var(--border,#d8cfbd);background:var(--surface-2,#f3efe7);min-height:clamp(220px,32vh,360px);color:var(--muted,#8a7f6a);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.pimg-fallback-lg{border-radius:16px;width:72px;height:72px;font-size:28px}.pimg-gallery{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.pimg-gallery figure{max-width:120px;margin:0;position:relative}.pimg-gallery img{object-fit:contain;object-position:center;background:var(--surface-2,#f3efe7);border-radius:8px;width:72px;height:72px;display:block}.pimg-gallery figcaption{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.pimg-badge{z-index:1;white-space:nowrap;background:var(--gold,#b98a2f);color:#fff;pointer-events:none;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:-4px;box-shadow:0 1px 3px #00000040}.pimg-row{align-items:flex-start;gap:12px;display:flex}.fin-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.fin-fields{grid-template-columns:1fr 1fr;gap:0 1.2rem;display:grid}.fin-fields .field{margin-bottom:.7rem}.money-field{align-items:center;gap:.45rem;display:flex}.money-field input{text-align:right;font-variant-numeric:tabular-nums;flex:auto;min-width:0}.money-currency{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--cream-2);white-space:nowrap;padding:.35rem .5rem;font-size:.82rem;font-weight:700}.fin-total{border-top:2px solid var(--gold);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-top:.4rem;padding-top:.6rem;display:flex}.fin-total strong{font-size:1.2rem}.scenario-cards{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:.6rem 0 1rem;display:grid}.scenario-card{text-align:left;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);flex-direction:column;gap:.35rem;padding:.9rem 1rem;display:flex}.scenario-card:hover:not(:disabled){border-color:var(--gold);filter:none;background:#fffdf4}.scenario-card[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft);box-shadow:var(--shadow-2)}.scenario-card:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2c23059}.scenario-card strong{font-size:1.02rem}.scenario-card .muted{font-weight:400}.fin-bar{margin:.4rem 0 .2rem}.fin-bar-track{border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--cream-2);height:1.6rem;display:flex;overflow:hidden}.fin-bar-seg-cogs{background:var(--gold)}.fin-bar-seg-gross{background:var(--ok)}.fin-bar-seg-fixed{background:var(--red)}.fin-bar-legend{flex-wrap:wrap;gap:1rem;margin-top:.35rem;font-size:.85rem;display:flex}.fin-bar-legend span{font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;display:inline-flex}.fin-dot{border-radius:50%;flex:none;width:.7rem;height:.7rem;display:inline-block}.fin-dot-cogs{background:var(--gold)}.fin-dot-gross{background:var(--ok)}.fin-dot-fixed{background:var(--red)}.fin-dot-net{background:var(--ink)}.fin-results{gap:.3rem;margin:.6rem 0;padding:0;list-style:none;display:grid}.fin-results li{border-bottom:1px dotted var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.3rem;display:flex}.fin-results li abbr{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (width<=48rem){.fin-grid,.fin-fields,.scenario-cards{grid-template-columns:1fr}}