:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f7f8ff;background:#0c1127}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 2% 1%,#243d72 0%,transparent 35%),radial-gradient(ellipse at 96% 10%,#472044 0%,transparent 40%),#0c1127}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1250px;margin:auto;padding:28px 22px 70px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.brand{display:flex;gap:16px;align-items:center}.brand-icon{display:grid;place-items:center;width:74px;height:74px;border:1px solid #ffffff25;border-radius:24px;background:#ffffff15;font-size:35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#3fe4e3}.brand h1{margin:3px 0;font-size:clamp(24px,3.2vw,39px);letter-spacing:-1px}.sub{font-size:13px;color:#b7c9ec}.goal-badge{border:1px solid #ffffff26;background:#ffffff10;padding:13px 22px;border-radius:30px;color:#ffcf79;font-size:13px;white-space:nowrap}.nav{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.nav button{border:1px solid #53638a;background:#1b2748;color:#c7d7f6;padding:11px 17px;border-radius:13px;font-weight:800}.nav button.active{background:linear-gradient(110deg,#ffb65d,#fb70a3);color:#1d1833;border:0}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#2c4686,#66345f);border:1px solid #8c74ad80;border-radius:30px;padding:28px;min-height:270px}.hero-main{flex:1;max-width:785px}.hero h2{font-size:clamp(39px,5vw,58px);margin:15px 0 10px;letter-spacing:-2px}.hero p{color:#d2def8;font-size:14px}.progress{height:19px;background:#20194c;border-radius:40px;overflow:hidden;margin-top:15px}.progress>div{height:100%;background:linear-gradient(90deg,#ffad54,#fce474,#72f2b7);width:0;transition:width .5s}.pig{position:relative;width:230px;height:210px;display:grid;place-items:center;flex-shrink:0}.pig-face{font-size:155px;line-height:1;filter:drop-shadow(0 17px 12px #140c3688);animation:bob 3s ease-in-out infinite}.spark{position:absolute;color:#ffffff35;font-size:36px;top:0;right:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metric,.panel{background:#192444;border:1px solid #ffffff13;border-radius:25px}.metric{padding:22px}.metric .emoji{font-size:26px}.metric small{display:block;margin:12px 0;color:#b8c9e8;font-size:12px}.metric strong{font-size:clamp(22px,2.3vw,32px);letter-spacing:-1px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px;align-items:start}.stack{display:grid;gap:17px}.panel{padding:23px}.panel h3{font-size:20px;margin:0 0 6px}.hint{font-size:12px;color:#a8c1ef;margin:0 0 17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:800;color:#c9dcff;margin:0 0 8px}input,select{width:100%;min-height:53px;background:#101934;border:1px solid #455b89;border-radius:13px;padding:12px 15px;color:white;outline-color:#ffbb71}option{background:#101934}input[type=date]{color-scheme:dark}.action{background:linear-gradient(100deg,#ffbd65,#ff73a4);border:0;border-radius:14px;padding:17px;color:#1c1832;font-weight:1000;width:100%;box-shadow:0 8px 26px #fa77a12c}.small-note{color:#a8c1ef;font-size:12px;line-height:1.6;margin:13px 0 0}.period-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#233459;border:1px solid #ffffff13;border-radius:15px;padding:13px}.period strong{font-size:13px}.period small{display:block;font-size:11px;color:#a9c4f1;margin-top:5px}.period button,.soft{border:1px solid #657499;background:#ffffff12;color:white;border-radius:12px;padding:10px 12px}.period button:disabled{opacity:.5;cursor:default}.achievements{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.trophy{padding:11px 14px;background:#2a3b63;border-radius:24px;font-size:13px}.trophy.locked{opacity:.35}.ledger-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff12;padding:14px 0}.ledger-item .desc{flex:1;min-width:0}.ledger-item strong{font-size:13px}.ledger-item small{display:block;color:#a5bce8;margin-top:5px;font-size:11px}.amt{font-weight:900;white-space:nowrap}.green{color:#5ff3ae}.red{color:#ff778c}.pink{color:#ffadd0}.remove{border:0;background:transparent;color:#ff8fa6;font-size:21px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.toolbar button{font-size:12px;font-weight:800}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 9px;border-bottom:1px solid #ffffff1c;text-align:left;font-size:13px}th{color:#9fbbe8}td{color:#f3f6ff}.hidden{display:none!important}.warning{border:1px solid #e4b96655;background:#66512a44;border-radius:13px;padding:12px 14px;color:#ffe4aa;font-size:12px;margin-bottom:17px}.setting{max-width:480px}.toast{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b0d2adf;pointer-events:none;animation:vanish 2s forwards}.toast-inner{text-align:center;font-size:clamp(25px,5vw,52px);font-weight:1000;animation:pop .6s}.toast-inner span{display:block;font-size:110px}@keyframes bob{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes pop{0%{transform:scale(.2)}70%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes vanish{0%,75%{opacity:1}100%{opacity:0}}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.pig{width:145px}.pig-face{font-size:115px}}@media(max-width:550px){.shell{padding:18px 13px 60px}.top{align-items:flex-start}.brand-icon{width:54px;height:54px;font-size:27px;border-radius:16px}.goal-badge{display:none}.hero{padding:22px;min-height:0}.hero h2{font-size:40px}.pig{width:100px;height:115px}.pig-face{font-size:82px}.spark{font-size:20px}.metric{padding:15px;border-radius:18px}.metric strong{font-size:22px}.panel{padding:18px;border-radius:20px}.form-grid,.period-grid{grid-template-columns:1fr}.nav button{flex:1;font-size:12px;padding:11px 8px}}