:root{--ink:#172532;--muted:#68757f;--paper:#f4f1eb;--card:#fffdf9;--line:#ddd8cf;--navy:#203e5b;--orange:#d46f45;--green:#5a8e72}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:var(--navy);color:#fff;padding:11px 14px;font-weight:700}header{height:78px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf9;position:sticky;top:0;z-index:5}header>a{color:var(--muted);font-size:12px}.brand{display:flex;align-items:center;gap:12px}.brand>div{display:flex;flex-direction:column}.brand small{color:var(--muted);margin-top:4px}.brand-mark{width:40px;height:40px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font:italic 23px Georgia}.period{font-size:12px}main{max-width:1320px;margin:auto;padding:0 32px 60px}.hero{padding:66px 0 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero h1{font:500 clamp(46px,6vw,78px)/.98 Georgia;margin:0;letter-spacing:-.04em}.hero>div>p:last-child{color:var(--muted);font-size:17px}.eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.13em;font-size:11px!important;font-weight:750;color:var(--orange)!important}.car{min-width:320px;background:var(--navy);color:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px}.car span{font-size:12px;color:#c9d4de}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:27px;margin-bottom:16px;box-shadow:0 8px 26px rgba(42,50,57,.035)}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.head h2{font:500 30px Georgia;margin:0}.big{display:flex;flex-direction:column;text-align:right;gap:5px}.big span,.card small{font-size:10px;color:var(--muted)}.big b{font:500 27px Georgia}.stats{display:grid;grid-template-columns:.6fr .6fr 1.4fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:24px 0}.stats>div{padding:18px;display:flex;flex-direction:column;gap:5px}.stats>div+div{border-left:1px solid var(--line)}.stats b{font:500 25px Georgia}.stats span{font-size:10px;color:var(--muted)}.track{height:8px;background:#e7e2da;border-radius:20px;overflow:hidden}.track i{display:block;height:100%;background:var(--orange)}.track-label{display:flex;justify-content:space-between;margin-top:10px;font-size:10px}.track-label b{color:var(--orange)}.forecast,.three{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.forecast>div,.three>div{background:#f5f1ea;border-radius:10px;padding:17px;display:flex;flex-direction:column;gap:7px}.forecast span,.three span{font-size:10px;color:var(--muted)}.forecast b{font-size:16px}.disclaimer{display:block;margin-top:14px}.three{grid-template-columns:repeat(3,1fr)}.three b{font:500 27px Georgia}.three .dark{background:var(--navy);color:#fff}.three .dark span,.three .dark small{color:#c9d4de}.note,.diverse{background:#f3efe8;border-radius:9px;padding:14px;font-size:11px;color:var(--muted);margin:16px 0 0}.bars{margin-top:25px;max-width:850px}.bars>div{display:grid;grid-template-columns:120px 1fr 100px;gap:14px;align-items:center;margin:13px 0}.bars i{height:8px;background:#ece8e1;border-radius:10px;overflow:hidden}.bars em{display:block;height:100%;background:var(--orange)}.bars b{text-align:right}.columns{display:grid;grid-template-columns:1.6fr .8fr;gap:16px}.columns .card{margin:0 0 16px}.actions{display:flex;gap:8px}.people{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.people>div{padding:20px;background:#e7edf2;border-radius:12px;display:flex;flex-direction:column;gap:7px}.people>div+div{background:#f8eae4;color:#9b4d31}.people b{font:500 30px Georgia}.calculation{margin-top:18px}.calculation p{display:flex;justify-content:space-between;margin:0;padding:9px 2px;border-bottom:1px solid var(--line);font-size:12px}.calculation span{color:var(--muted)}.calculation .result{padding-top:14px;font-weight:700}.calculation .result span{color:var(--ink)}.warning{background:#fff3dc;color:#795d29;padding:11px;border-radius:8px;font-size:10px}.history{background:#f5f1ea;padding:14px;border-radius:9px}.history p{display:flex;justify-content:space-between;font-size:11px}.monthly{margin-top:23px;background:#f3efe8;border-radius:12px;padding:18px;display:flex;justify-content:space-between}.monthly b{font:500 22px Georgia}.auto{border-top:1px solid var(--line);padding-top:17px;display:flex;flex-direction:column;gap:5px}.auto b{color:var(--orange)}.link{background:none;color:var(--orange);padding:4px}.table{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}td:last-child,th:last-child{text-align:right}dialog{border:0;border-radius:16px;padding:0;width:min(500px,calc(100% - 30px));box-shadow:0 30px 80px #0005}dialog::backdrop{background:#17253299}dialog form{padding:27px;display:flex;flex-direction:column;gap:14px;position:relative}dialog h2{font:500 28px Georgia;margin:0 0 8px}.close{position:absolute;right:18px;top:16px;border-radius:50%;background:#eee8df;color:var(--ink);font-size:18px;padding:5px 10px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}input,select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:15px}.auth-card h1{font:500 36px Georgia;margin:8px 0 0}.auth-card p{color:var(--muted);line-height:1.5}.error,.success{padding:12px;border-radius:8px;background:#f9dfd8;color:#8c3927}.success{background:#e5f0e7;color:#3f6c49}@media(max-width:900px){.hero{flex-direction:column;align-items:flex-start}.car{width:100%}.columns{grid-template-columns:1fr}.forecast{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}}@media(max-width:600px){main{padding:0 18px 40px}.hero{padding-top:45px}.hero h1{font-size:48px}.period{display:none}.head{flex-direction:column}.big{text-align:left}.stats,.forecast,.people{grid-template-columns:1fr}.stats>div+div{border-left:0;border-top:1px solid var(--line)}.track-label b{display:none}.bars>div{grid-template-columns:90px 1fr 82px}.actions{width:100%}.actions button{flex:1}}