.quote-form{display:flex;flex-direction:column;gap:15px;padding:24px;flex:1;overflow-y:auto}.quote-form h2,.quote-form h3{color:#333;margin-bottom:5px;font-weight:500}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.form-group label{font-size:13px;font-weight:600;color:#555}.form-group input,.form-group select,textarea{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,textarea:focus{outline:none;border-color:#f7a61a}.form-row{display:flex;gap:15px}.half{flex:2}.quarter{flex:1}.item-editor{background-color:#f8f9fa;border:1px solid #eee;padding:15px;border-radius:6px;margin-bottom:20px}.item-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.item-editor-header h4{margin:0;font-size:15px;color:#444}.details-editor{background-color:#fff;padding:10px;border-radius:4px;border:1px solid #eee;margin-top:10px}.details-label{font-size:12px;font-weight:700;color:#777;display:block;margin-bottom:8px}.detail-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.detail-key{width:80px;padding:4px 6px;font-size:12px;border:1px solid #ddd;border-radius:3px}.colon{font-weight:700;color:#999}.detail-val,select.detail-val{flex:1;padding:4px 6px;font-size:12px;border:1px solid #ddd;border-radius:3px;background-color:#fff}.btn-primary{background-color:#f7a61a;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;font-size:14px;transition:background-color .2s}.btn-primary:hover{background-color:#e5940b}.btn-secondary{padding:6px 12px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:transparent;color:#dc3545;border:1px solid #dc3545;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.btn-danger:hover{background-color:#dc3545;color:#fff}hr{border:0;border-top:1px solid #eee;margin:10px 0}textarea{resize:vertical}.notes-textarea{min-height:200px;width:100%}.print-hint{margin-top:20px;background-color:#e3f2fd;color:#0d47a1;padding:15px;border-radius:6px;font-size:13px;line-height:1.5}.quote-preview{font-family:Helvetica Neue,Arial,sans-serif;padding:10px 30px 0;color:#333;font-size:13px;line-height:1.4}.text-orange{color:#f7a61a;font-weight:700}.text-gray{color:#555}.text-yellow-large{color:#f2a900;font-size:32px;font-weight:700}.text-yil{color:#f2a900;font-size:16px;font-weight:700;font-style:italic}.header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;padding-bottom:10px}.header-logos{display:flex;align-items:center}.viva-logo-img{height:60px;object-fit:contain}.header-info{text-align:right;color:#555}.header-info h2{font-size:26px;font-weight:300;margin:0 0 10px;color:#888}.date-row{font-size:13px}.date-row .label{margin-right:5px;color:#666}.date-row .value{font-weight:700;color:#333}.client-info-block{background-color:#f7f7f7;border-radius:8px;padding:10px 20px;display:flex;justify-content:space-between;margin-bottom:10px}.client-label{font-size:12px;color:#888;text-decoration:underline;margin-bottom:8px;text-transform:uppercase;font-weight:700}.client-name{font-size:20px;font-weight:700;margin-bottom:5px}.client-contact{font-size:14px;color:#555}.items-table{width:100%;border-collapse:collapse;margin-bottom:15px}.items-table th{text-align:left;padding:8px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666;font-size:12px;font-weight:700}.items-table td{padding:8px 5px;border-bottom:1px solid #eee;vertical-align:top}.col-desc{width:25%}.col-details{width:30%}.col-qty{width:10%;text-align:center}.col-price{width:15%;text-align:right}.col-total{width:20%;text-align:right}.items-table th.col-qty{text-align:center}.items-table th.col-price,.items-table th.col-total{text-align:right}.inner-details-table{width:100%;border-collapse:collapse}.inner-details-table td{padding:2px 0;border:none}.det-label{width:45px;color:#555}.det-value{color:#222;font-weight:500}.totals-container{display:flex;justify-content:flex-end;margin-top:10px}.totals-table{width:300px;border-collapse:collapse}.totals-table td{padding:10px 0;border-bottom:1px solid #eee}.tot-label{text-align:left;color:#555;font-weight:700}.tot-value{text-align:right}.grand-total-row td{border-top:1px solid #ccc;border-bottom:none;font-size:14px}.font-bold{font-weight:700;color:#333}.print-page{width:210mm;height:297mm;background:#fff;box-shadow:0 0 20px #00000080;position:relative;overflow:hidden;page-break-after:always;break-after:page;box-sizing:border-box;padding-bottom:160px}.quote-preview{height:100%}.footer-area{position:absolute;bottom:0;left:30px;right:30px;padding-bottom:15px;display:flex;justify-content:space-between;align-items:flex-end}.notes-section{width:50%;position:relative;z-index:2}.notes-title{font-weight:700;margin-bottom:10px;font-size:14px}.notes-list{list-style:none;padding:0;margin:0;color:#555;font-size:12px}.notes-list li{margin-bottom:3px}.contact-section{background-color:#f7f7f7;padding:20px;border-radius:8px;font-size:11px;color:#555;line-height:1.5;text-align:left;position:relative}.contact-website{margin-top:10px;font-size:14px}.page-continue{margin-top:auto;text-align:center;font-size:12px;color:#999;padding:10px 0}.watermark-img{position:absolute;left:-20px;bottom:0;width:480px;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.saved-quotes-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saved-quotes-content{background:#fff;width:90%;max-width:800px;max-height:80vh;border-radius:12px;padding:24px;overflow-y:auto;box-shadow:0 10px 25px #0003}.saved-quotes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.quote-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s}.quote-card:hover{border-color:#007bff;box-shadow:0 4px 12px #0000000d}.quote-company{font-weight:700;font-size:1.1rem;margin-bottom:4px}.quote-date{color:#666;font-size:.9rem;margin-bottom:8px}.quote-details{font-size:.85rem;color:#888;margin-bottom:15px}.quote-card-actions{display:flex;gap:8px}.btn-edit{flex:1;background:#007bff;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.btn-edit:hover{background:#0069d9}.btn-duplicate{flex:1;background:#ffc107;color:#212529;border:none;padding:8px;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s}.btn-duplicate:hover{background:#e0a800}.btn-delete{background:#dc3545;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.btn-delete:hover{background:#c82333}.no-quotes{grid-column:1 / -1;text-align:center;padding:40px;color:#999}:root{--primary-color: #f7a61a;--text-main: #333333;--text-light: #666666;--gray-bg: #f5f5f5;--border-color: #dddddd}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:#e9ecef;color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;overflow:hidden}.editor-panel{width:450px;background:#fff;border-right:1px solid var(--border-color);overflow-y:auto;box-shadow:2px 0 10px #0000000d;z-index:10;display:flex;flex-direction:column}.pdf-export-bar{padding:14px 24px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.pdf-export-btn{padding:8px 16px;background:linear-gradient(135deg,#f7a61a,#e8890a);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #f7a61a40;display:flex;align-items:center;gap:6px;height:36px}.pdf-export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f7a61a80}.pdf-export-btn:active{transform:translateY(0)}.preview-panel{flex:1;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:40px;background-color:#525659}.print-page{width:210mm;height:297mm;background:#fff;box-shadow:0 0 20px #00000080;position:relative;overflow:hidden;page-break-after:always;break-after:page}@media print{@page{size:A4;margin:0}body{background:#fff;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.editor-panel,.pdf-export-bar,.mobile-tab-bar{display:none!important}.app-container{display:block;height:auto;overflow:visible}.preview-panel{padding:0;background:none;display:block}.print-page{box-shadow:none;margin:0;width:210mm;height:297mm}}.mobile-tab-bar{display:none}.preview-scaler{display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 768px){.app-container{flex-direction:column;height:100dvh;overflow:hidden}.mobile-tab-bar{display:flex;flex-direction:column;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;z-index:100}.mobile-tab-row{display:flex;width:100%}.mobile-tab{flex:1;padding:12px 4px;background:transparent;border:none;color:#ffffff8c;font-size:13px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:color .2s,border-bottom .2s}.mobile-tab.active{color:#f7a61a;border-bottom:3px solid #f7a61a}.mobile-tab.pdf-tab{color:#f7a61a}.mobile-tab.success{color:#2ea44f}.mobile-tab.mobile-action{color:#ffffffb3;font-size:12px;padding:8px 4px;border-bottom:none}.mobile-tab:disabled{opacity:.5}.editor-panel{width:100%;border-right:none;flex:1;overflow-y:auto}.mobile-hidden{display:none!important}.mobile-visible{display:flex!important}.preview-panel{flex:1;overflow-y:auto;padding:12px 6px}.desktop-only{display:none!important}.print-page{width:calc(100vw - 12px)!important;height:auto!important;overflow:visible!important;padding-bottom:160px}.items-table{font-size:11px}.col-price,.col-total{font-size:10px}}@media (min-width: 769px){.mobile-tab-bar{display:none!important}.mobile-hidden,.desktop-always-visible{display:flex!important}}body.pdf-rendering .print-page{width:210mm!important;height:297mm!important;overflow:hidden!important;padding-bottom:160px!important;box-sizing:border-box!important}.pdf-export-bar.desktop-only{display:flex;flex-direction:column;gap:10px;padding:16px;background:#fff;border-bottom:1px solid #eee;margin-bottom:15px;box-shadow:0 2px 8px #0000000d}.toolbar-left,.toolbar-right{display:flex;flex-direction:column;gap:8px;width:100%}.toolbar-btn,.pdf-export-btn{width:100%;height:40px;justify-content:center}.toolbar-btn{height:36px;padding:0 14px;border-radius:6px;border:1px solid #e1e4e8;background:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:6px;color:#444}.toolbar-btn:hover{background:#f6f8fa;border-color:#d1d5da}.toolbar-btn.primary{background:#2188ff;color:#fff;border-color:#2188ff;box-shadow:0 2px 4px #2188ff33}.toolbar-btn.primary:hover{background:#0069d9}.toolbar-btn.success{background:#2ea44f;color:#fff;border-color:#2ea44f;box-shadow:0 2px 4px #2ea44f33}.toolbar-btn.success:hover{background:#2c974b}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.gdrive-toolbar-section{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:5px 0 15px;display:flex;flex-direction:column;gap:8px}.gdrive-title-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155}.gdrive-icon{font-size:14px}.gdrive-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:50px;background:#cbd5e1;color:#64748b;text-transform:uppercase}.status-badge.connected{background:#dcfce7;color:#15803d}.gdrive-mini-btn{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;transition:all .2s}.gdrive-mini-btn.connect{background:#2563eb;color:#fff;border-color:#2563eb}.gdrive-mini-btn.connect:hover{background:#1d4ed8}.gdrive-mini-btn.disconnect:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.gdrive-settings-modal{background:#fff;width:90%;max-width:500px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:24px;position:relative;display:flex;flex-direction:column;gap:16px;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.modal-header h3{font-size:16px;font-weight:700;color:#1e293b}.modal-close-x{background:none;border:none;font-size:24px;cursor:pointer;color:#94a3b8;line-height:1}.modal-close-x:hover{color:#64748b}.modal-desc{font-size:13px;color:#64748b;line-height:1.5}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-group label{font-size:12px;font-weight:600;color:#475569}.settings-form-group input{padding:10px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px;width:100%;box-shadow:inset 0 1px 2px #0000000d}.settings-form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.settings-help{font-size:11px;color:#94a3b8;line-height:1.4}.gdrive-connection-status{padding:14px;border-radius:8px;display:flex;flex-direction:column;gap:12px;font-size:13px;align-items:flex-start}.gdrive-connection-status.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.gdrive-connection-status.error{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.gdrive-connection-status .dot{font-size:14px}.gdrive-action-btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.gdrive-action-btn.connect{background:#2563eb;color:#fff}.gdrive-action-btn.connect:hover{background:#1d4ed8}.gdrive-action-btn.disconnect{background:#ef4444;color:#fff}.gdrive-action-btn.disconnect:hover{background:#dc2626}.gdrive-modal-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;margin-left:auto}.gdrive-modal-btn:hover{background:#e2e8f0}.gdrive-toast{position:fixed;bottom:24px;right:24px;z-index:9999;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gdrive-toast-content{display:flex;align-items:center;gap:12px;background:#1e293bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:12px 20px;border-radius:50px;font-size:13px;font-weight:600;box-shadow:0 10px 15px -3px #0000004d;border:1px solid rgba(255,255,255,.1)}.toast-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.gdrive-tab-indicator.connected{color:#2ea44f!important}.gdrive-tab-indicator{color:#ffffff8c}.gdrive-toast{bottom:90px;right:50%;transform:translate(50%);animation:toastSlideInMobile .3s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideInMobile{0%{transform:translate(50%,20px);opacity:0}to{transform:translate(50%);opacity:1}}}