:root{--orange: #E85D1A;--orange-soft: #FBEDE4;--orange-dark: #B8480F;--green: #1D9E75;--green-soft: #E1F5EE;--blue: #378ADD;--blue-soft: #E6F1FB;--red: #D14343;--red-soft: #FBEAEA;--amber: #B8770F;--amber-soft: #FBF1DE;--bg: #FAF8F4;--surface: #FFFFFF;--surface-2: #F4F1EA;--border: #E9E4DA;--border-strong: #D8D2C6;--text: #1F1D1A;--text-2: #6B6760;--text-3: #9A968D;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 2px rgba(31,29,26,.04), 0 4px 16px rgba(31,29,26,.04);--font-body: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.num{font-family:var(--font-display);font-feature-settings:"tnum"}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;z-index:200}.loader-mark{width:72px;height:72px;border-radius:20px;background:var(--orange);display:flex;align-items:center;justify-content:center;animation:mark-in .6s cubic-bezier(.2,.8,.2,1)}.loader-ring{animation:spin 1.4s linear infinite;transform-origin:center}.loader-name{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text);letter-spacing:.5px;opacity:0;animation:fade-up .5s ease .25s forwards}.loader-sub{font-size:13px;color:var(--text-3);margin-top:-14px;opacity:0;animation:fade-up .5s ease .4s forwards}.loader-bar{width:140px;height:3px;background:var(--surface-2);border-radius:3px;overflow:hidden}.loader-bar>span{display:block;height:100%;width:40%;background:var(--orange);border-radius:3px;animation:slide 1.1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{0%{margin-left:-40%}to{margin-left:100%}}@keyframes mark-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px 28px;box-shadow:var(--shadow);text-align:center}.login-mark{width:60px;height:60px;border-radius:16px;background:var(--orange);margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.login h1{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:4px}.login p{font-size:13px;color:var(--text-2);margin-bottom:24px}.login input{width:100%;padding:12px 14px;font-size:15px;text-align:center;letter-spacing:3px;border:1px solid var(--border-strong);border-radius:var(--radius);margin-bottom:12px}.login input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.login .err{color:var(--red);font-size:13px;margin-bottom:12px}.app{min-height:100vh;display:flex}.sidebar{width:232px;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--orange);display:flex;align-items:center;justify-content:center}.brand-name{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.1}.brand-sub{font-size:10px;color:var(--text-3);letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:none;background:none;width:100%;color:var(--text-2);font-size:14px;font-weight:500;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--orange-soft);color:var(--orange-dark)}.nav-item .ico{width:20px;display:flex}.nav-spacer{flex:1}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.topbar h1{font-family:var(--font-display);font-size:20px;font-weight:600}.content{padding:28px;max-width:1080px;width:100%;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;border:1px solid transparent;transition:filter .12s,background .12s}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{filter:brightness(1.06)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}.card-title .ico{color:var(--orange);display:flex}.grid{display:grid;gap:16px}.bar{height:7px;background:var(--surface-2);border-radius:5px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:5px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.input,.select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}.input:focus,.select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.seg{display:flex;gap:8px}.seg button{flex:1;padding:10px;border-radius:var(--radius);font-size:14px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2)}.seg button.on-income{background:var(--green-soft);border-color:var(--green);color:var(--green)}.seg button.on-expense{background:var(--red-soft);border-color:var(--red);color:var(--red)}.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px}.row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-main p{font-size:14px}.row-sub{font-size:12px;color:var(--text-2);margin-top:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1d1a66;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--surface);border-radius:18px 18px 0 0;width:100%;max-width:460px;padding:24px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h3{font-family:var(--font-display);font-size:18px;font-weight:600}.icon-btn{background:none;border:none;line-height:1;color:var(--text-2);display:inline-flex}.fab{position:fixed;bottom:24px;right:24px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #e85d1a66}.mobile-nav{display:none}@media (min-width: 560px){.overlay{align-items:center}.modal{border-radius:18px}}@media (max-width: 860px){.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:40;padding:6px 0}.mobile-nav button{flex:1;background:none;border:none;padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-3);font-size:11px}.mobile-nav button.active{color:var(--orange)}.content{padding:20px 16px 90px}.topbar{padding:16px 18px}.fab{bottom:78px}}