:root{--kb-ink:#17202d;--kb-muted:#788292;--kb-line:#e8ebef;--kb-bg:#f4f5f7;--kb-violet:#5754c8}body{margin:0}.kb-app,.kb-login-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--kb-ink)}.kb-app *,.kb-login-page *{box-sizing:border-box}.kb-app button,.kb-app input,.kb-app select,.kb-login-page button,.kb-login-page input{font:inherit}.kb-primary{border:0;background:#5754c8;color:#fff;border-radius:10px;padding:12px 17px;font-weight:700;font-size:12px;cursor:pointer}.kb-eyebrow{font-weight:800;letter-spacing:.16em;color:#7775c4;font-size:10px;margin:0 0 10px}.kb-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#5e5bd5,#3d3a9e);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 17px #514fc044}
.kb-login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.kb-login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#252b56,#343270 58%,#4a4694);color:#fff;padding:46px clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between}.kb-login-visual:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;border:1px solid #ffffff12;right:-260px;top:-210px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff04}.kb-login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.kb-login-brand .kb-brand-mark{background:#fff;color:#4a47aa}.kb-login-brand b,.kb-login-brand span{display:block}.kb-login-brand span{font-size:10px;color:#c9cbe2;margin-top:3px}.kb-login-pitch{position:relative;z-index:1;max-width:530px}.kb-login-pitch>p{font-size:9px;letter-spacing:.18em;font-weight:800;color:#babce5}.kb-login-pitch h1{font-size:clamp(39px,4.3vw,64px);line-height:1.06;letter-spacing:-2.2px;margin:17px 0 23px}.kb-login-pitch>span{display:block;color:#d0d2e5;font-size:14px;line-height:1.7}.kb-benefits{display:grid;gap:13px;margin-top:35px}.kb-benefits div{display:flex;align-items:center;gap:11px}.kb-benefits i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff16;border:1px solid #ffffff25;font-style:normal;font-size:10px}.kb-benefits b{font-size:11px}.kb-login-visual>small{position:relative;z-index:1;color:#989bc0;font-size:9px}.kb-login-panel{display:grid;place-items:center;padding:40px}.kb-login-card{width:min(420px,100%)}.kb-login-card h2{font-size:31px;letter-spacing:-1px;margin:0 0 9px}.kb-login-sub{display:block;color:#7d8692;font-size:12px;line-height:1.6;margin-bottom:29px}.kb-login-card>label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#414b57;margin-bottom:16px}.kb-login-card>label input{width:100%;border:1px solid #dfe3e8;border-radius:10px;padding:13px 14px;outline:none}.kb-login-options{display:flex;justify-content:space-between;align-items:center;margin:3px 0 22px;font-size:10px}.kb-login-options label{display:flex;align-items:center;gap:7px}.kb-login-options a{color:#5551bd;font-weight:700;text-decoration:none}.kb-login-submit{width:100%;padding:14px}.kb-login-submit span{font-size:17px;margin-left:10px}.kb-mobile-brand{display:none}.kb-error,.kb-notice{background:#e9f7f1;color:#24785e;border:1px solid #cfeade;border-radius:11px;padding:11px 13px;font-size:11px;margin-bottom:14px}.kb-error,.kb-notice.error{background:#fff0f1;border-color:#f4d1d5;color:#b44856}
.kb-app{min-height:100vh;background:var(--kb-bg)}.kb-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--kb-line);padding:31px 22px;display:flex;flex-direction:column;z-index:5}.kb-brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px}.kb-brand b,.kb-brand span{display:block}.kb-brand b{font-size:15px}.kb-brand span{font-size:11px;color:var(--kb-muted);margin-top:3px}.kb-sidebar nav{display:grid;gap:7px}.kb-sidebar nav a,.kb-logout{text-decoration:none;color:#6b7582;font-size:14px;font-weight:600;padding:12px 13px;border-radius:11px;display:flex;align-items:center;gap:12px}.kb-sidebar nav a.active,.kb-sidebar nav a:hover{background:#f0effd;color:#4d49bd}.kb-logout{margin-top:auto}.kb-privacy{margin-top:12px;border:1px solid #dfe9e5;background:#f2f8f5;border-radius:14px;padding:14px;display:flex;gap:10px;color:#377a66;font-size:12px}.kb-privacy b,.kb-privacy span{display:block}.kb-privacy span{font-size:9px;color:#70887f;margin-top:3px}.kb-content{margin-left:245px;padding:38px 4vw 60px;max-width:1600px}.kb-content>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.kb-content h1{font-size:29px;margin:0}.kb-content header p:last-child,.kb-panel-head p,.kb-section-head p{color:var(--kb-muted);font-size:11px;margin:7px 0 0}.kb-header-actions{display:flex;gap:10px}.kb-header-actions input{border:1px solid var(--kb-line);background:#fff;border-radius:10px;padding:0 13px}.kb-quick-add{display:grid;grid-template-columns:1.3fr .75fr 1.2fr .85fr 1fr .9fr auto;gap:10px;align-items:end;background:#fff;border:1px solid var(--kb-line);border-radius:16px;padding:16px;margin-bottom:14px}.kb-quick-add>div span,.kb-quick-add>div strong{display:block}.kb-quick-add>div span{font-size:8px;color:#7775c4;font-weight:800}.kb-quick-add>div strong{font-size:12px;margin-top:5px}.kb-quick-add input,.kb-quick-add select{min-width:0;width:100%;border:1px solid #dfe3e7;border-radius:9px;padding:11px 10px;background:#fff;font-size:11px}.kb-planner{display:grid;grid-template-columns:1.4fr repeat(3,1fr) auto;align-items:center;gap:18px;background:linear-gradient(135deg,#282f5d,#44418d);color:#fff;border-radius:17px;padding:20px 22px;margin-bottom:14px}.kb-planner>div>span{font-size:8px;letter-spacing:.1em;color:#c6c8df;font-weight:800}.kb-planner h2{font-size:16px;margin:6px 0}.kb-planner p,.kb-planner small{font-size:9px;color:#bec1d7;margin:0}.kb-planner strong{display:block;font-size:16px;margin:7px 0 4px}.kb-planner button{border:1px solid #ffffff38;background:#ffffff14;color:#fff;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:800}.kb-future,.kb-panel{background:#fff;border:1px solid var(--kb-line);border-radius:16px}.kb-future{padding:20px 22px;margin-bottom:14px}.kb-section-head,.kb-panel-head{display:flex;justify-content:space-between;align-items:center}.kb-section-head>div>span{font-size:8px;letter-spacing:.13em;color:#7775c4;font-weight:800}.kb-section-head h2,.kb-panel-head h2{font-size:16px;margin:5px 0 0}.kb-section-head>small{font-size:9px;background:#f0effd;color:#514ebd;padding:7px 10px;border-radius:8px}.kb-month-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:410px;overflow:auto;margin-top:15px}.kb-month-card{border:1px solid #e6e9ed;border-radius:13px;padding:13px;background:#fafbfc}.kb-month-card.current{border-color:#7773d1}.kb-month-card>div{display:flex;justify-content:space-between;text-transform:capitalize;font-size:10px}.kb-month-card i{font-style:normal;font-size:7px;color:#929aa5;background:#eceff2;padding:4px 6px;border-radius:6px}.kb-month-card i.saved{background:#e8f6f0;color:#2b8468}.kb-month-card section{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.kb-month-card section span{background:#fff;border:1px solid #edf0f2;border-radius:7px;padding:7px;font-size:7px}.kb-month-card section b{display:block;font-size:9px;margin-top:3px}.kb-month-card>small{display:flex;justify-content:space-between;font-size:8px}.kb-month-card>p{font-size:9px;color:#8d95a0;height:45px}.kb-month-card>button{width:100%;border:0;background:#efeffb;color:#514ebd;border-radius:8px;padding:8px;font-size:9px;font-weight:800;margin-top:10px}.kb-summary{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px}.kb-summary article{background:#fff;border:1px solid var(--kb-line);border-radius:16px;padding:18px 20px;min-height:112px}.kb-summary article.balance{background:linear-gradient(135deg,#252c56,#3e3b85);color:#fff}.kb-summary span,.kb-summary small{display:block;font-size:9px;color:#9299a3}.kb-summary strong{display:block;font-size:21px;margin:14px 0 5px}.kb-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:14px}.kb-panel-head{padding:18px 20px;border-bottom:1px solid #eff1f3}.kb-panel-head button{border:0;background:#f0effd;color:#514ebd;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.kb-bars{height:230px;padding:28px 16px 14px;display:flex;align-items:flex-end;gap:6px}.kb-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.kb-bars>div>span{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #edf0f2}.kb-bars i{display:block;width:65%;max-width:26px;min-height:3px;border-radius:5px 5px 0 0}.kb-bars small{font-size:7px;color:#7c8590;text-align:center}.kb-budget-list{padding:14px 20px}.kb-budget-row{margin-bottom:11px}.kb-budget-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.kb-budget-row span i,.kb-plan-fields span i{display:inline-block;width:7px;height:7px;border-radius:3px;margin-right:6px}.kb-budget-row small{color:#9aa1aa}.kb-progress{height:5px;background:#edf0f2;border-radius:10px;overflow:hidden}.kb-progress i{display:block;height:100%}.kb-transactions{margin-top:14px}.kb-panel-head>input{border:1px solid var(--kb-line);border-radius:9px;padding:8px 11px;font-size:10px}.kb-row{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 25px;align-items:center;gap:10px;padding:11px 20px;border-top:1px solid #eff1f3;font-size:10px}.kb-row>span:first-child{display:flex;align-items:center;gap:9px}.kb-row>span:first-child i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-style:normal}.kb-row i.expense{background:#f7ecee;color:#c85b6a}.kb-row i.income{background:#eaf7f2;color:#2f9675}.kb-row em{font-style:normal;background:#f3f4f6;border-radius:6px;padding:5px 8px}.kb-row strong{text-align:right}.kb-row strong.income{color:#29906f}.kb-row>button{border:0;background:transparent;font-size:17px;color:#aaa}.kb-empty{text-align:center;color:#8d95a0;padding:35px;font-size:11px}.kb-modal-backdrop[hidden]{display:none}.kb-modal-backdrop{position:fixed;inset:0;background:#17202d99;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:20;padding:18px}.kb-modal{background:#fff;border-radius:19px;width:min(510px,100%);padding:27px;position:relative;max-height:94vh;overflow:auto}.kb-modal h2{font-size:23px;margin:0 0 18px}.kb-close{position:absolute;right:16px;top:15px;border:0;background:#f1f2f4;width:30px;height:30px;border-radius:50%;font-size:18px}.kb-modal form>label,.kb-form-grid label,.kb-plan-fields label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;margin-bottom:13px}.kb-modal input,.kb-modal select{border:1px solid #dfe3e7;border-radius:9px;padding:10px 11px;background:#fff}.kb-form-grid,.kb-plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kb-plan-fields label{margin:0}.kb-income-plan{background:#f3f2fd;padding:12px;border-radius:10px}.kb-modal form>.kb-primary{width:100%;margin-top:14px}
@media(max-width:1050px){.kb-quick-add{grid-template-columns:repeat(4,1fr)}.kb-planner{grid-template-columns:1.4fr 1fr 1fr}.kb-month-cards{grid-template-columns:repeat(3,1fr)}.kb-grid{grid-template-columns:1fr}.kb-sidebar{width:205px}.kb-content{margin-left:205px;padding:30px 24px}}
@media(max-width:720px){.kb-login-page{display:block;background:#f5f6f8;padding:18px}.kb-login-visual{display:none}.kb-login-panel{min-height:calc(100vh - 36px);padding:22px;background:#fff;border-radius:20px}.kb-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:44px}.kb-login-card h2{font-size:26px}.kb-sidebar{position:static;width:100%;height:auto;padding:15px 18px;flex-direction:row;align-items:center}.kb-sidebar .kb-brand{padding:0}.kb-sidebar nav,.kb-privacy{display:none}.kb-logout{margin:0 0 0 auto;font-size:11px}.kb-content{margin:0;padding:23px 14px}.kb-content>header{align-items:flex-start;flex-direction:column;gap:18px}.kb-header-actions{width:100%}.kb-header-actions input{flex:1}.kb-quick-add{grid-template-columns:1fr 1fr}.kb-quick-add>div,.kb-quick-add input[name=description],.kb-quick-add button{grid-column:span 2}.kb-planner{grid-template-columns:1fr 1fr}.kb-planner>div:first-child,.kb-planner button{grid-column:span 2}.kb-month-cards{display:flex;overflow-x:auto;max-height:none}.kb-month-card{min-width:220px}.kb-summary{grid-template-columns:1fr}.kb-bars{overflow-x:auto}.kb-bars>div{min-width:28px}.kb-panel-head{align-items:flex-start;gap:12px;flex-direction:column}.kb-panel-head>input{width:100%}.kb-row{grid-template-columns:1fr .7fr 22px}.kb-row em,.kb-row>span:nth-child(3){display:none}.kb-form-grid,.kb-plan-fields{grid-template-columns:1fr 1fr}}