:root{--bg:#f6f7f9;--ink:#1c2633;--muted:#7b8492;--green:#b8e94b;--line:#e7eaf0;--dark:#18232f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;padding:12px 17px;font-weight:600}button:disabled{opacity:.55;cursor:wait}button:hover{filter:brightness(.96)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#667182}input,select{border:1px solid #dce1e8;background:white;border-radius:8px;padding:11px 12px;color:var(--ink);min-width:0}input:focus,select:focus{border-color:#718947}h1,h2,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.4px;line-height:1.2;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.5px;margin:0}p{color:var(--muted)}.primary{background:var(--green);color:#203015}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.quiet{background:none;padding:6px 0;color:inherit;text-align:left;font-weight:400}.danger{background:#b83d42;color:white}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.logo{font-size:33px;font-weight:800;letter-spacing:-2px}.logo>span:first-child{color:#87ac3d}.dot{color:#8eb93c}.badge{background:#edf0f4;padding:6px 11px;border-radius:25px;color:#5d6876;font-size:12px}.muted{color:var(--muted)}#workspace{display:grid;grid-template-columns:235px 1fr;min-height:100vh}#workspace[hidden],#gate[hidden],[hidden]{display:none!important}aside{background:var(--dark);padding:32px 23px;color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}aside .eyebrow{font-size:8px;margin-top:8px;color:#83909e;letter-spacing:1.3px}aside nav{margin-top:54px;display:grid;gap:12px}aside nav a,aside nav button{padding:13px 12px;font-size:12px;white-space:nowrap;text-align:left;text-decoration:none;color:#a3afbc;background:none;border-radius:8px}aside nav .active{color:var(--green);background:#2b3a38}.aside-bottom{margin-top:auto;font-size:11px;color:#bdc5cd}.aside-bottom p{font-size:10px;margin:12px 0 28px;color:#788697}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}main{padding:43px 43px 24px;max-width:1550px;width:100%;min-width:0}header .eyebrow{margin-bottom:23px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.header-row p{margin-bottom:0}.filters{display:flex;gap:12px;align-items:end;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.filters label{flex:1}.filters label.account-filter{flex:1.4}.filters select,.filters input{width:100%}.filters button{height:44px}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:26px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:23px 25px;position:relative;overflow:hidden}.metric:first-child{background:#e9f3d9;border-color:#dbe8ca}.metric .currency{font-size:11px;color:#65754e;letter-spacing:1px;font-weight:700}.metric .number{font-size:33px;letter-spacing:-1.5px;font-weight:650;margin:10px 0 9px}.metric p{font-size:11px;margin:0}.panel{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:23px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px}.panel-heading .eyebrow{margin-bottom:7px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.4px;color:#89919b;font-weight:500;background:#fbfcfd;padding:13px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:18px 24px;border-bottom:1px solid #eff1f4;font-size:12px}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.amount{font-size:15px;font-weight:700}.status{color:#54782a;font-size:11px}.pending{color:#a2772a}.remove{color:#9ca4b0;padding:5px;background:none;font-size:12px}#daily-caption{font-size:11px;margin:0;padding:0 24px 18px}footer{font-size:10px;color:#9199a5;padding-top:3px}.empty{text-align:center;padding:35px 20px 45px}.empty p{font-size:12px;margin:12px 0 22px}.empty-icon{font-size:29px;margin:0 auto 13px;width:58px;height:58px;border-radius:18px;background:#edf4e1;color:#6d9236}.gate{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0%,#e8f2d8,transparent 50%),var(--bg);padding:30px}.gate-card{width:100%;max-width:440px}.gate-card>.eyebrow{margin:8px 0 34px}.gate-card h1{font-size:37px}.gate-card form{display:grid;gap:17px;margin:25px 0}.gate-card small{font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:17px;width:min(520px,calc(100% - 30px));padding:28px;box-shadow:0 25px 100px #14232f30}dialog::backdrop{background:#14212e77;backdrop-filter:blur(3px)}dialog form{display:grid;gap:16px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}dialog p{font-size:12px;margin:0}.hint{font-size:11px;color:#87909d;line-height:1.6}.dialog-actions{display:flex;gap:10px;justify-content:end;margin-top:25px}#delete-dialog p{margin-top:15px}#notice{position:fixed;z-index:100;bottom:25px;right:25px;background:#18232f;color:white;padding:15px 22px;border-radius:10px;max-width:min(520px,calc(100% - 40px));box-shadow:0 4px 20px #18232f30;font-size:12px}#notice.error{background:#a63c42}@media(max-width:1100px){main{padding:30px 24px}.filters{flex-wrap:wrap}.filters label{min-width:130px}.filters label.account-filter{min-width:180px}#workspace{grid-template-columns:195px 1fr}aside{padding:25px 15px}.header-row{align-items:start}h1{font-size:29px}}@media(max-width:760px){#workspace{display:block}aside{position:static;height:auto;padding:14px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}aside>.eyebrow,.aside-bottom{display:none}aside nav{margin:0;display:flex;gap:3px}aside nav .active{display:none}main{padding:25px 16px}.header-row{flex-direction:column;gap:18px;margin-bottom:22px}header .eyebrow{margin-bottom:15px}h1{font-size:28px}.filters{padding:14px;gap:10px}.filters label{flex:1 1 40%;min-width:110px}.filters label.account-filter{flex:1 1 65%}.filters button{flex:1}.metric .number{font-size:29px}.panel-heading{padding:20px 17px}td,th{padding:14px 17px}.summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}footer{line-height:1.7}}
