:root{--primary:#138a36;--sidebar:#16231f;--accent:#e8f5eb;--font-scale:100%}*{box-sizing:border-box}html{font-size:var(--font-scale)}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#f5f7f8;color:#1b2421;line-height:1.45}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar);color:#fff;padding:22px 15px;position:fixed;inset:0 auto 0 0;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-size:1.18rem;margin-bottom:28px;font-weight:800;word-break:break-word}.coin{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--primary);display:grid;place-items:center;font-weight:800;font-size:1.4rem}.coin.big{width:72px;height:72px;font-size:2.5rem;margin:auto}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#eaf1ed;text-decoration:none;padding:13px 14px;border-radius:10px;display:flex;gap:12px;align-items:center;font-weight:650}.sidebar a:hover{background:rgba(255,255,255,.09)}.main{margin-left:260px;width:calc(100% - 260px)}header{height:72px;background:#fff;border-bottom:1px solid #e6e9e8;padding:0 28px;display:flex;justify-content:flex-end;align-items:center;gap:14px;position:sticky;top:0;z-index:20}header small{display:block;color:#77827e}.menu{display:none;margin-right:auto;border:0;background:transparent;font-size:1.6rem;padding:8px;cursor:pointer}.content{padding:28px;max-width:1500px;margin:auto}.title-row h1{margin:0 0 5px;font-size:1.75rem}.title-row p{margin:0 0 22px;color:#74807b}.between{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.month-picker{margin-bottom:18px}.month-picker label{font-weight:700;display:flex;align-items:center;gap:9px}.month-picker input{padding:10px 12px;border:1px solid #d8dfdc;border-radius:9px;font:inherit;background:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat,.panel{background:#fff;border:1px solid #e2e7e5;border-radius:14px;padding:20px;box-shadow:0 3px 14px rgba(20,40,30,.04)}.stat span,.stat small{display:block}.stat strong{font-size:1.55rem;display:block;margin:8px 0}.highlight{background:linear-gradient(145deg,#fff,var(--accent))}.green{color:var(--primary)}.red{color:#df3344}.orange{color:#e68919}.blue{color:#2869c7}.grid2{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.panel h3{margin-top:0}.summary-line,.item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0ef}.item:last-child,.summary-line:last-child{border:0}.item small{display:block;color:#7a8581;margin-top:4px}.item>div:last-child{display:flex;align-items:center;gap:8px}.bigline{font-size:1.15rem}.form{display:grid;gap:14px;align-content:start}.form label{display:grid;gap:7px;font-weight:650}.form input,.form select{width:100%;padding:12px 13px;border:1px solid #d9dfdc;border-radius:9px;background:#fff;font:inherit;min-height:46px}.btn{border:0;border-radius:9px;padding:13px 16px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--primary);color:#fff}.inline{display:inline}.iconbtn,.mini{border:1px solid #dfe4e2;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;font:inherit}.mini{font-size:.82rem}.empty,.hint{color:#7c8783}.alert{padding:12px 14px;border-radius:9px;margin-bottom:14px;background:#edf4f0}.alert.danger{background:#ffe8eb;color:#9b1b2a}.alert.success{background:#e7f7eb;color:#176d2d}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-form{max-width:780px}.settings-form input[type=color]{height:52px;padding:4px}.login-page{min-height:100vh;background:radial-gradient(circle at top,#235b47,#0b2b23 70%);display:grid;place-items:center;padding:24px}.login-wrap{width:min(430px,100%)}.login-brand{text-align:center;color:white;margin-bottom:20px}.login-brand h1{margin:10px 0 5px}.login-brand p{opacity:.85}.login-card{background:#fff;border-radius:16px;padding:26px;display:grid;gap:16px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.login-card h2{text-align:center;margin:0}.login-card label{display:grid;gap:7px;font-weight:650}.login-card input{padding:13px;border:1px solid #d7dcda;border-radius:9px;font:inherit;min-height:46px}.login-card small{text-align:center;color:#78827f}.source-card{border:1px solid #e7ebe9;border-radius:11px;padding:14px;margin:10px 0;background:#fbfcfb}.source-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.source-card small{color:#74807b}.source-values{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;font-size:.92rem}.mt{margin-top:18px}.pwa-box{max-width:780px;margin-top:18px}.sidebar-backdrop{display:none}
@media(max-width:950px){.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:25}.main{margin-left:0;width:100%}.menu{display:block}header{justify-content:space-between}.between{align-items:flex-start;flex-direction:column}.month-picker{width:100%;margin-bottom:18px}.month-picker label{justify-content:space-between}.month-picker input{min-width:170px}}
@media(max-width:600px){html{font-size:max(96%,var(--font-scale))}.content{padding:18px 13px}.stats{grid-template-columns:1fr}.stat,.panel{padding:16px}.color-grid{grid-template-columns:1fr}.item{align-items:flex-start;flex-direction:column}.item>div:last-child{width:100%;flex-wrap:wrap;justify-content:space-between}.title-row h1{font-size:1.5rem}header{padding:0 14px}.sidebar{width:84%;max-width:290px}.login-card{padding:20px}.source-card>div:first-child{flex-direction:column}.source-values{display:grid;gap:5px}.month-picker label{display:grid;gap:7px}.month-picker input{width:100%;min-width:0}}