:root{--bg:#101312;--surface:#171b19;--surface-2:#1d2320;--line:#2c3430;--text:#f2f5f2;--muted:#98a39d;--green:#57d78c;--green-d:#183d2a;--red:#ff6b6b;--red-d:#412523;--yellow:#f4c86a;--shadow:0 20px 60px rgba(0,0,0,.25)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#141816;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:#f6faf6;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.6px;padding:0 8px 34px}.brand em{font-style:normal;color:var(--green)}.brand-mark{height:31px;width:35px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#61e798 0 50%,#ef6262 50%);border-radius:7px;color:#122016;font-size:9px;overflow:hidden}.brand-mark b{position:relative;z-index:1}.brand-mark i{position:absolute;background:#f4faf5;inset:10px 0 0;clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);opacity:.86}nav{display:grid;gap:5px}.nav-item{border:0;border-radius:8px;background:transparent;color:#aab5ae;text-align:left;padding:11px 12px;font:inherit;cursor:pointer;transition:.2s}.nav-item span{display:inline-grid;place-items:center;width:22px;font-size:18px;margin-right:5px}.nav-item:hover{background:#202622;color:white}.nav-item.active{background:#21362a;color:#6fe59c;font-weight:650}.sidebar-bottom{margin-top:auto}.storage-note{font-size:11px;color:#727e76;padding:16px 8px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--green)}.subtle{font-size:12px;color:#79857e}main{margin-left:252px;width:calc(100% - 252px);max-width:1440px;padding:0 42px 48px}.topbar{height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:31px}.eyebrow,.mini-label{margin:0;color:var(--muted);font-size:10px;letter-spacing:1.1px;font-weight:700;text-transform:uppercase}.topbar h1{margin:4px 0 0;font-size:26px;letter-spacing:-.7px}.primary-btn,.secondary-btn,.income-action,.expense-action,.text-btn,.back-btn{font:650 13px inherit;cursor:pointer;border:0;transition:.2s}.primary-btn{color:#112519;background:var(--green);border-radius:8px;padding:11px 16px;box-shadow:0 8px 24px rgba(87,215,140,.12)}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn span{font-size:18px;vertical-align:-1px;margin-right:3px}.hero-card{min-height:161px;background:linear-gradient(105deg,#193727,#1b2921 68%,#18231f);border:1px solid #2c593d;border-radius:13px;padding:27px 29px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(103,235,154,.13);border-radius:50%;right:-70px;top:-90px;box-shadow:0 0 0 32px rgba(103,235,154,.025),0 0 0 64px rgba(103,235,154,.018)}.hero-card strong{display:block;font-size:35px;letter-spacing:-1.4px;margin:4px 0}.hero-card p{color:#b2c2b8;margin:0}.hero-stat{z-index:1;min-width:105px;text-align:right;padding-right:12px}.hero-stat span{color:#9caf9f;font-size:12px}.hero-stat b{display:block;font-size:32px;color:#70e8a1;margin-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 31px}.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:19px;display:flex;gap:13px}.card-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:19px;font-weight:bold}.income .card-icon{color:var(--green);background:#173624}.expense .card-icon{color:#ff8885;background:#38201f}.agreement .card-icon{color:var(--yellow);background:#3a321d}.summary-card p{margin:0 0 3px;color:var(--muted);font-size:12px}.summary-card strong{font-size:20px;letter-spacing:-.3px}.summary-card small{display:block;color:#68746d;font-size:10px;margin-top:3px}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:11px}.section-head{padding:23px 24px 17px;display:flex;align-items:center;justify-content:space-between}.section-head h2,.detail-heading h2{font-size:17px;margin:0;letter-spacing:-.25px}.section-head p,.detail-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.text-btn,.back-btn{background:none;color:var(--green)}.project-list{padding:0 12px 12px}.project-row{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(120px,.75fr) minmax(130px,.8fr) minmax(180px,1fr) 30px;gap:20px;align-items:center;border-radius:8px;padding:15px 12px;cursor:pointer}.project-row:hover{background:#202622}.project-name{font-weight:700}.project-code{display:block;color:#6e7a73;font-size:11px;margin-top:2px}.row-value span,.progress-label{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.row-value b{font-size:13px}.progress-wrap{min-width:140px}.progress-label{display:flex;justify-content:space-between}.progress{height:5px;background:#2b342f;border-radius:20px;overflow:hidden}.progress i{display:block;background:var(--green);height:100%;border-radius:inherit}.arrow{color:#647068;font-size:19px}.page-section-head{padding:2px 0 25px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.project-card{padding:22px;cursor:pointer;transition:.2s}.project-card:hover{transform:translateY(-2px);border-color:#456350}.project-card-top{display:flex;justify-content:space-between;gap:10px}.project-card h3{font-size:16px;margin:0 0 3px}.project-card p{color:var(--muted);font-size:12px;margin:0}.project-card .badge{background:#1b3926;color:var(--green);font-size:10px;padding:5px 8px;border-radius:20px;height:max-content}.card-money{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 19px}.card-money span{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}.card-money strong{font-size:15px}.card-money .red{color:#ff8e8e}.card-progress{border-top:1px solid var(--line);padding-top:14px}.empty-projects{text-align:center;color:var(--muted);padding:60px 20px;grid-column:1/-1}.empty-projects span{font-size:30px;color:#56635b}.category-card{max-width:760px}.category-list{padding:8px 18px 18px}.category-row{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 6px}.category-row:last-child{border:0}.category-name{display:flex;align-items:center;gap:11px;font-weight:600}.category-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.category-row button,.delete-move{border:0;background:none;color:#77847c;cursor:pointer;font:inherit}.category-row button:hover,.delete-move:hover{color:var(--red)}.hidden{display:none!important}.back-btn{padding:2px 0;margin:0 0 22px}.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.detail-heading h2{font-size:26px;margin-top:5px}.secondary-btn{border:1px solid #3a4640;color:#cbd4ce;background:#1b211e;border-radius:7px;padding:9px 14px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-stats article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:17px}.detail-stats p{margin:0 0 5px;color:var(--muted);font-size:11px}.detail-stats strong{font-size:19px}.detail-stats .positive strong{color:var(--green)}.detail-stats .negative strong{color:#ff8585}.detail-stats .balance{background:#17291e;border-color:#31553c}.detail-stats .balance strong{color:#76e69f}.quick-actions{display:flex;gap:10px;margin:18px 0}.income-action,.expense-action{padding:10px 15px;border-radius:7px}.income-action{background:#1d422b;color:#6ce69a;border:1px solid #315d3f}.expense-action{background:#382423;color:#ff9794;border:1px solid #653a38}.ledger-card{margin-top:20px}.movement-count{font-size:11px;color:#78847d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#808b84;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;padding:12px 24px;background:#161a18;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:14px 24px;border-bottom:1px solid #252d29;font-size:12px;color:#d6ddd8}tr:last-child td{border-bottom:0}.category-tag{display:inline-block;background:#252d29;color:#aeb9b2;padding:3px 7px;border-radius:4px;font-size:10px}.type-tag{font-weight:700;font-size:10px}.type-tag.income{color:var(--green)}.type-tag.expense{color:#ff8a87}.amount{text-align:right}.amount.income{color:var(--green)}.amount.expense{color:#ff8784}.empty-state{text-align:center;padding:44px;color:var(--muted)}.empty-state span{font-size:30px}.empty-state h3{font-size:15px;color:#d7ddd8;margin:6px 0}.empty-state p{margin:0;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(5,8,6,.73);z-index:10;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(100%,500px);background:#1b211e;border:1px solid #38443e;border-radius:12px;box-shadow:var(--shadow);padding:27px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#9ba69f;font-size:25px;cursor:pointer}.modal h2{font-size:19px;margin:0 0 5px}.modal>div>p{color:var(--muted);font-size:12px;margin:0 0 22px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:6px}.field label{font-size:11px;color:#aeb9b2;font-weight:600}.field input,.field select{width:100%;background:#121614;border:1px solid #3a443e;border-radius:7px;color:#eaf0ec;padding:10px 11px;font:inherit;outline:0}.field input:focus,.field select:focus{border-color:#5dcc8a}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.cancel-btn{padding:10px 14px;border:0;background:transparent;color:#aeb8b1;font:650 13px inherit;cursor:pointer}.toast{position:fixed;bottom:25px;right:25px;z-index:20;background:#26372d;border:1px solid #487857;color:#d8f7e3;border-radius:8px;padding:12px 16px;box-shadow:var(--shadow);font-size:13px}.mobile-menu{display:none}@media(max-width:900px){.sidebar{width:210px}main{margin-left:210px;width:calc(100% - 210px);padding:0 24px 35px}.project-row{grid-template-columns:1fr 1fr 1fr 24px}.project-row .progress-wrap{display:none}.detail-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sidebar{transform:translateX(-100%);transition:.25s;width:250px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}main{margin:0;width:100%;padding:0 16px 32px}.topbar{height:91px;margin-bottom:22px}.mobile-menu{display:block;border:0;background:none;color:white;font-size:21px;margin-right:9px}.topbar>div:first-of-type{margin-right:auto}.topbar h1{font-size:20px}.topbar .eyebrow{display:none}.topbar .primary-btn{padding:9px 11px;font-size:11px}.hero-card{min-height:140px;padding:22px}.hero-card strong{font-size:28px}.summary-grid{grid-template-columns:1fr;gap:9px;margin-bottom:22px}.summary-card{padding:14px}.project-row{grid-template-columns:1fr 1fr 20px;gap:8px}.project-row .row-value:nth-of-type(3){display:none}.projects-grid{grid-template-columns:1fr}.page-section-head{align-items:flex-end}.page-section-head .primary-btn{font-size:11px;padding:9px}.detail-heading h2{font-size:22px}.detail-stats{gap:8px}.detail-stats article{padding:13px}.detail-stats strong{font-size:16px}.quick-actions button{flex:1}.section-head{padding:18px}.table-wrap th,.table-wrap td{padding:12px 14px}.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){display:none}.modal{padding:23px 19px}.form-grid.two{grid-template-columns:1fr}.toast{left:18px;right:18px;bottom:18px}}