:root{--c-primary: #002060;--c-primary-dk: #001540;--c-primary-lt: #e6eaf4;--c-blue: #c8261b;--c-bg: #f2f0ed;--c-card: #ffffff;--c-border: #e3dcd4;--c-text: #093356;--c-muted: #6b7280;--c-green: #1a7c46;--c-green-bg: #d1ead9;--c-red: #c73844;--c-red-bg: #fce8ea;--c-auto: #f5f3f0;--r-sm: 4px;--r-md: 8px;--r-lg: 8px;--sh-md: 0 2px 8px rgba(0,32,96,.1);--sh-lg: 0 6px 20px rgba(0,32,96,.14);--font: Arial, Helvetica, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.6;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.hdr{background:var(--c-bg);border-bottom:1px solid var(--c-primary)}.hdr__inner{max-width:960px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:20px}.hdr__brand{color:var(--c-primary);white-space:nowrap;display:flex;align-items:center}.hdr__logo{height:36px;width:auto;display:block}.hdr__title{font-size:18px;font-weight:400;color:var(--c-muted);border-left:1px solid var(--c-border);padding-left:20px}.main{flex:1;padding:32px 24px 64px}.container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.si{display:flex;align-items:flex-start}.si__step{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.si__circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:2px solid var(--c-border);background:#fff;color:var(--c-muted);transition:all .2s}.si__step--active .si__circle{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-lt);box-shadow:0 0 0 4px #00206024}.si__step--done .si__circle{border-color:var(--c-green);background:var(--c-green);color:#fff}.si__label{margin-top:7px;font-size:11px;font-weight:500;color:var(--c-muted);text-align:center;white-space:nowrap}.si__step--active .si__label{color:var(--c-primary);font-weight:700}.si__step--done .si__label{color:var(--c-green)}.si__connector{flex:1;height:2px;background:var(--c-border);margin-top:17px;min-width:32px}.si__connector--done{background:var(--c-green)}.card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:32px}.card__title{font-size:21px;font-weight:700;color:var(--c-primary);margin-bottom:6px}.card__sub{color:var(--c-muted);font-size:14px;margin-bottom:28px}.freq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.freq-opt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border:2px solid var(--c-border);border-radius:var(--r-lg);background:#fff;cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}.freq-opt:hover{border-color:var(--c-primary);background:var(--c-primary-lt);transform:translateY(-2px);box-shadow:var(--sh-lg)}.freq-opt:active{transform:none}.freq-opt--active{border-color:var(--c-primary);background:var(--c-primary-lt);box-shadow:var(--sh-lg)}.freq-opt__badge{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c-blue);background:var(--c-primary-lt);border:1px solid var(--c-blue);border-radius:20px;padding:2px 10px}.freq-opt__title{font-size:17px;font-weight:700;color:var(--c-primary)}.freq-opt__desc{font-size:13px;color:var(--c-muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.fg{display:flex;flex-direction:column;gap:5px}.fg--full{grid-column:1 / -1}.fl{font-size:13px;font-weight:600;color:var(--c-text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fl-hint{font-size:11px;font-weight:400;color:var(--c-muted)}.fl-hint--block{display:block;margin-top:3px;font-size:11px;color:var(--c-muted)}.fl-reset{margin-left:auto;font-size:11px;font-weight:400;color:var(--c-blue);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.fl-reset:hover{color:var(--c-primary)}.fsel{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font);color:var(--c-text);border:1.5px solid var(--c-border);border-radius:var(--r-md);background:#fff;outline:none;cursor:pointer;transition:border-color .15s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.fsel:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #00206024}.fi-wrap{display:flex;border:1.5px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;transition:border-color .15s}.fi-wrap:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px #00206024}.fi-wrap--err{border-color:var(--c-red)}.fi-wrap--err:focus-within{border-color:var(--c-red);box-shadow:0 0 0 3px #c0392b24}.fi{flex:1;padding:10px 12px;font-size:14px;font-family:var(--font);color:var(--c-text);border:none;outline:none;background:#fff;min-width:0}.fi--auto{background:var(--c-auto);color:var(--c-muted)}.fi-unit{padding:10px 12px;background:#f8f9fa;color:var(--c-muted);font-size:13px;font-weight:500;border-left:1.5px solid var(--c-border);display:flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.ferr{font-size:11px;color:var(--c-red);font-weight:500}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;margin-top:4px;padding-top:20px;border-top:1px solid var(--c-border)}.toggle-group{display:flex;border:1.5px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.toggle-opt{flex:1;padding:10px 16px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;background:#fff;color:var(--c-muted);transition:background .15s,color .15s}.toggle-opt+.toggle-opt{border-left:1.5px solid var(--c-border)}.toggle-opt--active{background:var(--c-primary);color:#fff}.toggle-opt:not(.toggle-opt--active):hover{background:var(--c-bg)}.btn{padding:11px 28px;font-size:14px;font-weight:600;font-family:var(--font);border-radius:var(--r-md);cursor:pointer;border:2px solid;transition:all .15s}.btn--pri{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--pri:hover{background:var(--c-primary-dk);border-color:var(--c-primary-dk)}.btn--sec{background:#fff;border-color:var(--c-border);color:var(--c-text)}.btn--sec:hover{background:var(--c-bg);border-color:var(--c-muted)}.btn--ghost{background:none;border-color:transparent;color:var(--c-primary);padding:8px 18px}.btn--ghost:hover{background:var(--c-primary-lt)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.kpi{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px}.kpi--primary{background:var(--c-primary);border-color:var(--c-primary);grid-column:span 2}.kpi--primary .kpi__label{color:#ffffffbf}.kpi--primary .kpi__value{color:#fff;font-size:28px}.kpi--accent{background:var(--c-primary-lt);border-color:var(--c-blue)}.kpi--accent .kpi__value{color:var(--c-primary)}.kpi__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-muted);margin-bottom:5px}.kpi__value{font-size:22px;font-weight:700}.breakdown{border-top:1px solid var(--c-border);padding-top:20px}.breakdown__title{font-size:15px;font-weight:700;margin-bottom:10px}.breakdown__rows{display:flex;flex-direction:column;gap:2px}.br-row{display:flex;justify-content:space-between;font-size:14px;padding:9px 12px;border-radius:var(--r-sm)}.br-row:nth-child(odd){background:var(--c-bg)}.br-row--total{font-weight:700;border-top:2px solid var(--c-border);margin-top:4px;background:none!important}.br-row--saving{color:var(--c-green);font-weight:600;background:var(--c-green-bg)!important}.breakdown--3col .breakdown__rows{display:grid;grid-template-columns:1fr max-content max-content;row-gap:2px}.breakdown--3col .br-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;gap:0 8px;align-items:center}.breakdown--3col .br-row>span:nth-child(2),.breakdown--3col .br-row>span:nth-child(3){text-align:right;white-space:nowrap;min-width:100px}.tbl-scroll{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--r-md);margin-top:8px}.tbl{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.tbl thead{background:var(--c-primary)}.tbl-th{padding:12px 14px;text-align:right;font-size:11px;font-weight:600;color:#ffffffe6;letter-spacing:.3px;text-transform:uppercase}.tbl-th--left{text-align:left}.tbl-tr:nth-child(2n){background:var(--c-bg)}.tbl-tr:hover{background:var(--c-primary-lt)}.tbl-td{padding:9px 14px;text-align:right;border-bottom:1px solid #f0f2f4;color:var(--c-text)}.tbl-tr:last-child .tbl-td{border-bottom:none}.tbl-td--num{text-align:left;font-weight:600;color:var(--c-muted)}.tbl-td--date{text-align:left;color:var(--c-muted)}.tbl-td--pos{color:var(--c-green);font-weight:600}.tbl-toggle{display:flex;justify-content:center;padding:10px;border-top:1px solid var(--c-border)}.ov-disclaimer{font-size:12px;color:var(--c-muted);line-height:1.6;padding:12px 14px;margin-top:8px;background:var(--c-bg);border-radius:var(--r-sm)}.auth-wrap{display:flex;justify-content:center;padding-top:48px}.auth-card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:40px;width:100%;max-width:380px}.auth-card__logo{height:40px;width:auto;display:block;margin-bottom:24px}.auth-card__title{font-size:21px;font-weight:700;color:var(--c-primary);margin-bottom:6px}.auth-card__sub{font-size:14px;color:var(--c-muted);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-btn{width:100%;margin-top:4px}.results{display:flex;flex-direction:column;gap:24px}.results-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.results-actions__right{display:flex;gap:12px;align-items:center}@media (max-width: 720px){.hdr__title{display:none}.freq-grid,.form-grid{grid-template-columns:1fr}.fg--full,.form-actions{grid-column:1}.kpi-grid{grid-template-columns:1fr 1fr}.kpi--primary{grid-column:1 / -1}.card{padding:20px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.results-actions{flex-direction:column-reverse;align-items:stretch}.results-actions__right{flex-direction:column-reverse}.results-actions .btn,.results-actions__right .btn{width:100%;text-align:center}}