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