:root{--primary:#0F4C81;--primary-dark:#0A3A65;--primary-soft:#E8F0F9;--accent:#C0392B;--accent-soft:#FCEDEC;--warning:#E67E22;--warning-soft:#FDF1E6;--success:#1E9E5A;--success-soft:#E5F5EC;--ink:#0E1726;--ink-2:#4A5568;--ink-3:#7A8595;--line:#E5E9EF;--bg:#F4F6FA;--card:#FFFFFF;--radius:14px;--radius-lg:22px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(15,23,42,.04),0 0 0 1px rgba(15,23,42,.04);--shadow-md:0 4px 14px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.04);--brand-grad:linear-gradient(135deg,#2e7fc4 0%,var(--primary) 100%);--focus:0 0 0 3px rgba(15,76,129,.22);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono",monospace;--teal:var(--primary);--teal-dark:var(--primary-dark);--teal-darker:var(--primary-dark);--teal-50:var(--primary-soft);--teal-100:#D7E4F2;--teal-200:#BBD2EA;--ink-soft:var(--ink-2);--muted:var(--ink-3);--muted-soft:#9AA6B4;--border:var(--line);--border-strong:#D4DBE4;--danger:var(--accent);--danger-bg:var(--accent-soft);--danger-border:#F3C6C1;--warn:var(--warning);--warn-bg:var(--warning-soft);--warn-border:#F1D8B6;--r-sm:10px;--r-md:14px;--r-lg:22px;--shadow-xs:var(--shadow-sm)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-dark);text-decoration:underline}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus);border-color:var(--primary)}.topbar{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 20px -10px rgba(10,58,101,.55)}.topbar .brand{display:inline-flex;flex-direction:column;justify-content:center;font-weight:700;font-size:1.1rem;letter-spacing:.2px;color:#fff;line-height:1.15}.topbar .brand:hover{text-decoration:none;opacity:.94}.topbar .brand small{font-weight:400;opacity:.74;font-size:.68rem;letter-spacing:.2px;display:block;margin-top:3px}.topbar a{color:#fff}.topbar .right{font-size:.85rem;opacity:.97;display:flex;gap:1rem;align-items:center}.topbar .right a{opacity:.88;transition:opacity .15s ease}.topbar .right a:hover{opacity:1;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:2rem 1.25rem 3rem}.narrow{max-width:460px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-sm)}.card+.card{margin-top:1.25rem}h1{font-size:1.6rem;letter-spacing:-.02em;margin:0 0 .35rem}h1,h2{font-weight:700;color:var(--ink)}h2{font-size:1.12rem;letter-spacing:-.01em;margin:1.75rem 0 .85rem}.sub{color:var(--ink-3);margin-top:0;font-size:.95rem}.label,label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin:1rem 0 .4rem}input,select,textarea{width:100%;padding:.78rem .85rem;border:1px solid var(--line);border-radius:12px;font-size:.95rem;font-family:inherit;color:var(--ink);background:var(--card);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--muted-soft)}input:hover,select:hover,textarea:hover{border-color:var(--teal-200)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}textarea{min-height:92px;resize:vertical;line-height:1.5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%237A8595' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--brand-grad);color:#fff;border:1px solid transparent;padding:.72rem 1.2rem;border-radius:12px;font-size:.93rem;font-weight:600;font-family:inherit;line-height:1.2;cursor:pointer;margin-top:1.25rem;box-shadow:0 6px 18px -6px rgba(15,76,129,.5),inset 0 1px 0 rgba(255,255,255,.18);transition:filter .15s ease,box-shadow .15s ease,transform .08s ease}.btn:hover{filter:brightness(1.04);text-decoration:none;box-shadow:0 8px 22px -6px rgba(15,76,129,.55),inset 0 1px 0 rgba(255,255,255,.18)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none}.btn.secondary{background:var(--card);color:var(--primary-dark);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.btn.secondary:hover{background:var(--primary-soft);border-color:var(--teal-200);color:var(--primary-dark);filter:none}table{width:100%;border-collapse:collapse;margin-top:.75rem}td,th{text-align:left;padding:.75rem .7rem;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:middle}th{background:var(--bg);color:var(--ink-3);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--bg)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--r-pill);font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--primary-soft);color:var(--primary);border:1px solid transparent}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.pseudo{font-family:var(--font-mono);font-size:.82rem;font-weight:700;border-radius:6px;padding:.1rem .45rem;letter-spacing:.02em}.chip,.pseudo,.status{color:var(--primary);background:var(--primary-soft)}.chip,.status{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--r-pill);padding:.22rem .6rem .22rem .5rem;font-size:.72rem;font-weight:600}.chip .dot,.status .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status.in-progress{background:var(--primary-soft);color:var(--primary)}.status.validation{background:var(--warning-soft);color:var(--warning)}.status.late{background:var(--accent-soft);color:var(--accent)}.status.delivered{background:var(--success-soft);color:var(--success)}.status.shipped{background:#EEF2FF;color:#4F46E5}.error{background:var(--accent-soft);color:var(--accent);border:1px solid var(--danger-border);padding:.75rem .95rem;border-radius:12px;margin:.9rem 0;font-size:.88rem;font-weight:500}.notice{background:var(--primary-soft);border:1px solid transparent;padding:.8rem 1rem;border-radius:12px;font-size:.86rem;color:var(--primary-dark)}.empty{padding:2.75rem 1rem;text-align:center;font-size:.92rem}.empty,.muted{color:var(--ink-3)}.muted{font-size:.85rem}.flex{gap:.75rem}.flex,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:1rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.85rem;gap:.85rem;margin:1rem 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.stat b,.stat strong{display:block;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.stat small,.stat span{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-top:.35rem}.integrity{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;padding:.35rem .7rem;border-radius:var(--r-pill)}.ok{color:var(--success);background:var(--success-soft);border:1px solid var(--ok-border,#c2e6d2)}.ko{color:var(--accent);background:var(--accent-soft);border:1px solid var(--danger-border)}.integrity.ko,.integrity.ok{padding:.35rem .7rem}.fw-kpis{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr;grid-gap:.5rem;gap:.5rem;margin:.25rem 0 .75rem}.fw-kpi{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.6rem .55rem .5rem;text-align:center;position:relative}.fw-kpi.danger{background:linear-gradient(180deg,#fef2f2,#fff);border-color:#fecaca}.fw-kpi.warn{background:linear-gradient(180deg,#fffbeb,#fff);border-color:#fde68a}.fw-kpi.neutral{background:linear-gradient(180deg,#f5f8fb,#fff);border-color:#dbe6f0}.fw-kpi.primary{background:linear-gradient(135deg,#0F4C81,#1c5e96);border:none;color:#fff}.fw-kpi .v{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--ink)}.fw-kpi.primary .v{color:#fff}.fw-kpi.danger .v{color:var(--accent)}.fw-kpi.warn .v{color:var(--warning)}.fw-kpi .l{font-size:.62rem;color:var(--ink-3);font-weight:600;margin-top:.2rem;line-height:1.15}.fw-kpi.primary .l{color:rgba(255,255,255,.85)}.fw-kpi .ico{position:absolute;top:.3rem;right:.45rem;font-size:.65rem;opacity:.75}.fw-charge{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;display:flex;align-items:center;gap:.7rem;font-size:.75rem;margin-bottom:.85rem}.fw-charge .lbl{color:var(--ink-2);font-weight:600;white-space:nowrap}.fw-charge .lbl strong{color:var(--ink)}.fw-charge .track{flex:1 1;height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden;position:relative}.fw-charge .fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--success) 0,var(--warning) 70%,var(--accent) 95%);border-radius:999px}.fw-charge .pct{font-weight:800;font-size:.8rem;color:var(--accent);min-width:38px;text-align:right}.fw-chip-rail{display:flex;gap:.4rem;overflow-x:auto;padding:.15rem 0 .55rem;margin-bottom:.5rem;-webkit-overflow-scrolling:touch}.fw-chip-rail::-webkit-scrollbar{height:0}.fw-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.73rem;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;cursor:pointer;transition:all .15s ease}.fw-chip:active{transform:scale(.96)}.fw-chip .ct{background:var(--bg);color:var(--ink-3);font-size:.62rem;font-weight:700;padding:.05rem .4rem;border-radius:999px;min-width:18px;text-align:center}.fw-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.fw-chip.active .ct{background:rgba(255,255,255,.22);color:#fff}.fw-kanban-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:.4rem;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.fw-kanban-wrap::-webkit-scrollbar{height:6px}.fw-kanban-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.fw-kanban{display:flex;gap:.65rem;width:max-content}.fw-col{width:252px;background:#eef2f6;border-radius:14px;padding:.65rem .5rem .5rem;scroll-snap-align:start;display:flex;flex-direction:column;max-height:560px}.fw-col.col-todo{background:#eef4fb;border:1px solid #d5e3f2}.fw-col.col-doing{background:#fef8eb;border:1px solid #fce5b7}.fw-col.col-qc{background:#f0eefb;border:1px solid #d9d3f1}.fw-col.col-chief{background:#fdecec;border:1px solid #f4c2c2}.fw-col.col-shipped{background:#ecfdf5;border:1px solid #b6e4cc}.fw-col-head{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .5rem;border-bottom:1px dashed rgba(15,23,42,.12);margin-bottom:.5rem;flex-shrink:0}.fw-col-head .zh{font-size:.8rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.fw-col-head .fr{font-size:.6rem;color:var(--ink-3);margin-top:1px}.fw-col-head .count{background:rgba(15,23,42,.08);color:var(--ink-2);font-size:.62rem;font-weight:800;padding:.12rem .5rem;border-radius:999px}.fw-col.col-todo .count{background:#c5dbef;color:#0F4C81}.fw-col.col-doing .count{background:#f6daa1;color:#b1671d}.fw-col.col-qc .count{background:#cfc5ea;color:#5a4ba8}.fw-col.col-chief .count{background:#f0b8b8;color:#8e1d1d}.fw-col.col-shipped .count{background:#abe2c7;color:#14593a}.fw-col-body{flex:1 1;overflow-y:auto;padding-right:2px}.fw-col-body::-webkit-scrollbar{width:0}.fw-col-empty{color:var(--ink-3);font-size:.7rem;text-align:center;padding:1rem .5rem}.fw-card{display:block;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:10px;padding:.45rem .5rem .5rem;margin-bottom:.4rem;box-shadow:0 1px 1px rgba(15,23,42,.03);transition:transform .12s ease,box-shadow .12s ease;position:relative;text-decoration:none;color:inherit}.fw-card:hover{text-decoration:none;box-shadow:0 2px 6px rgba(15,23,42,.08)}.fw-card.urgent{border-left:3px solid var(--warning)}.fw-card.sos{border-left:3px solid var(--accent);background:linear-gradient(90deg,#fff5f5,#fff 30%)}.fw-card.done{opacity:.85}.fw-cc-r1{display:flex;align-items:center;gap:.3rem;margin-bottom:.25rem}.fw-cc-pt{font-size:.82rem;font-weight:800;color:var(--ink);font-family:var(--font-mono);letter-spacing:-.02em}.fw-cc-ic{font-size:.82rem;line-height:1}.fw-cc-urg{margin-left:auto;font-size:.58rem;font-weight:800;padding:.05rem .35rem;border-radius:4px;line-height:1.3}.fw-cc-urg.sos{background:var(--accent);color:#fff}.fw-cc-urg.urgent{background:var(--warning);color:#fff}.fw-cc-urg.standard{background:#e2e8f0;color:var(--ink-3)}.fw-cc-r2{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--ink-2);line-height:1.2}.fw-cc-mat{font-weight:600}.fw-cc-block{margin-left:auto;font-size:.56rem;font-weight:800;padding:.05rem .3rem;border-radius:4px;line-height:1.3;background:var(--accent);color:#fff;white-space:nowrap}.fw-cc-r3{margin-top:.25rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.6rem;color:var(--ink-3)}.fw-cc-due{font-weight:700;color:var(--ink-2)}.fw-cc-due.tight{color:var(--warning)}.fw-cc-due.over{color:var(--accent)}.fw-cc-dent{font-family:var(--font-mono);font-size:.58rem;color:var(--ink-3);opacity:.85;letter-spacing:-.02em}.fw-rgpd{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;padding:.5rem .7rem;margin:.9rem 0;display:flex;gap:.5rem;align-items:center;font-size:.72rem;color:#065f46;line-height:1.35}.fw-rgpd strong{color:#064e3b}.fw-stepper{display:flex;align-items:flex-start;overflow-x:auto;gap:0;padding:.4rem 0 .2rem;-webkit-overflow-scrolling:touch}.fw-stepper::-webkit-scrollbar{height:0}.fw-step{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:86px;position:relative;text-align:center}.fw-step .num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--bg);color:var(--ink-3);border:2px solid var(--line);z-index:1}.fw-step.done .num{background:var(--success);color:#fff;border-color:var(--success)}.fw-step.current .num{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--focus)}.fw-step .zh{font-size:.7rem;font-weight:700;color:var(--ink-2);margin-top:.3rem;line-height:1.15}.fw-step.current .zh{color:var(--primary)}.fw-step .fr{font-size:.58rem;color:var(--ink-3);margin-top:1px}.fw-step:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}.fw-step:first-child:before{display:none}.fw-step.current:before,.fw-step.done:before{background:var(--success)}.bil-kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:1.2rem}@media (max-width:720px){.bil-kpis{grid-template-columns:1fr}}.bil-kpi{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);border-left:4px solid var(--line)}.bil-kpi.primary{border-left-color:var(--primary)}.bil-kpi.warning{border-left-color:var(--warning)}.bil-kpi.danger{border-left-color:var(--accent)}.bil-kpi .lbl{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.bil-kpi .val{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.bil-table-wrap{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}table.bil-tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:720px}table.bil-tbl thead{background:#FAFBFD}table.bil-tbl th{text-align:left;padding:11px 12px;font-size:11px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}table.bil-tbl td,table.bil-tbl th{border-bottom:1px solid var(--line)}table.bil-tbl td{padding:12px;vertical-align:middle}table.bil-tbl tbody tr:last-child td{border-bottom:0}table.bil-tbl tbody tr:hover{background:#FBFCFE}.bil-terms{font-size:11px;color:var(--ink-2);line-height:1.5}.bil-terms .label{color:var(--ink-3)}.bil-terms .val{font-weight:600;color:var(--ink)}.bil-amount{font-weight:700;font-size:13px;color:var(--ink)}.bil-amount.over{color:var(--accent)}.bil-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600}.bil-badge .dot{width:6px;height:6px;border-radius:50%}.bil-badge.freq-per_case{background:var(--primary-soft);color:var(--primary)}.bil-badge.freq-per_case .dot{background:var(--primary)}.bil-badge.freq-weekly{background:#DCF5F4;color:#0E7C7B}.bil-badge.freq-weekly .dot{background:#0E7C7B}.bil-badge.freq-monthly{background:#EFE9FA;color:#6D4AB6}.bil-badge.freq-monthly .dot{background:#6D4AB6}.bil-badge.st-active{background:var(--success-soft);color:var(--success)}.bil-badge.st-active .dot{background:var(--success)}.bil-badge.st-blocked_overdue{background:var(--accent-soft);color:var(--accent)}.bil-badge.st-blocked_overdue .dot{background:var(--accent)}.bil-badge.st-blocked_credit_limit{background:var(--warning-soft);color:var(--warning)}.bil-badge.st-blocked_credit_limit .dot{background:var(--warning)}.bil-badge.st-blocked_manual{background:var(--neutral-soft,#F1F3F7);color:var(--ink-3)}.bil-badge.st-blocked_manual .dot{background:var(--ink-3)}.bil-actions{display:flex;gap:6px;flex-wrap:wrap}details.bil-edit{margin:0}details.bil-edit>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:6px 11px;border-radius:8px;background:var(--neutral-soft,#F1F3F7);color:var(--ink-2)}details.bil-edit>summary::-webkit-details-marker{display:none}details.bil-edit[open]>summary{background:var(--primary-soft);color:var(--primary)}.bil-edit-panel{margin-top:10px;padding:12px;background:#FAFBFD;border:1px solid var(--line);border-radius:10px}.bil-edit-panel label{display:block;font-size:11px;font-weight:600;color:var(--ink-2);margin:8px 0 3px}.bil-edit-panel input,.bil-edit-panel select{width:100%;max-width:280px}.bil-edit-panel .row{display:flex;gap:10px;flex-wrap:wrap}.bil-edit-panel .row>div{flex:1 1;min-width:160px}.metal-alert{display:flex;gap:.7rem;align-items:flex-start;background:var(--accent-soft);border:1px solid #f1b8b1;border-left:4px solid var(--accent);border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem}.metal-alert-ico{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1rem;font-weight:800}.metal-alert strong{color:#7a2218;font-size:.95rem}.metal-alert-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.metal-alert-pill{background:#fff;border:1px solid var(--accent);color:var(--accent);font-size:.82rem;font-weight:700;padding:3px 10px;border-radius:999px}.metal-alert-note{font-size:.8rem;color:#7a2218;line-height:1.45}.fw-files{display:flex;flex-direction:column}.fw-file-row{display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--border,#e5e9ef)}.fw-file-row:last-child{border-bottom:0}.fw-file-ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--bg,#F4F6FA);flex-shrink:0}.fw-file-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.fw-file-body strong{font-size:.85rem;word-break:break-all}.fw-file-body small{font-size:.74rem;color:var(--ink-3,#7A8595)}.fw-file-dl{margin-top:0;flex-shrink:0;padding:.45rem .7rem;font-size:.8rem}@media (max-width:768px){.topbar{padding:.7rem 1rem;gap:.5rem}.topbar .brand{font-size:1rem;flex-shrink:0}.topbar .right{gap:.7rem;min-width:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-size:.8rem}.topbar .right::-webkit-scrollbar{display:none}.topbar .right a,.topbar .right span{white-space:nowrap;flex-shrink:0}.topbar .right span{max-width:40vw;overflow:hidden;text-overflow:ellipsis}.topbar .right .btn{white-space:nowrap;flex-shrink:0;padding:.3rem .6rem}.topbar .right form{flex-shrink:0}.spread{flex-direction:column;align-items:stretch;gap:.75rem}.spread>.btn,.spread>a.btn{width:100%;white-space:nowrap}h1{font-size:1.35rem}.container{padding:1.25rem 1rem 2rem}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}}