@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@300;400;500;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--green:#5a9e2f;--green-light:#7ec94a;--green-dark:#3d6b1f;--black:#0d0d0d;--white:#fff;--off-white:#f5f2eb;--grey-100:#f7f7f7;--grey-200:#eee;--grey-300:#ddd;--grey-400:#aaa;--grey-500:#777;--grey-600:#555;--red:#e53e3e;--red-light:#fff5f5;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f7f7f7;background:var(--grey-100);color:#0d0d0d;color:var(--black);font-family:Barlow,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.app-loading{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin .7s linear infinite;border:3px solid #eee;border-top-color:#5a9e2f;border:3px solid var(--grey-200);border-radius:50%;border-top-color:var(--green);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.screen{background:#f7f7f7;background:var(--grey-100);min-height:100vh}.screen-inner{margin:0 auto;max-width:680px;padding:0 16px 80px}.nav{align-items:center;background:#0d0d0d;background:var(--black);display:flex;height:56px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.nav-logo{color:#fff;color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.nav-logo span{color:#7ec94a;color:var(--green-light)}.nav-actions{gap:8px}.nav-actions,.nav-icon-btn{align-items:center;display:flex}.nav-icon-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#aaa;color:var(--grey-400);justify-content:center;padding:8px;transition:all .2s ease;transition:var(--transition)}.nav-icon-btn:hover{background:#ffffff1a;color:#fff;color:var(--white)}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;transition:var(--transition)}.btn-primary{background:#5a9e2f;background:var(--green);color:#fff;color:var(--white)}.btn-primary:hover{background:#3d6b1f;background:var(--green-dark)}.btn-secondary{background:#fff;background:var(--white);border:1.5px solid #ddd;border:1.5px solid var(--grey-300);color:#0d0d0d;color:var(--black)}.btn-secondary:hover{border-color:#aaa;border-color:var(--grey-400)}.btn-danger{background:#fff5f5;background:var(--red-light);border:1.5px solid #fed7d7;color:#e53e3e;color:var(--red)}.btn-ghost{background:none;border:none;color:#5a9e2f;color:var(--green);font-weight:600;padding:8px 12px}.btn-lg{font-size:16px;padding:16px 28px}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.card{background:#fff;background:var(--white);border:1.5px solid #eee;border:1.5px solid var(--grey-200);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:20px}.form-group{margin-bottom:16px}.form-label{color:#555;color:var(--grey-600);display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.form-input{-webkit-appearance:none;background:#fff;background:var(--white);border:1.5px solid #ddd;border:1.5px solid var(--grey-300);border-radius:6px;border-radius:var(--radius-sm);color:#0d0d0d;color:var(--black);font-size:15px;padding:12px 14px;transition:all .2s ease;transition:var(--transition);width:100%}.form-input:focus{border-color:#5a9e2f;border-color:var(--green);box-shadow:0 0 0 3px #5a9e2f1f;outline:none}.form-input::placeholder{color:#aaa;color:var(--grey-400)}textarea.form-input{min-height:80px;resize:vertical}.form-hint{color:#aaa;color:var(--grey-400);font-size:12px;margin-top:4px}.form-error{color:#e53e3e;color:var(--red);font-size:13px;margin-top:4px}.form-section{margin-bottom:28px}.form-section-title{border-bottom:1.5px solid #eee;border-bottom:1.5px solid var(--grey-200);color:#777;color:var(--grey-500);font-size:13px;letter-spacing:.08em;margin-bottom:14px;padding-bottom:8px}.badge,.form-section-title{font-weight:700;text-transform:uppercase}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;letter-spacing:.06em;padding:4px 10px}.badge-draft{background:#eee;background:var(--grey-200);color:#555;color:var(--grey-600)}.badge-sent{background:#ebf8ff;color:#2b6cb0}.badge-viewed{background:#fefcbf;color:#744210}.badge-accepted{background:#f0fff4;color:#276749}.badge-invoiced{background:#e9d8fd;color:#553c9a}.badge-paid{background:#f0fff4;color:#276749}.badge-overdue{background:#fff5f5;color:#e53e3e;color:var(--red)}.page-header{justify-content:space-between;padding:24px 0 20px}.page-header,.page-header-left{align-items:center;display:flex}.page-header-left{gap:12px}.back-btn{align-items:center;background:none;border:none;color:#777;color:var(--grey-500);display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 0;transition:all .2s ease;transition:var(--transition)}.back-btn:hover{color:#0d0d0d;color:var(--black)}.page-title{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.alert{border-radius:6px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;padding:14px 16px}.alert-error{background:#fff5f5;background:var(--red-light);border:1px solid #fed7d7;color:#e53e3e;color:var(--red)}.alert-success{background:#f0fff4;border:1px solid #9ae6b4;color:#276749}.auth-screen{align-items:center;background:#0d0d0d;background:var(--black);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;background:var(--white);border-radius:14px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);max-width:420px;padding:40px;width:100%}.auth-logo{color:#0d0d0d;color:var(--black);font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:900;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.auth-logo span{color:#5a9e2f;color:var(--green)}.auth-tagline{color:#777;color:var(--grey-500);font-size:14px;margin-bottom:32px}.auth-title{font-size:22px;font-weight:700;margin-bottom:24px}.auth-footer{color:#777;color:var(--grey-500);font-size:14px;margin-top:20px;text-align:center}.auth-footer a{color:#5a9e2f;color:var(--green);font-weight:600}.dashboard-header{background:#0d0d0d;background:var(--black);padding:28px 20px 24px}.dashboard-greeting{color:#fff;color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;letter-spacing:.02em;margin-bottom:4px;text-transform:uppercase}.dashboard-greeting span{color:#7ec94a;color:var(--green-light)}.dashboard-sub{color:#777;color:var(--grey-500);font-size:13px}.new-quote-btn{align-items:center;background:#5a9e2f;background:var(--green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900;gap:10px;justify-content:center;letter-spacing:.05em;margin:20px 0 0;padding:16px 24px;text-transform:uppercase;transition:all .2s ease;transition:var(--transition);width:100%}.new-quote-btn:hover{background:#3d6b1f;background:var(--green-dark)}.tabs{border-bottom:2px solid #eee;border-bottom:2px solid var(--grey-200);display:flex;gap:0;margin:20px 0 0}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#777;color:var(--grey-500);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:10px 20px;transition:all .2s ease;transition:var(--transition)}.tab.active{border-bottom-color:#5a9e2f;border-bottom-color:var(--green);color:#5a9e2f;color:var(--green)}.doc-card{align-items:center;background:#fff;background:var(--white);border:1.5px solid #eee;border:1.5px solid var(--grey-200);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px 18px;transition:all .2s ease;transition:var(--transition)}.doc-card:hover{border-color:#5a9e2f;border-color:var(--green);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow)}.doc-card.overdue{background:snow;border-left:4px solid #e53e3e;border-left:4px solid var(--red)}.doc-card-left{flex:1 1}.doc-card-name{font-size:15px;font-weight:700;margin-bottom:4px}.doc-card-meta{color:#777;color:var(--grey-500);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.doc-card-right{text-align:right}.doc-card-amount{color:#0d0d0d;color:var(--black);font-size:16px;font-weight:700}.doc-card-date{font-size:12px;margin-top:4px}.doc-card-date,.empty-state{color:#aaa;color:var(--grey-400)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#555;color:var(--grey-600);font-size:18px;font-weight:700;margin-bottom:8px}.empty-state p{font-size:14px;line-height:1.6}.line-items-header{border-bottom:1.5px solid #eee;border-bottom:1.5px solid var(--grey-200);color:#777;color:var(--grey-500);font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 0;text-transform:uppercase}.line-item-row,.line-items-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 70px 90px 80px 36px;margin-bottom:8px}.line-item-row{align-items:start}.line-item-total{align-items:center;color:#0d0d0d;color:var(--black);display:flex;font-size:15px;font-weight:600;padding:12px 0}.line-item-del{align-items:center;background:none;border:none;color:#aaa;color:var(--grey-400);cursor:pointer;display:flex;font-size:18px;padding:12px 4px;transition:all .2s ease;transition:var(--transition)}.line-item-del:hover{color:#e53e3e;color:var(--red)}.add-line-btn{background:none;border:1.5px dashed #ddd;border:1.5px dashed var(--grey-300);border-radius:6px;border-radius:var(--radius-sm);color:#777;color:var(--grey-500);cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:10px;transition:all .2s ease;transition:var(--transition);width:100%}.add-line-btn:hover{border-color:#5a9e2f;border-color:var(--green);color:#5a9e2f;color:var(--green)}.totals-box{background:#f7f7f7;background:var(--grey-100);border-radius:6px;border-radius:var(--radius-sm);margin-top:8px;padding:16px}.totals-row{color:#555;color:var(--grey-600);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.totals-row.total{border-top:1.5px solid #ddd;border-top:1.5px solid var(--grey-300);color:#0d0d0d;color:var(--black);font-size:18px;font-weight:700;margin-top:6px;padding-top:12px}.totals-row.total .amount{color:#5a9e2f;color:var(--green)}.sticky-bar{background:#fff;background:var(--white);border-top:1.5px solid #eee;border-top:1.5px solid var(--grey-200);bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;gap:10px;left:0;padding:12px 16px;position:fixed;right:0;z-index:40}.detail-hero{background:#0d0d0d;background:var(--black);color:#fff;color:var(--white);padding:24px 20px}.detail-doc-number{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:900;letter-spacing:.02em;margin-bottom:4px;text-transform:uppercase}.detail-customer{color:#aaa;color:var(--grey-400);font-size:14px;margin-bottom:12px}.detail-amount{color:#7ec94a;color:var(--green-light);font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:900}.timeline{padding:4px 0}.timeline-item{border-bottom:1px solid #eee;border-bottom:1px solid var(--grey-200);display:flex;gap:14px;padding:10px 0}.timeline-item:last-child{border-bottom:none}.timeline-dot{background:#5a9e2f;background:var(--green);border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.timeline-dot.pending{background:#ddd;background:var(--grey-300)}.timeline-label{font-size:14px;font-weight:600}.timeline-time{color:#aaa;color:var(--grey-400);font-size:12px;margin-top:2px}.customer-note-bubble{background:#ebf8ff;border-left:3px solid #90cdf4;border-radius:6px;border-radius:var(--radius-sm);color:#2b6cb0;font-size:13px;margin-top:8px;padding:12px 14px}.customer-screen{background:#fff;background:var(--white);min-height:100vh}.customer-header{background:#5a9e2f;background:var(--green);height:8px}.customer-body{margin:0 auto;max-width:640px;padding:32px 20px 80px}.customer-business-name{color:#0d0d0d;color:var(--black);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.customer-business-contact{color:#777;color:var(--grey-500);font-size:13px;margin-top:4px}.customer-doc-type{color:#0d0d0d;color:var(--black);font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:900;letter-spacing:.04em;margin-top:28px;text-transform:uppercase}.customer-doc-number{color:#777;color:var(--grey-500);font-size:14px;margin-top:2px}.customer-dates{display:flex;flex-wrap:wrap;gap:24px;margin-top:12px}.customer-date-item{color:#777;color:var(--grey-500);font-size:13px}.customer-date-item strong{color:#0d0d0d;color:var(--black);display:block;font-size:15px}.customer-date-item.overdue strong{color:#e53e3e;color:var(--red)}.customer-prepared{background:#f7f7f7;background:var(--grey-100);border-radius:6px;border-radius:var(--radius-sm);margin-top:24px;padding:16px}.customer-prepared-label{color:#777;color:var(--grey-500);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.customer-prepared-name{font-size:16px;font-weight:700}.customer-prepared-contact{color:#777;color:var(--grey-500);font-size:13px}.customer-line-items{margin-top:24px}.customer-line-header{border-bottom:2px solid #0d0d0d;border-bottom:2px solid var(--black);color:#777;color:var(--grey-500);font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 0;text-transform:uppercase}.customer-line-header,.customer-line-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 60px 80px 80px}.customer-line-row{border-bottom:1px solid #eee;border-bottom:1px solid var(--grey-200);font-size:14px;padding:12px 0}.customer-totals{align-items:flex-end;display:flex;flex-direction:column;gap:6px;margin-top:16px}.customer-total-row{color:#555;color:var(--grey-600);display:flex;font-size:14px;gap:32px}.customer-total-row.grand{border-top:2px solid #0d0d0d;border-top:2px solid var(--black);color:#0d0d0d;color:var(--black);font-size:20px;font-weight:700;padding-top:8px}.customer-total-row.grand .ct-amount{color:#5a9e2f;color:var(--green)}.customer-notes-box{background:#fffbeb;border-left:4px solid #f6c700;border-radius:6px;border-radius:var(--radius-sm);color:#555;color:var(--grey-600);font-size:14px;margin-top:24px;padding:16px}.customer-notes-label{color:#744210;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.payment-box{background:#f0fff4;border:1.5px solid #9ae6b4;border-radius:6px;border-radius:var(--radius-sm);margin-top:24px;padding:20px}.payment-box-title{color:#276749;font-size:15px;font-weight:700;margin-bottom:14px}.payment-detail-row{border-bottom:1px solid #c6f6d5;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.payment-detail-row:last-child{border-bottom:none}.payment-detail-label{color:#777;color:var(--grey-500)}.payment-detail-value{color:#0d0d0d;color:var(--black);font-weight:700}.customer-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.btn-accept{background:#5a9e2f;background:var(--green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900;letter-spacing:.05em;padding:18px 24px;text-transform:uppercase;transition:all .2s ease;transition:var(--transition);width:100%}.btn-accept:hover{background:#3d6b1f;background:var(--green-dark)}.btn-suggest{background:none;border:1.5px solid #ddd;border:1.5px solid var(--grey-300);border-radius:6px;border-radius:var(--radius-sm);color:#555;color:var(--grey-600);cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease;transition:var(--transition);width:100%}.btn-suggest:hover{border-color:#aaa;border-color:var(--grey-400);color:#0d0d0d;color:var(--black)}.suggest-form{margin-top:12px}.suggest-form textarea{border:1.5px solid #ddd;border:1.5px solid var(--grey-300);border-radius:6px;border-radius:var(--radius-sm);font-family:inherit;font-size:15px;min-height:100px;padding:12px 14px;resize:vertical;width:100%}.suggest-form textarea:focus{border-color:#5a9e2f;border-color:var(--green);outline:none}.customer-footer{border-top:1px solid #eee;border-top:1px solid var(--grey-200);color:#aaa;color:var(--grey-400);font-size:12px;margin-top:48px;padding-top:24px;text-align:center}.customer-footer a{color:#5a9e2f;color:var(--green)}.accepted-banner{background:#f0fff4;border:1.5px solid #9ae6b4;border-radius:6px;border-radius:var(--radius-sm);margin-top:24px;padding:20px;text-align:center}.accepted-banner-icon{font-size:36px;margin-bottom:8px}.accepted-banner-title{color:#276749;font-size:18px;font-weight:700}.accepted-banner-sub{color:#777;color:var(--grey-500);font-size:14px;margin-top:4px}.overdue-banner{background:#fff5f5;background:var(--red-light);border:1.5px solid #fed7d7;border-radius:6px;border-radius:var(--radius-sm);color:#e53e3e;color:var(--red);font-size:14px;font-weight:600;margin-bottom:20px;padding:14px 16px}.settings-section{margin-bottom:28px}.settings-section-title{border-bottom:1.5px solid #eee;border-bottom:1.5px solid var(--grey-200);color:#777;color:var(--grey-500);font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.toggle-row{align-items:center;background:#fff;background:var(--white);border:1.5px solid #eee;border:1.5px solid var(--grey-200);border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:14px 16px}.toggle-label{font-size:15px;font-weight:600}.toggle-hint{color:#aaa;color:var(--grey-400);font-size:12px;margin-top:2px}.toggle{background:#ddd;background:var(--grey-300);border:none;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;transition:var(--transition);width:44px}.toggle.on{background:#5a9e2f;background:var(--green)}.toggle:after{background:#fff;background:var(--white);border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:all .2s ease;transition:var(--transition);width:18px}.toggle.on:after{left:23px}.pro-badge{align-items:center;background:linear-gradient(135deg,#f6c700,#dd9200);display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.08em;margin-left:8px;padding:3px 8px;text-transform:uppercase}.pro-badge,.upgrade-banner{border-radius:10px;color:#fff;color:var(--white)}.upgrade-banner{background:#0d0d0d;background:var(--black);border-radius:var(--radius);padding:24px;text-align:center}.upgrade-banner h3{color:#fff;color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900;margin-bottom:6px;text-transform:uppercase}.upgrade-banner p{color:#aaa;color:var(--grey-400);font-size:14px;margin-bottom:20px}.upgrade-price{color:#7ec94a;color:var(--green-light);font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:900;margin-bottom:20px}.upgrade-price span{color:#aaa;color:var(--grey-400);font-family:Barlow,sans-serif;font-size:16px;font-weight:400}.modal-overlay{align-items:flex-end;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}@media (min-width:480px){.modal-overlay{align-items:center}}.modal{animation:slideUp .3s ease;background:#fff;background:var(--white);border-radius:16px 16px 0 0;max-width:480px;padding:32px 24px;width:100%}@media (min-width:480px){.modal{border-radius:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#0d0d0d;color:var(--black);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900;margin-bottom:6px;text-transform:uppercase}.modal-sub{color:#777;color:var(--grey-500);font-size:14px}.modal-features,.modal-sub{margin-bottom:24px}.modal-feature{align-items:flex-start;display:flex;font-size:14px;gap:10px;padding:8px 0}.modal-feature-check{color:#5a9e2f;color:var(--green);flex-shrink:0;font-size:16px;font-weight:700}.modal-price{color:#0d0d0d;color:var(--black);font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:900;margin-bottom:20px;text-align:center}.modal-price span{color:#777;color:var(--grey-500);font-family:Barlow,sans-serif;font-size:18px;font-weight:400}
/*# sourceMappingURL=main.e865e0d2.css.map*/