@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17243a;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app{max-width:1440px;margin:0 auto;background:#fff;min-height:100vh;overflow:hidden}.topbar{height:78px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;gap:42px;border-bottom:1px solid #edf0f5;background:#fff}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:-.8px;color:#17243a}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#2459e8;color:#fff;font:800 19px Manrope}.brand-accent{color:#2459e8}.topbar nav{display:flex;gap:30px;margin-right:auto;color:#64718a;font-size:13px;font-weight:600}.topbar nav a:hover,.footer-links a:hover{color:#2459e8}.currency-picker{display:flex;align-items:center;gap:10px;color:#8290a5;font-size:12px}.currency-picker select{border:1px solid #e5eaf2;border-radius:9px;padding:10px 12px;color:#26354d;background:#fff;max-width:190px}.hero{min-height:490px;background:#10213a;color:#fff;padding:70px clamp(22px,8vw,116px);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(49,99,235,.22),transparent 68%);right:5%;top:-25%;z-index:-1}.hero-copy{max-width:600px;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:9px;color:#a9c0ff;background:#466fdc29;border:1px solid rgba(142,170,255,.2);padding:8px 12px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:1.2px}.live-dot{width:7px;height:7px;border-radius:50%;background:#64d7a3;box-shadow:0 0 0 4px #64d7a31f}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(36px,4.7vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-2.7px;margin:24px 0 17px}.hero h1 em{font-style:normal;color:#8eafff}.hero-copy>p{color:#b5c0d2;line-height:1.75;max-width:500px;font-size:15px}.primary-link{display:inline-flex;align-items:center;gap:24px;margin-top:17px;background:#3267ef;padding:14px 19px;border-radius:9px;font-size:13px;font-weight:700;box-shadow:0 9px 24px #184fdd40}.primary-link:hover{background:#4778f5}.primary-link span{font-size:20px;line-height:12px}.trust-line{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#9eacc2;font-size:11px}.trust-line span:first-letter{color:#69d9a8}.hero-art{width:390px;height:330px;position:relative;flex-shrink:0;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(129,160,237,.2);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:350px;height:220px}.orbit-two{width:420px;height:280px;transform:rotate(30deg)}.calculator-illustration{width:175px;height:230px;border-radius:22px;background:linear-gradient(145deg,#fff,#dce5f8);padding:17px;box-shadow:0 28px 55px #0000004d;transform:rotate(8deg);z-index:1}.calc-top{display:flex;gap:5px}.calc-top i{width:6px;height:6px;border-radius:50%;background:#b5c4df}.calc-screen{height:60px;margin:15px 0 12px;border-radius:10px;background:#eaf0fb;display:flex;align-items:center;justify-content:flex-end;padding:10px;color:#1d3769;font:700 20px Manrope}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-keys b{height:27px;border-radius:7px;background:#e9eef8;display:grid;place-items:center;color:#4b5d7c;font-size:12px}.calc-keys b:nth-child(-n+4){background:#dce7ff;color:#2459e8}.floating-card{position:absolute;z-index:2;background:#fff;color:#1b2b46;padding:13px 16px;border-radius:12px;box-shadow:0 15px 35px #0003;display:flex;flex-direction:column;gap:5px}.floating-card small{font-size:8px;color:#8290a5;font-weight:700;letter-spacing:.8px}.floating-card strong{font:800 20px Manrope}.floating-card span{font-size:9px;color:#7d8ba1}.card-a{top:30px;left:-4px;transform:rotate(-5deg)}.card-a strong{color:#1f9a70}.card-b{bottom:22px;right:-4px;transform:rotate(4deg)}.card-b strong{font-size:17px;color:#2459e8}.workspace{padding:78px clamp(22px,7vw,100px) 82px;background:#f8faff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.eyebrow{color:#3267ef;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}.section-heading h2{font:800 clamp(24px,3vw,32px) Manrope;letter-spacing:-1.1px;margin-bottom:8px}.section-heading p:not(.eyebrow){color:#8490a3;font-size:13px;margin:0}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:0 13px;width:245px;height:43px;color:#8490a3}.search-box span{font-size:22px}.search-box input{border:0;outline:0;width:100%;font-size:12px;color:#24344f}.tool-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:22px;align-items:start}.tool-list{display:flex;flex-direction:column;gap:9px}.tool-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 13px;border:1px solid #e9edf4;border-radius:12px;background:#fff;cursor:pointer;color:#24344f;transition:.18s}.tool-item:hover{border-color:#b9caff;transform:translateY(-1px)}.tool-item.active{border-color:#8eacff;background:#f0f4ff;box-shadow:0 5px 16px #305dda12}.tool-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#eef3ff;color:#3267ef;font:700 18px Manrope}.tool-text{display:flex;flex-direction:column;gap:4px;min-width:0}.tool-text strong{font-size:12px}.tool-text small{font-size:10px;color:#8a96a9;line-height:1.4}.tool-arrow{margin-left:auto;color:#8b9ab2}.empty-state{color:#8390a4;font-size:13px;padding:12px}.tool-main{background:#fff;border:1px solid #e8edf5;border-radius:15px;padding:20px;box-shadow:0 10px 35px #19315b09}.active-tool-label{display:flex;justify-content:space-between;color:#94a0b2;font-size:10px;margin-bottom:16px}.active-tool-label span:first-child{color:#3267ef;background:#eef3ff;padding:5px 9px;border-radius:20px;font-weight:700}.calculator-panel{border:1px solid #edf0f5;border-radius:12px;padding:23px}.panel-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #eff2f7}.panel-heading h2{font:800 22px Manrope;letter-spacing:-.6px;margin:0 0 6px}.panel-heading p:last-child{font-size:12px;color:#8995a8;margin:0;line-height:1.5}.panel-symbol{width:42px;height:42px;display:grid;place-items:center;background:#eef3ff;color:#3267ef;border-radius:12px;font-size:23px;flex-shrink:0}.fields{padding-top:20px;display:grid;gap:15px}.field{display:grid;gap:7px;color:#46546b;font-size:11px;font-weight:700}.field input{width:100%;height:43px;border:1px solid #e2e8f1;border-radius:8px;padding:0 12px;outline:0;color:#1e2d46;background:#fff;font-size:13px}.field input:focus,.search-box:focus-within{border-color:#7da0ff;box-shadow:0 0 0 3px #3267ef14}.field small{font-size:10px;color:#98a3b3;font-weight:400}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:4px}.result-row{display:flex;flex-direction:column;gap:7px;padding:13px;background:#f5f8ff;border:1px solid #e9efff;border-radius:9px}.result-row span{font-size:10px;color:#8290a5}.result-row strong{font:800 18px Manrope;color:#2459e8;overflow-wrap:anywhere}.result-row small{font-size:9px;color:#97a2b3}.notice{font-size:10px;line-height:1.6;color:#8995a8;background:#f8f9fc;padding:11px 12px;border-radius:8px;margin:0}.notice.warning{background:#fff8e9;color:#9b6a16}.mode-switch{display:flex;padding:4px;background:#f1f4f9;border-radius:9px;gap:4px}.mode-switch button{border:0;background:transparent;padding:9px 12px;border-radius:7px;color:#77849a;font-size:11px;font-weight:700;cursor:pointer;flex:1}.mode-switch button.selected{background:#fff;color:#2459e8;box-shadow:0 2px 7px #16274714}.benefits{padding:55px clamp(22px,7vw,100px);display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-bottom:1px solid #edf0f5}.benefit-icon{width:37px;height:37px;border-radius:11px;background:#eef3ff;color:#3267ef;display:grid;place-items:center;font-size:20px;margin-bottom:15px}.benefits h3{font:700 14px Manrope;margin-bottom:7px}.benefits p{font-size:11px;color:#8995a8;line-height:1.7;margin:0;max-width:260px}.disclaimer{margin:25px clamp(22px,7vw,100px);padding:14px 16px;background:#fff9ed;border:1px solid #f6ebd2;border-radius:9px;color:#8b7548;font-size:10px;line-height:1.6}.disclaimer strong{color:#745b2d}footer{padding:35px clamp(22px,7vw,100px) 27px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}footer p{font-size:11px;color:#8995a8;margin:0 auto 0 0}.footer-brand{font-size:16px}.footer-brand .brand-mark{width:27px;height:27px;font-size:15px;border-radius:8px}.footer-links{display:flex;gap:17px;color:#758299;font-size:10px}footer>small{width:100%;border-top:1px solid #edf0f5;padding-top:17px;color:#a0aaba;font-size:9px}@media(max-width:850px){.hero{padding-top:55px;padding-bottom:55px}.hero-art{width:300px;transform:scale(.85);margin:0 -25px}.tool-layout{grid-template-columns:1fr}.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-item{min-height:78px}.section-heading{align-items:start;flex-direction:column}.search-box{width:100%}}@media(max-width:600px){.topbar{height:auto;min-height:70px;gap:15px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.topbar nav{gap:14px;margin-right:auto}.currency-picker{width:100%;justify-content:space-between}.currency-picker select{flex:1;max-width:none}.hero{display:block;padding-top:48px;padding-bottom:25px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-art{height:230px;width:100%;margin:12px 0 0;transform:scale(.78);transform-origin:top center}.trust-line{gap:10px}.workspace{padding-top:52px;padding-bottom:55px}.tool-list{grid-template-columns:1fr}.tool-main{padding:12px}.calculator-panel{padding:16px}.results{grid-template-columns:1fr 1fr}.result-row strong{font-size:16px}.benefits{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}footer{gap:13px}.footer-links{width:100%;flex-wrap:wrap}.section-heading h2{font-size:25px}}.calculator-guide{margin-top:40px;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;line-height:1.8}.calculator-guide h2{margin-top:28px;margin-bottom:10px}.calculator-guide h2:first-child{margin-top:0}.calculator-guide h3{margin-top:20px;margin-bottom:6px}.calculator-guide p,.calculator-guide li{color:#555}.calculator-guide ul,.calculator-guide ol{padding-left:24px}:root{--gold: #d4af37;--gold-light: #f5d982;--gold-dark: #94701d;--black: #080808;--surface: #111111;--surface-light: #191919;--text: #f5f1e7;--muted: #aaa397;--border: rgba(212, 175, 55, .22)}body{background:var(--black);color:var(--text)}.app{background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.09),transparent 45%),var(--black);color:var(--text)}.topbar{background:#080808f0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{color:var(--text)}.brand-mark{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:#080808;box-shadow:0 0 22px #d4af3733}.brand-accent{color:var(--gold)}.topbar nav a{color:var(--muted);transition:color .25s ease}.topbar nav a:hover{color:var(--gold-light)}.hero{background:radial-gradient(circle at 75% 45%,rgba(212,175,55,.13),transparent 35%),linear-gradient(135deg,#090909,#15120b);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 70px #00000080}.hero h1{color:#fff}.hero h1 em{color:var(--gold);font-style:normal;text-shadow:0 0 25px rgba(212,175,55,.2)}.hero-copy>p{color:var(--muted)}.hero-tag{color:var(--gold-light)}.live-dot{background:var(--gold);box-shadow:0 0 12px var(--gold)}.primary-link{background:linear-gradient(135deg,#f5d982,#b58a25);color:#080808;border:1px solid var(--gold-light);box-shadow:0 8px 25px #d4af3733;transition:transform .25s ease,box-shadow .25s ease}.primary-link:hover{transform:translateY(-3px);box-shadow:0 13px 35px #d4af3759}.trust-line{color:var(--muted)}.hero-art{perspective:1000px}.calculator-illustration{background:linear-gradient(145deg,#29251a,#080808 70%);border:1px solid rgba(245,217,130,.65);box-shadow:15px 20px 40px #000000a6,inset 0 1px 2px #ffffff26,0 0 35px #d4af371f;transform:rotateY(-13deg) rotateX(7deg);transition:transform .4s ease}.calculator-illustration:hover{transform:rotateY(0) rotateX(0) translateY(-7px)}.calc-screen{background:#080d08;color:var(--gold-light);border:1px solid var(--border);text-shadow:0 0 12px rgba(212,175,55,.5)}.calc-keys b{background:linear-gradient(145deg,#29251a,#111);color:var(--gold-light);border:1px solid var(--border);box-shadow:3px 4px 7px #00000080}.floating-card{background:linear-gradient(145deg,#242016,#101010);color:var(--text);border:1px solid var(--border);box-shadow:0 15px 35px #0000008c}.floating-card strong{color:var(--gold-light)}.workspace{background:transparent}.section-heading h2{color:var(--text)}.section-heading p{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:2px}.search-box{background:var(--surface);border:1px solid var(--border)}.search-box input{background:transparent;color:var(--text)}.search-box input::placeholder{color:#777}.tool-list{background:#0d0d0d;border:1px solid var(--border);border-radius:18px;padding:10px}.tool-item{background:transparent;color:var(--text);border:1px solid transparent;transition:all .25s ease}.tool-item:hover{background:#1c1910;border-color:var(--border);transform:translate(3px)}.tool-item.active{background:linear-gradient(110deg,#292211,#15120b);border:1px solid rgba(212,175,55,.55);box-shadow:inset 3px 0 var(--gold)}.tool-icon,.tool-arrow{color:var(--gold)}.tool-text small{color:var(--muted)}.tool-main{background:transparent}.active-tool-label{color:var(--gold-light)}.calculator-panel{background:linear-gradient(145deg,#191919,#0c0c0c);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 45px #0006,inset 0 1px #ffffff0a}.panel-heading{border-bottom:1px solid var(--border)}.panel-heading h2{color:var(--gold-light)}.panel-heading p{color:var(--muted)}.panel-symbol{color:var(--gold)}.field label{color:var(--gold-light)}.field input,.field select{background:#090909;color:var(--text);border:1px solid rgba(212,175,55,.3);border-radius:10px}.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4af371f}.field input::placeholder{color:#777}.results{background:#0b0b0b;border:1px solid var(--border);border-radius:14px}.result-row{border-bottom:1px solid rgba(212,175,55,.13)}.result-row strong{color:var(--gold-light)}.benefits{background:linear-gradient(145deg,#17140d,#0c0c0c);border:1px solid var(--border);border-radius:20px}.benefits h3{color:var(--gold-light)}.benefits p,.disclaimer,footer p{color:var(--muted)}.benefit-icon{color:var(--gold)}.disclaimer{background:#111;border:1px solid var(--border);border-radius:12px}.disclaimer strong{color:var(--gold-light)}footer{background:#080808;border-top:1px solid var(--border)}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--gold)}.calculator-guide{background:#101010;color:var(--text);border:1px solid var(--border);border-radius:18px}.calculator-guide h2,.calculator-guide h3{color:var(--gold-light)}.calculator-guide p,.calculator-guide li{color:var(--muted)}@media(max-width:850px){.hero{background:radial-gradient(circle at 80% 50%,rgba(212,175,55,.1),transparent 45%),#0b0b0b}.calculator-illustration{transform:none}}@media(max-width:600px){.topbar{background:#080808}.hero,.calculator-panel,.benefits,.tool-list{border-radius:14px}}.tool-main{background:linear-gradient(145deg,#151515,#090909);border:1px solid rgba(212,175,55,.3);border-radius:20px;box-shadow:0 18px 45px #00000073}.active-tool-label span:first-child{background:#292211;color:var(--gold-light);border:1px solid var(--border)}.active-tool-label span:last-child{color:var(--gold-light)}.result-row{background:linear-gradient(145deg,#211c10,#111);border:1px solid rgba(212,175,55,.3);border-radius:11px;box-shadow:0 5px 14px #00000059,inset 0 1px #ffffff0a;transition:transform .25s ease,border-color .25s ease}.result-row:hover{transform:translateY(-3px);border-color:var(--gold)}.result-row span,.result-row small{color:#b7aa8c}.result-row strong{color:var(--gold-light);text-shadow:0 0 12px rgba(212,175,55,.15)}.results{background:#090909;border-color:var(--border);padding:8px}.tool-item.active .tool-icon,.tool-icon{background:linear-gradient(145deg,#f5d982,#b58a25);color:#080808}.panel-symbol{background:linear-gradient(145deg,#f5d982,#b58a25);color:#080808;box-shadow:0 5px 15px #d4af3733}@keyframes fadeUp{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes floatGold{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes goldGlow{0%,to{box-shadow:0 0 12px #d4af371f}50%{box-shadow:0 0 30px #d4af3759}}.hero-copy{animation:fadeUp 1s ease both}.hero-art{animation:fadeUp 1.2s ease both}.calculator-illustration{animation:floatGold 5s ease-in-out infinite}.floating-card.card-a{animation:floatGold 4s ease-in-out infinite}.floating-card.card-b{animation:floatGold 5s ease-in-out infinite;animation-delay:1s}.art-orbit{animation:orbitRotate 25s linear infinite}.primary-link{animation:goldGlow 3s ease-in-out infinite}.tool-item{transition:all .3s ease}.tool-item:hover{translate:5px 0}.calculator-panel{animation:fadeUp .7s ease both}.result-row{transition:all .3s ease}.result-row:hover{translate:0 -5px}.brand-mark{animation:goldGlow 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes pageEnter{0%{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.page-transition{animation:pageEnter .75s ease-out both}.page-transition>section{animation:pageEnter .85s ease-out both}.page-transition>section:nth-child(2){animation-delay:.12s}.page-transition>section:nth-child(3){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.page-transition,.page-transition>section{animation:none!important}}.invoice-page{width:min(1100px,92%);margin:50px auto 80px;color:#172033}.invoice-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.invoice-heading h1{font-size:clamp(2rem,5vw,3rem);margin:12px 0}.invoice-heading p{color:#64748b}.invoice-tag{display:inline-block;padding:7px 12px;border-radius:30px;background:#e8f0ff;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:1px}.invoice-download{background:#2563eb;color:#fff;border:none;padding:13px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.invoice-download:hover{background:#1d4ed8;transform:translateY(-2px)}.invoice-form{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:30px;box-shadow:0 12px 40px #0f172a0d}.invoice-section{padding:24px 0;border-bottom:1px solid #e8edf4}.invoice-section:first-child{padding-top:0}.invoice-section h2{font-size:18px;margin:0 0 18px}.invoice-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.invoice-fields input,.invoice-fields textarea,.invoice-meta select,.invoice-summary input,.invoice-table input,.invoice-notes{width:100%;min-width:0;padding:12px 14px;border:1px solid #dbe2ec;border-radius:9px;background:#fff;color:#172033;font:inherit;box-sizing:border-box}.invoice-fields input:focus,.invoice-fields textarea:focus,.invoice-meta select:focus,.invoice-summary input:focus,.invoice-table input:focus,.invoice-notes:focus{outline:2px solid #bfdbfe;border-color:#2563eb}.invoice-fields textarea{min-height:85px;resize:vertical}.invoice-meta label,.invoice-summary label{display:flex;flex-direction:column;gap:8px;color:#475569;font-size:13px;font-weight:600}.invoice-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.invoice-add{border:1px solid #2563eb;color:#2563eb;background:#fff;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:600}.invoice-table-wrap{overflow-x:auto}.invoice-table{width:100%;border-collapse:collapse;min-width:650px}.invoice-table th{background:#f1f5f9;color:#475569;text-align:left;font-size:13px;padding:13px}.invoice-table td{padding:10px;border-bottom:1px solid #e8edf4}.invoice-table input{padding:10px}.invoice-amount{font-weight:700;white-space:nowrap}.invoice-remove{border:none;background:#fee2e2;color:#b91c1c;padding:8px 10px;border-radius:7px;cursor:pointer}.invoice-remove:disabled{opacity:.4;cursor:not-allowed}.invoice-summary{display:grid;grid-template-columns:1fr minmax(250px,350px);gap:30px;align-items:end}.invoice-summary input{max-width:150px}.invoice-totals p{display:flex;justify-content:space-between;gap:20px;color:#64748b;padding:10px 0;border-bottom:1px solid #e8edf4}.invoice-totals strong{color:#172033}.invoice-totals .invoice-grand-total{color:#172033;font-size:20px;font-weight:800;border:none}.invoice-grand-total strong{color:#2563eb}.invoice-notes{min-height:100px;resize:vertical}.invoice-bottom{padding-top:25px;text-align:right}.invoice-bottom p{color:#64748b;font-size:13px}@media(max-width:700px){.invoice-page{margin-top:30px}.invoice-heading{flex-direction:column;align-items:flex-start}.invoice-form{padding:18px}.invoice-fields,.invoice-summary{grid-template-columns:1fr}.invoice-summary input{max-width:100%}}@media print{@page{size:A4;margin:15mm}body{background:#fff!important}body *{visibility:hidden}.invoice-page,.invoice-page *{visibility:visible}.invoice-page{position:absolute;left:0;top:0;width:100%;margin:0}.invoice-form{border:none;box-shadow:none;padding:0}.no-print,.invoice-heading button{display:none!important}.invoice-section{break-inside:avoid}.invoice-table-wrap{overflow:visible}.invoice-table{min-width:0}.invoice-table input,.invoice-fields input,.invoice-fields textarea,.invoice-notes,.invoice-meta select{border:none;padding:4px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.expense-page{width:min(1100px,92%);margin:50px auto 80px;color:#172033}.expense-heading{margin-bottom:30px}.expense-heading h1{font-size:clamp(2rem,5vw,3rem);margin:12px 0}.expense-heading p{color:#64748b}.expense-tag{display:inline-block;padding:7px 12px;border-radius:30px;background:#e8f0ff;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:1px}.expense-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.expense-stat,.expense-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 12px 40px #0f172a0d}.expense-stat{display:flex;flex-direction:column;gap:12px}.expense-stat span{color:#64748b;font-size:14px}.expense-stat strong{font-size:clamp(1.2rem,3vw,1.8rem);overflow-wrap:anywhere}.expense-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.expense-card h2{font-size:18px;margin:0 0 20px}.expense-form{display:grid;gap:16px}.expense-form label{display:flex;flex-direction:column;gap:8px;color:#475569;font-size:13px;font-weight:600}.expense-form input,.expense-form select,.expense-record-heading select{width:100%;min-width:0;padding:12px 14px;border:1px solid #dbe2ec;border-radius:9px;background:#fff;color:#172033;font:inherit;box-sizing:border-box}.expense-form input:focus,.expense-form select:focus,.expense-record-heading select:focus{outline:2px solid #bfdbfe;border-color:#2563eb}.expense-submit{border:none;background:#2563eb;color:#fff;padding:13px 18px;border-radius:9px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.expense-submit:hover{background:#1d4ed8;transform:translateY(-2px)}.expense-category-list{display:grid;gap:22px}.expense-category>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:14px}.expense-category strong{color:#334155}.expense-category span{color:#64748b}.expense-progress{height:9px;background:#e8edf4;border-radius:20px;overflow:hidden}.expense-progress span{display:block;height:100%;background:#2563eb;border-radius:20px}.expense-records{margin-bottom:20px}.expense-record-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.expense-record-heading h2{margin:0}.expense-record-heading select{max-width:200px}.expense-table-wrap{overflow-x:auto}.expense-table{width:100%;border-collapse:collapse;min-width:650px}.expense-table th{background:#f1f5f9;color:#475569;text-align:left;font-size:13px;padding:13px}.expense-table td{padding:14px 13px;border-bottom:1px solid #e8edf4;font-size:14px}.expense-category-tag{display:inline-block;background:#e8f0ff;color:#2563eb;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:600}.expense-money{font-weight:700;white-space:nowrap}.expense-delete{border:none;background:#fee2e2;color:#b91c1c;padding:8px 11px;border-radius:7px;cursor:pointer;font-weight:600}.expense-delete:hover{background:#fecaca}.expense-empty{color:#94a3b8;font-size:14px;padding:12px 0}.expense-privacy{color:#64748b;font-size:13px;text-align:center;line-height:1.6}@media(max-width:700px){.expense-page{margin-top:30px}.expense-summary,.expense-layout{grid-template-columns:1fr}.expense-card,.expense-stat{padding:18px}.expense-record-heading{align-items:flex-start;flex-direction:column}.expense-record-heading select{max-width:100%}}
