:root{--ink:#18233d;--muted:#74809a;--line:#e6eaf1;--bg:#f5f7fb;--accent:#ff6f61;--green:#2eb887}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px}.brand b{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#fff;font:800 21px Manrope}.brand span{display:grid}.brand strong{font:800 18px Manrope}.brand small{color:var(--muted)}.auth-shell{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:auto;padding:30px 0}.auth-grid{min-height:calc(100vh - 100px);display:grid;grid-template-columns:1.15fr .75fr;align-items:center;gap:80px}.intro i,.panel-title small,header>div>small{color:var(--accent);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.15em}.intro h1{margin:18px 0;font:800 clamp(46px,6vw,76px)/1.02 Manrope;letter-spacing:-.06em}.intro h1 em{color:var(--accent);font-style:normal}.intro p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}.intro>div{margin-top:28px;color:#53617a;font-weight:600}.auth-card{padding:34px;border:1px solid #fff;border-radius:26px;background:rgba(255,255,255,.93);box-shadow:0 25px 70px #1d2a491c}.tabs{padding:5px;display:grid;grid-template-columns:1fr 1fr;background:#f0f3f7;border-radius:13px}.tabs button{padding:11px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700}.tabs .active{background:#fff;color:var(--ink);box-shadow:0 4px 12px #1f2f4e14}.auth-card h2{margin:28px 0 5px;font:800 22px Manrope}.auth-card>p{margin:0 0 22px;color:var(--muted)}label{display:grid;gap:7px;margin-bottom:15px;color:#4e5b74;font-size:13px;font-weight:700}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff6f611a}.primary,.dark,.actions button{min-height:44px;padding:0 18px;border:0;border-radius:11px;font-weight:800}.primary{background:var(--accent);color:#fff;box-shadow:0 9px 22px #ff6f6133}.dark{background:var(--ink);color:#fff}.wide{width:100%}.message{min-height:18px;color:#c94c44;font-size:12px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.app>aside{height:100vh;position:sticky;top:0;padding:27px 19px 19px;display:flex;flex-direction:column;background:var(--ink);color:#fff}.light strong{color:#fff}.app aside nav{display:grid;gap:7px;margin-top:48px}.app aside nav button{padding:13px;border:0;border-radius:11px;background:transparent;color:#abb5ca;text-align:left;font-weight:700}.app aside nav .active,.app aside nav button:hover{background:#ffffff17;color:#fff}.app aside footer{margin-top:auto;padding-top:14px;display:grid;grid-template-columns:36px 1fr 32px;gap:9px;align-items:center;border-top:1px solid #ffffff17}.app aside footer>div{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accent);font-weight:800}.app aside footer span{min-width:0;display:grid}.app aside footer small{overflow:hidden;color:#929db3;font-size:10px;text-overflow:ellipsis}.app aside footer button{border:0;background:transparent;color:#fff;font-size:20px}.app main{min-width:0;padding:33px clamp(24px,4vw,55px) 60px}.app header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.app header h1{margin:5px 0 0;font:800 clamp(25px,3vw,34px) Manrope;letter-spacing:-.04em}.hero{min-height:205px;padding:33px 37px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-radius:22px;background:linear-gradient(125deg,#18233d,#293c64);color:#fff}.hero>span,.hero>small{color:#b3bed2}.hero>strong{margin:9px 0 5px;font:800 clamp(38px,5vw,56px) Manrope}.hero>div{width:210px;height:210px;position:absolute;right:-25px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;color:#fff;font:800 36px Manrope}.hero>div:after{content:"";position:absolute;inset:45px;border:1px solid #ffffff19;border-radius:50%}.stats{margin:17px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article{padding:18px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.stats i{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;font-size:11px;font-style:normal;font-weight:800}.stats span{min-width:0;display:grid;color:var(--muted);font-size:11px}.stats strong{overflow:hidden;color:var(--ink);font:800 18px Manrope;text-overflow:ellipsis}.coral{background:#fff0ee;color:#e75b50}.blue{background:#edf1ff;color:#5578ef}.gold{background:#fff5dc;color:#a87308}.green{background:#e8f8f2;color:#208762}.insights{display:grid;grid-template-columns:1.4fr .85fr;gap:17px}.panel{padding:23px;border:1px solid var(--line);border-radius:21px;background:#fff}.panel-title h2{margin:4px 0 0;font:800 21px Manrope}.chart{height:220px;display:flex;align-items:flex-end;gap:clamp(7px,2vw,20px);padding-top:30px}.bar-group{height:180px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar-group small{color:var(--muted);font-size:9px}.bar{width:min(42px,70%);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(#ff9389,var(--accent))}.bar-group b{font-size:10px}.breakdown{margin-top:24px;display:grid;gap:16px}.cat-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.cat-row>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;font-style:normal}.cat-info{display:grid;gap:5px}.cat-info>span{display:flex;justify-content:space-between;font-size:11px}.progress{height:5px;overflow:hidden;border-radius:8px;background:#edf0f5}.progress i{height:100%;display:block}.cat-row>b{font-size:11px}.history{margin-top:17px}.history-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.filters{display:flex;gap:7px}.filters input{width:180px}.filters input,.filters select{padding:9px 11px;font-size:11px}.expense{padding:13px 3px;display:grid;grid-template-columns:minmax(170px,1.4fr) .7fr .7fr .55fr 75px;align-items:center;gap:12px;border-top:1px solid var(--line)}.expense:first-child{border-top:0}.expense-main{min-width:0;display:flex;align-items:center;gap:10px}.expense-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#fff}.expense-main>span{min-width:0;display:grid}.expense-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense small{color:var(--muted)}.cell{display:grid;font-size:12px}.status{width:max-content;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800}.paid{background:#e8f8f2;color:#218663}.pending{background:#fff3d5;color:#a26c00}.amount{text-align:right;font:800 14px Manrope}.row-buttons{display:flex;justify-content:flex-end;gap:4px}.row-buttons button{width:31px;height:31px;border:0;border-radius:8px;background:#f1f3f7;color:var(--muted)}.empty{padding:45px 20px;text-align:center}.empty>b{color:var(--accent);font-size:40px}.empty h3{margin:6px}.empty p{color:var(--muted)}dialog{width:min(640px,calc(100% - 22px));padding:0;border:0;border-radius:22px;color:var(--ink);box-shadow:0 30px 90px #10182b55}dialog::backdrop{background:#10182ba6;backdrop-filter:blur(4px)}dialog form{padding:27px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head button{width:34px;height:34px;border:0;border-radius:9px;background:#f0f2f6;color:var(--muted);font-size:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.full{grid-column:span 2}.actions{display:flex;justify-content:flex-end;gap:8px}.actions button:first-child{background:#eff2f6;color:var(--muted)}#toast{max-width:360px;padding:12px 16px;position:fixed;right:20px;bottom:20px;z-index:30;opacity:0;transform:translateY(25px);border-radius:11px;background:var(--ink);color:#fff;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}#toast.error{background:#b9443d}.mobile-nav{display:none}@media(max-width:1020px){.stats{grid-template-columns:1fr 1fr}.insights{grid-template-columns:1fr}.expense{grid-template-columns:minmax(170px,1.3fr) .65fr .55fr 75px}.expense .date-cell{display:none}}@media(max-width:760px){.auth-shell{width:min(520px,calc(100% - 28px))}.auth-grid{display:block;min-height:auto}.intro{padding:65px 0 35px}.intro h1{font-size:44px}.intro p{font-size:16px}.auth-card{padding:23px}.app{display:block}.app>aside{display:none}.app main{padding:23px 14px 100px}.app header .primary{width:44px;padding:0;font-size:0}.app header .primary:first-letter{font-size:20px}.hero{min-height:180px;padding:27px 22px}.hero>div{right:-105px}.stats{gap:9px}.stats article{padding:13px;gap:8px}.stats i{width:35px;height:35px}.stats strong{font-size:15px}.panel{padding:18px 15px}.history-head{display:block}.filters{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.filters input{width:100%;grid-column:span 2}.expense{grid-template-columns:1fr auto;gap:7px}.expense .cat-cell,.expense .date-cell{display:none}.expense .amount{grid-row:1;grid-column:2}.expense .status-cell{margin-left:49px}.row-buttons{grid-column:2}.mobile-nav{height:70px;padding:7px 25px;position:fixed;inset:auto 0 0;z-index:10;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);background:#fff}.mobile-nav button{min-width:70px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);font-size:19px}.mobile-nav small{font-size:9px}.mobile-nav .plus{min-width:48px;width:48px;height:48px;margin-top:-28px;border-radius:15px;background:var(--accent);color:#fff;font-size:25px;box-shadow:0 9px 20px #ff6f6144}.form-grid{display:block}dialog form{padding:21px 16px}.actions button{flex:1}}@media(max-width:430px){.intro h1{font-size:38px}.intro>div{line-height:2}.hero>strong{font-size:35px}.stats article{display:grid}.chart{height:190px}.bar-group{height:150px}.bar-group small{display:none}}