.yosf{--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--text: #0d1428;--muted: #64748b;--faint: #94a3b8;--hover: #f1f5f9;--row: #f8fafc;--tint: #eaf0ff;--negative: #dc2626;--blue: #2253d9;--navy: #0b338c;--shadow: 0 2px 12px rgba(13, 20, 40, .06);--institucional: linear-gradient(90deg, #0b338c, #2253d9);--font: "Montserrat", "Segoe UI", system-ui, sans-serif;color:var(--text);font-family:var(--font)}.yosf,.yosf *{box-sizing:border-box}.yosf h1,.yosf h2,.yosf h3{font-family:var(--font);margin:0}.yosf .panel{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.yosf .sub{color:var(--muted);font-size:12px}.yosf .hint{font-size:12px;color:var(--muted);margin-top:6px}.yosf .lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--muted);margin-bottom:6px}.yosf .req{color:var(--negative);margin-left:4px}.yosf .badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:4px;color:var(--muted);background:#f1f5f9;border:1px solid var(--border);white-space:nowrap}.builder{display:grid;grid-template-columns:240px minmax(0,1fr) 310px;gap:16px;align-items:start}.palette,.props{padding:16px;position:sticky;top:var(--yosf-sticky-top, 16px);max-height:calc(100vh - 104px);overflow-y:auto;overflow-x:hidden}.palette h2,.props h2{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.palette h3{font-size:11px;font-weight:800;color:var(--faint);letter-spacing:1px;text-transform:uppercase;margin:14px 0 6px}.ptype{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;margin:3px 0;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;text-align:left}.ptype:hover{background:var(--tint);border-color:var(--blue)}.glyph{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:var(--hover);color:var(--navy);font-size:12px;font-weight:800;flex:none}.sheet{padding:22px}.sheet-title{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--navy);font:800 24px var(--font);padding:4px 0 10px;outline:none}.sheet-title:focus{border-bottom-color:#ffc200}.sheet-desc{width:100%;background:transparent;border:0;color:var(--muted);font:400 14px var(--font);padding:10px 0;outline:none;resize:vertical}.canvas-empty{border:1px dashed #cbd5e1;border-radius:12px;padding:36px;text-align:center;color:var(--muted)}.fcard{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:10px 0;cursor:pointer;background:var(--row);outline:none}.fcard:hover{border-color:#cbd5e1;background:#fff}.fcard.sel{border-color:#ffc200;background:#fff;box-shadow:0 0 0 3px #ffc20038}.fhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ftype{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:center}.lgtag{background:linear-gradient(90deg,#570099,#a139c6);color:#fff;padding:2px 7px;border-radius:4px;font-size:9px}.ftools{display:flex;gap:2px;opacity:.6}.fcard:hover .ftools,.fcard.sel .ftools{opacity:1}.flabel{font-weight:700;margin-bottom:4px}.fhelp{font-size:12px;color:var(--muted);margin-bottom:8px}.fake{pointer-events:none}.fake .ctl,.fake input[type=text]{width:100%}.opts{display:flex;flex-direction:column;gap:6px}.opt{display:flex;gap:8px;align-items:center;font-size:13px;color:#334155}.scale{display:flex;gap:8px}.scale label{width:40px;height:40px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:10px;font-weight:700;cursor:pointer;background:#fff}.scale label:has(input:checked){background:var(--institucional);border-color:#2253d9;color:#fff}.scale input{position:absolute;opacity:0;pointer-events:none}.scale-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px;max-width:232px}.pbreak{display:flex;gap:8px;border-top:2px dashed #cbd5e1;padding-top:10px}.pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--hover);color:var(--navy)}.fsection{font-size:17px;font-weight:800;color:var(--navy);border-bottom:2px solid #ffc200;padding-bottom:4px;display:inline-block}.fnote{background:var(--tint);border-left:3px solid #2253d9;padding:10px 14px;border-radius:8px;font-size:13px}.endblock{border:1px dashed var(--negative);background:#fef2f2;border-radius:10px;padding:10px 14px;font-size:13px;white-space:pre-line}.props .row{margin-bottom:14px}.props .inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.logic{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.logic-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0;font-size:12px;color:var(--muted)}.rule{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--row)}.fill{max-width:720px;margin:0 auto}.fill h1{font-size:26px;font-weight:800;color:var(--navy)}.fill .lead{color:var(--muted)}.progress{height:6px;border-radius:99px;background:#e2e8f0;margin:6px 0 18px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#f7760d,#ffc200)}.q{margin:20px 0}.q[hidden]{display:none}.q.err .flabel{color:var(--negative)}.ferr{color:var(--negative);font-size:12px;margin-top:6px}.choices{display:flex;flex-direction:column;gap:8px}.choices.row{flex-direction:row}.choice{display:flex;align-items:center;gap:10px;border:1px solid #cbd5e1;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px}.choice:has(input:checked){border-color:#2253d9;background:var(--tint)}.fillnav{display:flex;justify-content:space-between;margin-top:28px;gap:8px}.done{text-align:center;padding:32px 8px}.done h2{font-size:24px;font-weight:800;margin-bottom:8px;color:var(--navy)}.done .pts{font-size:48px;font-weight:900;background:linear-gradient(90deg,#f7760d,#e87800);-webkit-background-clip:text;background-clip:text;color:transparent}.notice{background:var(--tint);border:1px solid #c7d7ff;color:var(--navy);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.palette-hint{margin:-4px 0 6px;font-size:12px}.ptype{touch-action:none}.ptype.ghost{opacity:.45}.ptype.dragging{width:220px;box-shadow:0 10px 24px #0b338c38;border-color:var(--blue);cursor:grabbing}.fcard{position:relative}.fcard.ghost{opacity:.35}.fcard.dragging{box-shadow:0 14px 30px #0b338c40;cursor:grabbing;margin:0}.fcard.drop-before:before,.fcard.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:var(--blue)}.fcard.drop-before:before{top:-7px}.fcard.drop-after:after{bottom:-7px}.grip{border:0;background:transparent;color:var(--muted);cursor:grab;padding:2px 4px;margin-left:-4px;border-radius:6px;touch-action:none;line-height:1}.grip:hover,.grip:focus-visible{background:var(--tint);color:var(--blue)}.grip:active{cursor:grabbing}.drop-end{margin:10px 0;padding:18px;border:2px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);font-size:13px;font-weight:600}.drop-end.on{border-color:var(--blue);background:var(--tint);color:var(--blue)}.sheet-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 2px}.compact-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0}.fcard.compact{padding:6px 12px;margin:6px 0}.fcard.compact .fhead{margin-bottom:0;gap:10px}.fcard.compact .ftype{flex:none;min-width:120px}.ctitle{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline{font-size:13px}.ol-group{margin-bottom:6px}.ol-head{display:flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;padding:6px 2px;cursor:pointer;font:800 11px var(--font);letter-spacing:.8px;text-transform:uppercase;color:var(--navy)}.ol-count{margin-left:auto;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}.ol-item{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;background:transparent;padding:6px 8px;cursor:pointer;text-align:left;color:var(--text);font:500 13px var(--font)}.ol-item:hover{background:var(--tint)}.ol-item.on{background:#fff6d6;box-shadow:inset 3px 0 #ffc200;font-weight:700}.ol-item.struct{color:var(--muted)}.ol-n{flex:none;width:22px;text-align:right;font-weight:800;color:var(--blue);font-size:12px}.ol-item.struct .ol-n{color:var(--faint)}.ol-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:16px;align-items:start}.design-controls{padding:18px}.design-section{padding:14px 0;border-bottom:1px solid var(--border)}.design-section:first-child{padding-top:0}.design-section:last-child{border-bottom:0;padding-bottom:0}.design-section h3{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.design-preview{position:sticky;top:var(--yosf-sticky-top, 16px)}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset{border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px;font:600 11px var(--font);color:var(--text);cursor:pointer;text-align:center}.preset:hover:not(:disabled){border-color:var(--blue)}.preset.on{border:2px solid var(--blue);padding:5px;color:var(--navy)}.preset-swatch{display:block;height:22px;border-radius:6px;margin-bottom:5px}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;display:grid;place-items:center;cursor:pointer;padding:0}.swatch.light{border-color:var(--border)}.swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.veil{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px}.design-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;font-size:13px;cursor:default}.imgfield{margin-top:10px}.imgthumb{position:relative;border-radius:10px;overflow:hidden;background:var(--hover);border:1px dashed #cbd5e1;display:grid;place-items:center;color:var(--muted);font-size:12px}.imgthumb.banner{aspect-ratio:4 / 1}.imgthumb.background{aspect-ratio:16 / 9}.imgthumb img{width:100%;height:100%;object-fit:cover;display:block}.imgthumb .safe{position:absolute;top:0;bottom:0;left:25%;right:25%;border-left:1px dashed rgba(255,255,255,.9);border-right:1px dashed rgba(255,255,255,.9);box-shadow:0 0 0 9999px #0d14282e;pointer-events:none}.imgactions{display:flex;gap:6px;margin:8px 0 4px}.spreview{display:flex;flex-direction:column;align-items:center;gap:12px}.sframe{position:relative;width:100%;height:760px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#f1f5f9}.sframe.phone{width:390px;max-width:100%;height:760px;border:10px solid #0d1428;border-radius:36px}.sframe-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.sframe-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.sframe-scroll{position:relative;height:100%;overflow-y:auto;padding-bottom:32px}.sframe-banner{position:relative;aspect-ratio:4 / 1;max-height:300px;width:100%}.sframe.phone .sframe-banner{aspect-ratio:2 / 1}.sframe-banner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sframe-band{position:relative;height:96px}.sframe-logo{position:absolute;left:16px;top:14px;background:#fff;border-radius:10px;padding:5px 9px;display:flex;box-shadow:0 2px 8px #0d142826}.sframe-logo img{height:22px;width:auto;display:block}.sframe-card{position:relative;max-width:720px;margin:-28px auto 0;background:#fff;border-radius:16px;padding:26px 28px}.sframe.phone .sframe-card{margin:-20px 12px 0;padding:20px 16px;border-radius:14px}.sframe-card.elevada{box-shadow:0 10px 30px #0d14281f}.sframe-card.plana{border:1px solid var(--border)}.sframe .fill{max-width:none}.sframe .fill h1{font-size:24px}.sframe.phone .fill h1{font-size:20px}.sframe .choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.sframe .choice input{accent-color:var(--accent)}.sframe .scale label:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sframe .progress i{background:var(--accent)}.sframe .done .pts{background:none;color:var(--accent)}.sframe.phone .choices.row{flex-wrap:wrap}@media(max-width:1100px){.design{grid-template-columns:1fr}.design-preview{position:static}}@media(max-width:1100px){.builder{grid-template-columns:1fr}.palette,.props{position:static;max-height:none}.palette .palette-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}}:root{--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--text: #0d1428;--muted: #64748b;--faint: #94a3b8;--hover: #f1f5f9;--row: #f8fafc;--tint: #eaf0ff;--positive: #16a34a;--negative: #dc2626;--blue: #2253d9;--navy: #0b338c;--amber: #ffc200;--shadow: 0 2px 12px rgba(13, 20, 40, .06);--institucional: linear-gradient(90deg, #0b338c, #2253d9);--font: "Montserrat", "Segoe UI", system-ui, sans-serif;color-scheme:light;--yosf-sticky-top: 88px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font);margin:0}button{font-family:inherit}::selection{background:#2253d938}.sub{color:var(--muted);font-size:12px}.strong{font-weight:700}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.app-bg i{position:absolute;border-radius:50%}.app-bg i:nth-child(1){width:600px;height:600px;top:-200px;left:-200px;background:radial-gradient(circle,#2253d91f 0%,transparent 70%)}.app-bg i:nth-child(2){width:400px;height:400px;top:80px;right:-100px;background:radial-gradient(circle,#a139c614 0%,transparent 70%)}.app-bg i:nth-child(3){width:300px;height:300px;bottom:200px;left:40%;background:radial-gradient(circle,#ffc2001a 0%,transparent 70%)}.app-bg i:nth-child(4){width:250px;height:250px;bottom:0;right:200px;background:radial-gradient(circle,#ff00130d 0%,transparent 70%)}.app-header{position:relative;overflow:hidden;height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0b338c,#1035cc,#2253d9);color:#fff}.app-header>*{position:relative;z-index:1}.header-waves{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0!important;pointer-events:none}.brand{display:flex;align-items:center;gap:14px}.logo-pill{background:#fff;border-radius:12px;padding:5px 12px;display:flex;align-items:center;box-shadow:0 2px 10px #0000002e}.logo-pill img{height:40px;width:auto;display:block}.brand-name{font-weight:800;font-size:15px;letter-spacing:.2px;line-height:1.1}.brand-sub{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;opacity:.8;font-weight:600}.user-chip{display:flex;align-items:center;gap:10px}.user-chip .who{text-align:right;line-height:1.2}.user-chip .who b{display:block;font-size:13px}.user-chip .who span{font-size:11px;opacity:.8}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none}.demo-tag{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;background:#fff3;padding:3px 8px;border-radius:4px}.shell{position:relative;z-index:1;display:flex;min-height:calc(100vh - 72px)}.sider{width:232px;flex:none;padding:20px 12px;border-right:1px solid var(--border);background:#fff;position:sticky;top:72px;align-self:flex-start;height:calc(100vh - 72px);overflow-y:auto}.nav-group{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin:2px 0;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:600;font-size:13.5px;text-align:left;cursor:pointer}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.on{background:var(--tint);color:var(--navy);font-weight:700;box-shadow:inset 3px 0 #ffc200}.content{flex:1;min-width:0;padding:28px 32px 48px;max-width:1480px}.app-footer{position:relative;z-index:1;text-align:center;font-size:10px;color:var(--faint);letter-spacing:2px;text-transform:uppercase;padding:14px 0 10px;border-top:1px solid var(--border);background:#fff}.mobile-nav{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-head h1{font-size:26px;font-weight:800;letter-spacing:-.3px;color:var(--navy)}.page-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.page-actions,.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar{margin-bottom:14px;justify-content:space-between}.crumb{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;min-width:0;color:var(--navy)}.crumb button{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0}.crumb button:hover{color:var(--blue)}.crumb .cur{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.pad{padding:20px}.panel .h,.h{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:4px;color:var(--muted);background:#f1f5f9;border:1px solid var(--border);white-space:nowrap}.empty{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty .art{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(135deg,#570099,#a139c6)}.empty h2{font-size:18px;font-weight:800;color:var(--navy)}.empty p{color:var(--muted);max-width:440px;margin:0 0 8px;font-size:13px}.loading{padding:40px;text-align:center;color:var(--muted)}.hint{font-size:12px;color:var(--muted);margin-top:6px}.lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--muted);margin-bottom:6px}.req{color:var(--negative);margin-left:4px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.kpi-card{position:relative;overflow:hidden;border-radius:14px;padding:18px 20px;min-height:118px;background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--glow, #2253d930)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.bar-row{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;gap:12px;align-items:center;margin:9px 0;font-size:13px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-label button{background:none;border:0;color:var(--text);font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left}.bar-label button:hover{color:var(--blue);text-decoration:underline}.bar{height:8px;border-radius:99px;background:#e2e8f0;overflow:hidden;display:block}.bar i{display:block;height:100%;border-radius:99px;transition:width .4s}.panel .ant-table{background:transparent}.ant-table-row.click{cursor:pointer}.ant-table-thead>tr>th{font-size:11px!important;font-weight:800!important;letter-spacing:1px;text-transform:uppercase}.cellname{display:flex;align-items:center;gap:10px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;position:relative;z-index:1;background:#fff}.login-art{position:relative;overflow:hidden;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#0b338c,#2253d9 70%,#570099);color:#fff}.login-art h2{font-size:34px;font-weight:900;line-height:1.15;max-width:480px}.login-art p{max-width:440px;opacity:.88;line-height:1.6}.login-art .logo-pill{align-self:flex-start;padding:8px 18px;border-radius:16px}.login-art .logo-pill img{height:64px}.login-card{display:grid;place-items:center;padding:32px;background:var(--bg)}.login-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0d142814}.login-box h1{font-size:28px;font-weight:800;color:var(--navy)}.login-logo-mobile{display:none;height:64px;width:auto;align-self:flex-start}.segcard{padding:20px;margin-bottom:14px;position:relative;overflow:hidden}.segcard header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;position:relative;z-index:1}.segcard h3{font-size:16px;font-weight:800;color:var(--navy)}.seggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;position:relative;z-index:1}.seggrid .inline{display:flex;gap:6px}.segfoot{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;position:relative;z-index:1}.segfoot .bar{width:160px}.sheet.settings{max-width:760px}.frow{margin-bottom:18px}.frow.inline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.cp .left{display:flex;gap:8px;flex-wrap:wrap}.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.matrix td,.matrix th{text-align:center!important}.matrix td:first-child,.matrix th:first-child{text-align:left!important}.side h2{font-size:16px;font-weight:800;color:var(--navy)}.log{list-style:none;padding:0;margin:8px 0 0;font-size:13px}.log li{padding:6px 0;border-bottom:1px solid var(--border)}@media(max-width:1100px){.grid-2,.grid-3,.two{grid-template-columns:1fr}}@media(max-width:900px){.sider{display:none}.mobile-nav{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid var(--border);position:relative;z-index:2;background:#fff}.mobile-nav .nav-item{width:auto;white-space:nowrap;margin:0}.shell{flex-direction:column}.content{padding:20px 16px 40px}.app-header{padding:0 16px}.brand-sub,.user-chip .who{display:none}.login{grid-template-columns:1fr}.login-art{display:none}.login-logo-mobile{display:block}.frow.inline{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.kpi-card,.bar i{transition:none}}.save-state{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.save-state:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a34a}.save-state.dirty{color:#b45309;font-weight:600}.save-state.dirty:before{background:#f59e0b}