:root{font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17231e;background:#f3f5f1;font-size:15px;--green:#12372a;--mint:#dcebe1;--line:#dce2dc;--muted:#6d7b74;--white:#fff;--red:#a33e38}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,.button,input{font:inherit}button,.button{border:0;border-radius:8px;background:var(--green);color:white;min-height:42px;padding:0 16px;cursor:pointer;font-weight:650}button:focus-visible,input:focus-visible,.button:focus-visible{outline:3px solid #89b7a1;outline-offset:2px}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#e2efe5,transparent 35%),#f5f6f2}.auth-card{width:min(390px,100%);background:white;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 16px 50px #173a2715}.brand-mark,.logo span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--green);color:#fff;font-weight:800;font-size:21px}.auth-card h1{margin:16px 0 4px;font-size:28px}.auth-card p{color:var(--muted);margin:0 0 24px}label{display:grid;gap:7px;margin:0 0 14px;font-weight:600;color:#34463d}input{width:100%;height:44px;border:1px solid #cbd5cd;border-radius:7px;padding:0 12px;background:#fff}.auth-card button{width:100%;margin-top:6px}.message{min-height:20px;margin-top:12px;color:var(--red);font-size:13px}.message.success{color:#287044}.app{min-height:100vh;display:grid;grid-template-columns:226px 1fr}aside{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;padding:0 6px 24px}.logo span{width:34px;height:34px;border-radius:8px;font-size:17px}.logo b{font-size:17px}nav{display:grid;gap:5px}.nav,.ghost{background:transparent;color:#435149;text-align:left}.nav.active{background:var(--mint);color:var(--green)}.ghost{margin-top:auto}.workspace{padding:26px 32px 48px;max-width:1400px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header h1{font-size:28px;line-height:34px;margin:0}.eyebrow{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.mobile-menu{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.stats article{background:white;border:1px solid var(--line);border-radius:10px;padding:18px}.stats span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.stats strong{font-size:24px}.stats .accent{background:var(--green);color:#fff;border-color:var(--green)}.stats .accent span{color:#bdd0c5}.grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0}.panel h2,.dialog-head h2{font-size:17px;margin:0 0 16px}.wide{grid-column:span 1}.chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding-top:20px}.empty{color:var(--muted);align-items:center;justify-content:center}.bars{height:100%;flex:1;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line);position:relative}.bar{flex:1;min-width:5px;border-radius:4px 4px 0 0}.bar.income{background:#77a888}.bar.expense{background:#d3a26c}.month{position:absolute;bottom:-22px;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted)}.list{display:grid;gap:13px}.category-row{display:grid;grid-template-columns:1fr auto;gap:7px}.category-row .track{grid-column:1/-1;height:6px;background:#edf0ed;border-radius:4px}.category-row .fill{height:100%;background:#6f9e82;border-radius:4px}.transactions{display:grid}.tx{display:grid;grid-template-columns:100px 1fr 140px 120px;gap:12px;align-items:center;min-height:48px;border-top:1px solid #edf0ed}.tx:first-child{border-top:0}.tx .category{color:var(--muted);font-size:13px}.tx .amount{text-align:right;font-weight:700}.positive{color:#287044}.negative{color:#9e453f}.upload{text-align:center;padding:54px 24px}.upload-icon{margin:auto auto 14px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:28px}.upload input{position:absolute;opacity:0;pointer-events:none}.upload p,.help p,.settings p,.section-head p{color:var(--muted)}.button{display:inline-grid;place-items:center;margin-top:10px}.help{margin-top:14px}.help code{display:block;padding:14px;background:#f4f6f3;border-radius:7px;line-height:1.8;overflow:auto}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.compact{margin-top:10px}.card-list{display:grid;gap:12px}.credit-card{background:white;border:1px solid var(--line);border-radius:10px;padding:19px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:16px;align-items:center}.credit-card h3{margin:0 0 4px}.credit-card p{margin:0;color:var(--muted);font-size:13px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.metric strong{font-size:15px}.meter{height:7px;background:#e7ebe7;border-radius:6px;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:#d09a60}.settings{max-width:570px}.settings form{max-width:420px}dialog{border:0;border-radius:12px;padding:0;width:min(620px,calc(100% - 24px));box-shadow:0 24px 80px #17231e44}dialog::backdrop{background:#15291f88}dialog form{padding:24px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.close{background:transparent;color:#25382e;font-size:26px;padding:0;width:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:850px){.app{grid-template-columns:1fr}aside{position:fixed;z-index:5;transform:translateX(-100%);transition:.2s;width:240px;box-shadow:10px 0 30px #0002}aside.open{transform:none}.workspace{padding:20px 16px 40px}.mobile-menu{display:block}.stats{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.credit-card{grid-template-columns:1fr 1fr}.tx{grid-template-columns:78px 1fr 90px}.tx .category{display:none}}@media(max-width:520px){.form-grid,.credit-card{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:12px;flex-direction:column}.stats strong{font-size:21px}}
.monthly-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.monthly-toolbar label{margin:0;min-width:220px}.monthly-toolbar select,.bulk-actions select{height:44px;border:1px solid #cbd5cd;border-radius:7px;background:#fff;padding:0 12px}.secondary{background:#fff;color:var(--green);border:1px solid var(--line)}.secondary.active{background:var(--mint);border-color:#9ebcab}.secondary span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;border-radius:12px;background:var(--green);color:#fff;font-size:12px}.monthly-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:14px}.operations-panel{padding:0}.operations-panel .panel-head{padding:20px;display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.operations-panel .panel-head h2{margin-bottom:4px}.operations-panel .panel-head p{margin:0;color:var(--muted);font-size:13px}.bulk-actions{display:flex;gap:8px}.bulk-actions button:disabled{opacity:.45;cursor:not-allowed}.select-all{display:flex;align-items:center;gap:8px;margin:0;padding:12px 20px;background:#f8faf7;border-bottom:1px solid var(--line);font-size:13px}.select-all input,.operation-row>input{width:18px;height:18px;margin:0;accent-color:var(--green)}.operation-list{max-height:680px;overflow:auto}.operation-row{display:grid;grid-template-columns:20px 54px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:12px 18px;border-bottom:1px solid #edf0ed;cursor:pointer}.operation-row:hover{background:#fafbf9}.operation-row.needs-category{background:#fff9ef}.operation-row time{font-size:12px;color:var(--muted)}.operation-main{min-width:0}.operation-main strong,.operation-main span,.operation-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-main strong{font-size:14px}.operation-main span{color:#526159;font-size:12px;margin-top:3px}.operation-main small{color:#8a958f;font-size:11px;margin-top:2px}.operation-row>b{text-align:right;white-space:nowrap;font-size:14px}.category-row small{grid-column:1/-1;color:var(--muted);font-size:11px}.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}
@media(max-width:900px){.monthly-grid{grid-template-columns:1fr}.operation-list{max-height:none}}@media(max-width:600px){.monthly-toolbar{align-items:stretch;flex-direction:column}.monthly-toolbar label{min-width:0}.monthly-toolbar select{width:100%}.operations-panel .panel-head{align-items:stretch;flex-direction:column}.bulk-actions{flex-direction:column}.operation-row{grid-template-columns:18px 42px minmax(0,1fr)}.operation-row>b{grid-column:3;text-align:left;margin-top:-5px}.operation-main small{white-space:normal}}
.remember-device{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;cursor:pointer}.remember-device input{width:18px;height:18px;margin:0;accent-color:var(--green)}
.sync-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.muted{color:var(--muted);font-size:13px}.sync-list{display:grid}.sync-row,.rule-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #edf0ed}.sync-row:first-child,.rule-row:first-child{border-top:0}.sync-row strong,.sync-row span,.rule-row strong,.rule-row span{display:block}.sync-row span,.rule-row span{color:var(--muted);font-size:11px;margin-top:3px}.sync-metrics{text-align:right}.sync-metrics b{color:#287044}.sync-metrics span{display:inline;margin-left:8px}.rule-row>b{text-align:right;color:var(--green)}@media(max-width:800px){.sync-grid{grid-template-columns:1fr}.sync-row,.rule-row{align-items:flex-start;flex-direction:column}.sync-metrics{text-align:left}.sync-metrics span{display:block;margin:3px 0 0}}
.budget-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.budget-toolbar label{margin:0;min-width:220px}.budget-toolbar select{width:100%;height:44px;border:1px solid #cbd5cd;border-radius:7px;background:#fff;padding:0 12px}.budget-toolbar>div{display:flex;gap:8px}.budget-stats{grid-template-columns:repeat(4,1fr)}.budget-insight{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.budget-insight span,.budget-insight p{color:var(--muted);font-size:13px}.budget-insight strong{display:block;margin-top:5px;font-size:18px}.budget-insight p{margin:0;text-align:right}.budget-panel{padding:0}.budget-panel>.panel-head{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.budget-panel>.panel-head h2{margin-bottom:4px}.budget-panel>.panel-head p{margin:0;color:var(--muted);font-size:12px}.budget-panel .message{margin:0}.budget-table-head,.budget-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(150px,.8fr);gap:14px;align-items:center}.budget-table-head{padding:11px 20px;background:#f8faf7;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.budget-row{padding:14px 20px;border-top:1px solid #edf0ed}.budget-row:first-child{border-top:0}.budget-row>span,.budget-row>b{white-space:nowrap}.budget-category span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.budget-track{height:5px;margin-top:8px;background:#edf0ed;border-radius:4px;overflow:hidden}.budget-track i{display:block;height:100%;background:#72a186}.budget-row.over-budget{background:#fff8f5}.budget-row.over-budget .budget-track i{background:#ba6259}.budget-row label{margin:0}.budget-row input{height:40px;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.budget-stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.budget-toolbar{align-items:stretch;flex-direction:column}.budget-toolbar label{min-width:0}.budget-toolbar>div{display:grid;grid-template-columns:1fr}.budget-insight{align-items:flex-start;flex-direction:column}.budget-insight p{text-align:left}.budget-table-head{display:none}.budget-row{grid-template-columns:1fr auto;padding:16px}.budget-row>.budget-category{grid-column:1/-1}.budget-row>b:before{content:'Факт: ';color:var(--muted);font-size:11px;font-weight:400}.budget-row>span:before{content:'Прогноз: ';color:var(--muted);font-size:11px}.budget-row>label{grid-column:1/-1}.budget-row>label:before{content:'Бюджет';display:block;margin-bottom:5px;color:var(--muted);font-size:11px}.budget-row input{text-align:left}}
.settings-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.25fr);gap:14px;align-items:start}.settings-grid .settings{max-width:none}.gmail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.gmail-heading h2{margin-bottom:6px}.gmail-heading p{margin:0}.status-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#c4cbc7;margin-top:5px}.status-dot.connected{background:#35a76c;box-shadow:0 0 0 4px #35a76c1e}.credential-help{font-size:12px;line-height:1.5}.credential-help a{color:var(--green);font-weight:700}.gmail-actions{display:flex;gap:8px;margin-top:18px}.gmail-runs{margin-top:20px}.gmail-runs h3{font-size:13px;margin:0 0 5px}.gmail-run{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #edf0ed}.gmail-run strong,.gmail-run span{display:block}.gmail-run strong{font-size:12px;overflow-wrap:anywhere}.gmail-run span{color:var(--muted);font-size:10px;margin-top:3px}.gmail-run>b{font-size:11px;text-align:right;max-width:45%}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}}@media(max-width:520px){.gmail-actions{display:grid}.gmail-run{align-items:flex-start;flex-direction:column}.gmail-run>b{max-width:none;text-align:left}}