@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--blue:#0B5FD3;--navy:#083B88;--steel:#D5D8DD;--metal:#9EA5AF;--graphite:#2C2F36;--black:#121417;--white:#fff;--line:#e7e9ed;--surface:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--graphite);font-family:Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:78px;background:var(--black);padding:0 34px;gap:24px;color:var(--white);border-bottom:3px solid var(--blue)}.brand,.topbar{display:flex;align-items:center}.brand{gap:13px}.brand>div{display:grid;grid-gap:2px;gap:2px}.brand span{font:700 16px Space Grotesk;letter-spacing:1.1px}.brand span b{font-weight:500;color:#8eb8fb}.brand i{font:500 8px DM Mono;font-style:normal;letter-spacing:1.5px;color:#9EA5AF}.logo{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:var(--blue);color:#fff;box-shadow:inset 0 0 0 1px #74a8ff;font:700 12px Space Grotesk;letter-spacing:-1px}.demo{margin-left:auto;padding:7px 10px;background:#22262d;border-radius:100px;color:#9EA5AF;font:500 9px DM Mono;letter-spacing:.8px}.ghost{border:1px solid #5b6370;background:transparent;border-radius:6px;color:#fff;padding:9px 14px;font-size:11px;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(390px,40%) minmax(560px,60%);min-height:calc(100vh - 146px)}.editor{background:#f7f8fa;padding:30px 26px 104px;border-right:1px solid var(--steel);overflow:auto}.intro{background:var(--navy);border-radius:10px;padding:20px 21px;margin:0 0 22px;color:#fff;box-shadow:0 8px 20px #083b8826}.intro p{margin:0 0 5px;font:500 9px DM Mono;letter-spacing:1.2px;color:#a6c8ff}.intro h1{font:700 22px Space Grotesk;margin:0 0 5px}.intro small{font-size:10px;color:#d1e1ff}.form-section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin:0 0 14px;box-shadow:0 2px 5px #12141705}.form-section h2{display:flex;align-items:center;gap:9px;font:700 12px Space Grotesk;text-transform:uppercase;letter-spacing:.4px;margin:0 0 17px;color:var(--black)}.form-section h2 em{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eaf2ff;color:var(--blue);font:500 9px DM Mono;font-style:normal}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 13px;color:#606671;font-size:10px;font-weight:700;letter-spacing:.25px}.field b{color:var(--blue)}input,select,textarea{width:100%;border:1px solid #dce0e6;border-radius:6px;padding:9px 10px;background:#fff;color:var(--graphite);font-size:12px;font-weight:500;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b5fd318}textarea{resize:vertical}.grid{display:grid;grid-gap:11px;gap:11px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr .8fr 1.3fr}.item-edit{border:1px solid #e3e7ed;border-radius:8px;padding:13px;background:#fbfcfd;margin-bottom:12px}.item-bar{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px;color:var(--blue);font:500 10px DM Mono;letter-spacing:.7px}.item-bar button{background:none;border:0;padding:0 0 0 10px;color:#58616f;font-size:10px}.item-bar .danger{color:#c24545}.add{width:100%;padding:11px;border:1px dashed #79a8ed;background:#f2f7ff;color:var(--blue);border-radius:7px;font-weight:800}.add,.switch{font-size:11px}.switch{display:flex;align-items:center;gap:8px;margin:7px 0 15px;font-weight:700}.switch input{width:auto;accent-color:var(--blue)}.annex-fields{border-left:3px solid var(--blue);padding-left:12px}.preview-zone{padding:28px 34px 106px;background:#e9edf2;overflow:auto}.preview-label{display:flex;justify-content:space-between;max-width:820px;margin:0 auto 12px;color:#69727f;font:500 9px DM Mono;letter-spacing:1px}.invoice-paper{width:min(100%,820px);min-height:1050px;margin:auto;padding:45px 49px 30px;background:#fff;box-shadow:0 12px 35px #17203028;position:relative;color:var(--graphite);font-size:10px}.invoice-paper:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--blue)}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.invoice-logo{display:flex;align-items:center;gap:11px}.invoice-logo .logo{width:42px;height:42px;font-size:14px;border-radius:8px}.invoice-logo strong{display:block;font:700 23px Space Grotesk;letter-spacing:.8px;color:transparent;font-size:0}.invoice-logo strong:after{content:"MoralesHub Invoice Core";color:var(--navy);font-size:23px}.invoice-logo small{font:500 7px DM Mono;letter-spacing:.8px;color:#68707b}.company p{font-size:8px;line-height:1.65;color:#68707b;margin:12px 0 0}.invoice-box{min-width:194px;text-align:center;border-radius:7px;background:var(--navy);padding:13px 10px;color:#fff;box-shadow:0 5px 13px #083b8827}.invoice-box b{display:block;font:700 12px Space Grotesk;letter-spacing:.6px}.invoice-box strong{display:block;margin:5px;color:#b9d3ff;font:500 8px DM Mono}.invoice-box span{font:700 14px Space Grotesk}.metal-line{height:2px;background:var(--blue);margin:20px 0 13px}.date-row{display:flex;justify-content:space-between;padding-bottom:14px}.client-grid span,.date-row span{display:flex;flex-direction:column;gap:3px;font-size:9px}.amount-words b,.caption,.client-grid b,.date-row b,.notes b{font:500 7px DM Mono;letter-spacing:.7px;color:#818a95}.client-card{background:#f5f8fc;border:1px solid #e4eaf2;border-left:4px solid var(--blue);border-radius:4px;padding:13px 15px;margin-bottom:20px}.caption{margin-bottom:5px;color:var(--blue)}.client-main strong{font:700 12px Space Grotesk;color:var(--navy)}.client-main span{font:500 9px DM Mono;margin-left:9px}.client-main p{margin:4px 0 9px;color:#65707d}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;border-top:1px solid #dce4ef;padding-top:8px}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}th{background:var(--blue);padding:9px 5px;color:#fff;text-align:left;font:500 7px DM Mono;letter-spacing:.6px}th:first-child{border-radius:4px 0 0 4px}th:last-child{border-radius:0 4px 4px 0}th:first-child{width:7%}th:nth-child(2){width:42%}th:nth-child(3),th:nth-child(4){width:9%}th:nth-child(5),th:nth-child(6){width:16.5%}td{padding:11px 5px;border-bottom:1px solid #e4e8ed;vertical-align:top;font-size:9px}tbody tr:nth-child(2n){background:#fafbfd}td:nth-child(3),td:nth-child(4){text-align:center}td:nth-child(5),td:nth-child(6){text-align:right;white-space:nowrap}td strong{display:block;margin-bottom:3px;font-size:10px;color:#20242a}td small{display:block;font-size:8px;line-height:1.45;color:#68727e}.bottom-grid{display:grid;grid-template-columns:1fr 205px;grid-gap:28px;gap:28px;margin-top:24px}.notes>div{margin-bottom:13px}.notes p{margin:4px 0;font-size:9px;line-height:1.55;color:#5e6773}.totals{border:1px solid #dae0e8;border-radius:6px;overflow:hidden}.totals span,.totals strong{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #e3e7ec;font-size:9px}.totals strong{border:0;background:var(--blue);padding:13px 10px;color:#fff;font:700 13px Space Grotesk}.amount-words{display:flex;align-items:flex-start;gap:12px;margin-top:14px;border-top:1px solid #e1e5e9;padding:10px 0}.amount-words span{font-size:9px;color:#5d6875;font-style:italic}.paper-footer{position:absolute;bottom:18px;left:49px;right:49px;display:flex;justify-content:space-between;border-top:1px solid #e1e5ea;padding-top:7px;color:#818a94;font:500 6.5px DM Mono;letter-spacing:.2px}.actionbar{position:fixed;z-index:3;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #dfe3e8;display:flex;align-items:center;justify-content:flex-end;padding:0 34px;gap:25px;box-shadow:0 -5px 18px #1214170b}.actionbar div{display:flex;flex-direction:column;align-items:flex-end}.actionbar strong{font:700 18px Space Grotesk;color:var(--navy)}.actionbar span{font-size:9px;color:#77818e}.pdf{border:0;border-radius:6px;background:var(--blue);box-shadow:0 4px 12px #0b5fd340;color:#fff;padding:14px 24px;font:700 12px Space Grotesk;letter-spacing:.7px}.pdf:hover{background:var(--navy)}.pdf span{font-size:17px;margin-right:5px}.mobile-tabs{display:none}@media(max-width:850px){.workspace{grid-template-columns:1fr}.editor{border-right:0}.preview-zone{padding:25px}.invoice-paper{max-width:720px}.mobile-tabs{display:flex;gap:8px;padding:8px 20px;background:#fff;border-bottom:1px solid var(--steel)}.mobile-tabs button{border:0;background:none;padding:8px 12px;color:#737c88;text-transform:uppercase;font:600 10px DM Mono;letter-spacing:.8px}.mobile-tabs .active{border-bottom:2px solid var(--blue);color:var(--blue)}.demo,.mobile-hide{display:none}.actionbar{height:60px}.topbar{padding:0 20px}}@media(max-width:580px){.topbar{height:62px}.brand span{font-size:13px}.ghost{display:none}.editor{padding:20px 14px 82px}.preview-zone{padding:18px 8px 82px}.invoice-paper{min-height:850px;padding:28px 18px 25px}.invoice-head{gap:8px}.invoice-box{min-width:128px;padding:9px 4px}.invoice-box b{font-size:8px}.invoice-box span{font-size:10px}.invoice-logo strong:after{font-size:17px}.company p{font-size:7px}.date-row{gap:8px}.date-row span{font-size:7px}.client-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr;gap:9px}.paper-footer{left:18px;right:18px;font-size:5px}.grid.two,.three{grid-template-columns:1fr}.actionbar{padding:0 16px;gap:10px}.actionbar strong{font-size:14px}.pdf{padding:12px 14px;font-size:10px}}@media print{body{background:#fff}.actionbar,.editor,.mobile-tabs,.preview-label,.topbar{display:none!important}.workspace{display:block}.preview-zone{padding:0!important;background:#fff}.invoice-paper,.preview-zone{display:block!important;visibility:visible!important}.invoice-paper{position:relative;width:100%;max-width:none;min-height:0;margin:0;box-shadow:none;padding:14mm 14mm 15mm;page-break-after:always}.invoice-paper table thead{display:table-header-group}.amount-words,.bottom-grid,.invoice-paper tr{page-break-inside:avoid;break-inside:avoid}.paper-footer{position:fixed;bottom:8mm;left:14mm;right:14mm}@page{size:A4;margin:0}}.logo{display:block;object-fit:cover;object-position:center 32%;background:var(--black);font-size:0}