:root{color:#174a68;background:#f4f9fc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#07577f;flex-direction:column;flex:none;width:245px;padding:30px 17px;display:flex}.brand{align-items:center;gap:11px;padding:3px 9px 33px;display:flex}.brand-mark{color:#f7941d;border:2px solid #f7941d;border-radius:8px;place-items:center;width:39px;height:39px;font:700 25px Georgia,serif;display:grid}.brand strong{letter-spacing:.12em;font-size:13px}.brand small{color:#bbd0d0;margin-top:4px;font-size:12px;display:block}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#bdd0d1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:13px;font-size:14px;display:flex}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#17a}.count{margin-left:auto;font-size:12px}.sidebar-foot{color:#a7c1c3;margin-top:auto;padding:16px 9px;font-size:12px;line-height:1.5}.main{flex:1;min-width:0;padding:36px max(26px,3vw) 70px}.topbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:30px;display:flex}.eyebrow,.preview-label{color:#7a979a;letter-spacing:.15em;font-size:11px;font-weight:800}.topbar h1{letter-spacing:-.03em;margin:9px 0 0;font-family:Georgia,serif;font-size:30px}.new-btn,.toolbar button,.saved-actions button{color:#174a68;background:#fff;border:1px solid #d2dfdf;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:700;display:inline-flex}.new-btn{color:#fff;background:#07577f;border-color:#07577f}.workspace{grid-template-columns:minmax(410px,1fr) minmax(460px,.96fr);align-items:start;gap:28px;display:grid}.editor{background:#fff;border:1px solid #e1e8e7;border-radius:15px;padding:26px;box-shadow:0 7px 24px #153d4110}.section-heading{border-top:1px solid #e8eeed;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 18px;padding-top:23px;display:flex}.section-heading:first-child{border:0;margin-top:0;padding:0}.section-heading>div{align-items:center;gap:10px;display:flex}.step{color:#ad5700;background:#fff1de;border-radius:6px;padding:7px;font-size:11px;font-weight:800}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:19px}.hint{color:#8ca0a1;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field span{color:#506d70;font-size:12px;font-weight:700}.field input,.field select,.field textarea{color:#174a68;background:#fbfcfc;border:1px solid #d9e3e2;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#228ec1;box-shadow:0 0 0 3px #228ec120}.field textarea{resize:vertical;line-height:1.45}.text-btn{color:#0879af;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.line-items{gap:12px;display:grid}.item-row{align-items:end;gap:8px;display:flex}.item-row .grow{flex:1}.qty{width:63px}.rate{width:90px}.remove{color:#9c6a65;background:0 0;border:0;padding:11px 3px}.discount-row{justify-content:space-between;align-items:end;margin-top:16px;display:flex}.running-total{text-align:right;gap:2px;display:grid}.running-total span{color:#6d8587;font-size:12px}.running-total strong{font-size:20px}.space-top{margin-top:15px}.toolbar{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.toolbar button.primary{color:#fff;background:#07577f;border-color:#07577f}.preview-label{justify-content:space-between;margin:3px 0 13px;display:flex}.preview-label span{letter-spacing:0;font-weight:500}.paper{color:#174a68;background:#fff;flex-direction:column;width:100%;min-height:760px;padding:38px 40px 26px;display:flex;box-shadow:0 8px 30px #173b4117}.paper-header{justify-content:space-between;align-items:start;display:flex}.paper-logo{color:#07577f;flex-direction:column;font-family:Georgia,serif;line-height:.9;display:flex}.paper-logo b{letter-spacing:-.07em;font-size:30px}.paper-logo span{letter-spacing:.43em;color:#f7941d;margin-top:7px;font:700 11px Arial,sans-serif}.paper-title{text-align:right}.paper-title h2{letter-spacing:.14em;margin:0 0 6px;font-size:23px}.paper-title span{color:#789093;font-size:12px}.paper-rule{background:#f7941d;height:3px;margin:23px 0 27px}.mini-label{letter-spacing:.13em;color:#bd650b;margin-bottom:9px;font-size:10px;font-weight:800}.paper-info{justify-content:space-between;gap:20px;font-size:13px;display:flex}.paper-info strong{font-size:15px}.paper-info p{color:#61797b;margin:6px 0}.paper-info .right{width:145px}.meta{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.meta span{color:#799092}.meta b{text-align:right;font-weight:600}.event-box{background:#eaf6fc;border-left:3px solid #f7941d;margin-top:28px;padding:17px 19px}.event-box h3{margin:0 0 12px;font-size:17px}.event-facts{color:#71898b;flex-wrap:wrap;gap:9px 17px;font-size:11px;display:flex}.event-facts b{color:#174a68;font-weight:600}.invoice-table{border-collapse:collapse;width:100%;margin-top:26px;font-size:11px}.invoice-table th{text-align:right;color:#637d7f;letter-spacing:.09em;border-bottom:1px solid #07577f;padding:0 7px 11px;font-size:9px}.invoice-table th:first-child,.invoice-table td:first-child{text-align:left;width:51%}.invoice-table td{text-align:right;vertical-align:top;border-bottom:1px solid #e6eded;padding:13px 7px;line-height:1.4}.totals{width:215px;margin:18px 0 0 auto;font-size:11px}.totals>div{justify-content:space-between;padding:7px 0;display:flex}.totals span{color:#708789}.totals .grand{border-top:2px solid #07577f;align-items:center;margin-top:7px;padding-top:14px}.totals .grand span{color:#07577f;font-size:10px;font-weight:800}.totals .grand strong{font-size:16px}.paper-bottom{color:#5c7577;grid-template-columns:1fr 1.25fr;gap:23px;margin-top:auto;padding-top:45px;font-size:10px;line-height:1.55;display:grid}.paper-bottom p{margin:0}.pre-line{white-space:pre-line}.paper-footer{letter-spacing:.12em;color:#34595d;border-top:1px solid #dce5e4;justify-content:space-between;margin-top:24px;padding-top:13px;font-size:9px;font-weight:800;display:flex}.paper-footer span{letter-spacing:0;font-weight:400}.saved-panel{background:#fff;border:1px solid #e2e9e8;border-radius:14px;min-height:240px;padding:12px}.empty{text-align:center;color:#688083;padding:55px 20px}.empty h2{color:#20484c;font-family:Georgia,serif}.saved-row{border-bottom:1px solid #e9eeee;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex}.saved-row:last-child{border:0}.saved-row strong,.saved-row span{display:block}.saved-row span{color:#789092;margin-top:5px;font-size:13px}.saved-actions{align-items:center;gap:12px;display:flex}.saved-actions b{white-space:nowrap}.saved-actions button{padding:8px 10px}@media (max-width:1180px){.workspace{grid-template-columns:1fr}.preview-wrap{max-width:760px}.sidebar{width:215px}}@media (max-width:650px){.shell{display:block}.sidebar{width:100%;padding:12px 16px}.brand{padding:0 0 12px}.sidebar nav{display:flex}.sidebar nav button{padding:9px;font-size:12px}.sidebar-foot{display:none}.main{padding:22px 14px}.topbar h1{font-size:25px}.new-btn{font-size:12px}.editor{padding:18px}.form-grid{gap:12px}.workspace{display:block}.preview-wrap{margin-top:28px;overflow-x:auto}.paper{min-width:480px}.saved-row{flex-direction:column;align-items:start}.saved-actions{justify-content:space-between;width:100%}}@media print{@page{size:A4;margin:7mm}body{background:#fff}.no-print,.sidebar,.editor,.topbar,.preview-label{display:none!important}.shell,.main,.workspace,.preview-wrap{width:100%!important;margin:0!important;padding:0!important;display:block!important}.paper{width:100%;height:auto;box-shadow:none;break-inside:auto;padding:5mm 5mm 2mm;min-height:283mm!important}.paper-logo-image{width:38mm!important}.paper-title h2{margin-bottom:3px;font-size:19px}.paper-rule{height:2px;margin:10px 0 12px}.paper-info{font-size:11px}.paper-info strong{font-size:13px}.paper-info p{margin:3px 0}.meta{margin-bottom:4px}.event-box{margin-top:12px;padding:10px 12px}.event-box h3{margin-bottom:7px;font-size:14px}.invoice-table{margin-top:12px;font-size:10px}.invoice-table th{padding:0 5px 6px;font-size:8px}.invoice-table td{padding:7px 5px;line-height:1.25}.totals{margin-top:8px;font-size:10px}.totals>div{padding:4px 0}.totals .grand{margin-top:3px;padding-top:7px}.totals .grand strong{font-size:14px}.paper-bottom{gap:14px;font-size:8.5px;line-height:1.35;margin-top:auto!important;padding-top:10px!important}.mini-label{margin-bottom:5px;font-size:8px}.paper-footer{margin-top:10px;padding-top:7px;font-size:8px}.invoice-table tr{break-inside:avoid}}.paper-logo-image{object-fit:contain;align-self:flex-start;width:175px;height:auto;display:block}@media print{.paper-logo-image{width:48mm;height:auto}}.discount-row{gap:16px}.discount-row .field{width:125px}.modal-backdrop{z-index:50;background:#09282dc2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.email-modal{background:#fff;border-radius:15px;width:min(100%,480px);max-height:95vh;padding:26px;overflow:auto;box-shadow:0 18px 50px #0b2c3555}.email-modal .field{margin-top:14px}.email-modal h2{margin:5px 0 0;font-family:Georgia,serif}.email-modal p{color:#587174;font-size:14px;line-height:1.5}.modal-heading{justify-content:space-between;align-items:start;display:flex}.modal-heading button{color:#416164;background:0 0;border:0;padding:5px}.email-modal .cc-note{color:#607e80;margin-top:6px;display:block}.email-modal .email-alert{color:#71562c;background:#fff3dd;border-radius:8px;padding:10px 12px}.modal-actions{justify-content:end;gap:9px;margin-top:20px;display:flex}.modal-actions button{background:#fff;border:1px solid #d1dddd;border-radius:8px;align-items:center;gap:7px;padding:11px 15px;font-weight:700;display:flex}.modal-actions .primary{color:#fff;background:#07577f;border-color:#07577f}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.payment-panel{border-top:1px solid #dfebf1;margin-top:26px}.payment-panel .section-heading{border:0;margin:18px 0 12px;padding:0}.payment-summary{color:#3b6c85;background:#eaf6fc;border-left:3px solid #f7941d;border-radius:4px;gap:7px;padding:15px;font-size:13px;display:grid}.payment-summary>span,.payment-summary>strong{justify-content:space-between;gap:12px;display:flex}.payment-summary>strong{color:#07577f;border-top:1px solid #c8dfeb;padding-top:10px;font-size:16px}.payment-entry{border-bottom:1px solid #dfebf1;justify-content:space-between;padding:10px 3px;font-size:13px;display:flex}.payment-form{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.payment-form .field:nth-child(3){grid-column:1/-1}.payment-form button{color:#fff;background:#07577f;border:0;border-radius:8px;grid-column:1/-1;padding:12px;font-weight:700}.source-quote{color:#597e95;margin:0 0 8px;font-size:10px}.totals .balance{border-color:#f7941d}.brand-mark{color:#f7941d;border-color:#f7941d}.paper-logo-image{width:175px}.paper-rule{background:#f7941d}.new-btn:hover,.toolbar button.primary:hover,.modal-actions .primary:hover{background:#0877aa}.toolbar button:focus-visible,.payment-form button:focus-visible{outline-offset:2px;outline:3px solid #f7941d}@media (max-width:650px){.discount-row{flex-wrap:wrap}.discount-row .running-total{margin-left:auto}}.settings-panel{background:#fff;border:1px solid #e1e8e7;border-radius:15px;max-width:760px;padding:30px;box-shadow:0 7px 24px #153d4110}.settings-panel h2{margin:0 0 10px;font-family:Georgia,serif}.settings-panel p{color:#61797b;font-size:14px;line-height:1.5}.settings-panel .form-grid{margin:24px 0}.settings-save{color:#fff;background:#07577f;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.settings-note{border-left:3px solid #f7941d;padding-left:12px}@media (max-width:650px){html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}.shell{min-height:100dvh;display:block}.sidebar{z-index:30;background:#07577f;width:100%;padding:10px 12px;position:sticky;top:0}.brand{gap:9px;padding:0 2px 9px}.brand-mark{width:34px;height:34px;font-size:21px}.brand strong{font-size:12px}.brand small{font-size:10px}.sidebar nav{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{white-space:nowrap;flex:none;min-height:42px;padding:9px 11px;font-size:12px}.main{padding:16px 10px 34px}.topbar{align-items:center;margin-bottom:16px}.topbar h1{margin-top:5px;font-size:23px}.eyebrow{font-size:9px}.new-btn{min-height:42px;padding:9px 11px}.workspace{display:block}.editor{border-radius:11px;padding:15px 12px}.section-heading{margin:20px 0 14px;padding-top:18px}.section-heading h2{font-size:17px}.hint{display:none}.form-grid{grid-template-columns:1fr;gap:11px}.field input,.field select,.field textarea{min-height:44px;padding:10px 11px;font-size:16px}.field textarea{min-height:88px}.item-row{grid-template-columns:minmax(0,1fr) 72px 100px 34px;align-items:end;gap:7px;display:grid}.item-row .grow{grid-column:1/-1}.qty,.rate{width:auto}.remove{place-items:center;min-width:34px;min-height:44px;display:grid}.discount-row{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.discount-row .field{width:auto}.running-total{text-align:right;grid-column:1/-1;padding-top:4px}.payment-form{grid-template-columns:1fr}.payment-form .field:nth-child(3),.payment-form button{grid-column:auto}.toolbar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toolbar button{min-height:46px;padding:10px 9px;font-size:12px}.toolbar button.primary:first-child{grid-column:1/-1}.preview-wrap{margin-top:20px;overflow:visible}.preview-label{margin:0 2px 8px;font-size:9px}.paper{border-radius:8px;width:100%;min-height:auto;padding:20px 15px 16px;min-width:0!important}.paper-header{gap:10px}.paper-logo-image{width:118px}.paper-title h2{letter-spacing:.1em;font-size:16px}.paper-title span{font-size:10px}.paper-rule{margin:14px 0 16px}.paper-info{gap:12px;font-size:11px}.paper-info strong{font-size:13px}.paper-info .right{flex:none;width:125px}.paper-info p{margin:4px 0}.event-box{margin-top:17px;padding:12px 13px}.event-box h3{margin-bottom:8px;font-size:14px}.event-facts{gap:6px 11px;font-size:10px}.invoice-table{table-layout:fixed;margin-top:16px;font-size:9px}.invoice-table th{padding:0 3px 7px;font-size:7px}.invoice-table th:first-child,.invoice-table td:first-child{width:46%}.invoice-table td{word-break:break-word;padding:8px 3px}.totals{width:min(215px,72%);font-size:10px}.paper-bottom{grid-template-columns:1fr;gap:14px;padding-top:24px}.paper-footer{align-items:flex-end;gap:10px}.paper-footer span{text-align:right}.saved-panel{padding:8px}.saved-row{padding:14px 10px}.saved-actions{flex-wrap:wrap;gap:8px}.settings-panel{padding:0}.modal-backdrop{padding:10px}.email-modal{width:100%;max-height:92dvh;overflow:auto}}@media (max-width:390px){.main{padding-left:8px;padding-right:8px}.editor{padding:13px 10px}.item-row{grid-template-columns:minmax(0,1fr) 64px 88px 32px}.toolbar{grid-template-columns:1fr}.toolbar button,.toolbar button.primary:first-child{grid-column:1}.paper{padding:17px 11px 14px}.paper-logo-image{width:100px}.paper-info{grid-template-columns:1fr;display:grid}.paper-info .right{width:100%}.meta{max-width:180px}.invoice-table{font-size:8px}.totals{width:78%}}.footer-brand{letter-spacing:.12em;font-weight:800}.footer-thanks{letter-spacing:0;font-weight:400}.paper-footer{margin-top:auto}.auth-shell{background:#f4f9fc;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{color:#174a68;background:#fff;border:1px solid #e1e8e7;border-radius:16px;gap:18px;width:min(430px,100%);padding:30px;display:grid;box-shadow:0 12px 40px #173b4117}.auth-card>img{width:170px;height:auto}.auth-card h1{margin:4px 0 6px;font-family:Georgia,serif;font-size:28px}.auth-card p{color:#61797b;margin:0;line-height:1.5}.auth-card small{color:#789092;line-height:1.45}.auth-submit{color:#fff;background:#07577f;border:0;border-radius:9px;min-height:46px;padding:11px 14px;font-weight:800}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-status{background:#fff3e5;border-left:3px solid #f7941d;font-size:13px;color:#7a4a12!important;padding:10px 12px!important}.top-actions{align-items:center;gap:8px;display:flex}.signout-btn{color:#174a68;background:#fff;border:1px solid #d2dfdf;border-radius:9px;padding:11px 14px;font-size:13px;font-weight:700}.sidebar-foot small{color:#bdd0d1;overflow-wrap:anywhere;font-size:10px}@media (max-width:650px){.auth-shell{padding:14px}.auth-card{border-radius:13px;padding:22px 18px}.auth-card>img{width:145px}.top-actions{gap:6px}.signout-btn{min-height:42px;padding:9px 10px;font-size:11px}}