#page{min-height:100vh;background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);padding:0;font-family:"Open Sans",sans-serif;overflow:hidden}@media(max-width: 768px){#page{overflow:auto}}#page .pageContainer{max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex;flex-direction:column;gap:20px}@media(max-width: 768px){#page .pageContainer{padding:1rem;gap:15px}}#page .cotacaoHeader{background:var(--p-surface-0);border-radius:6px;padding:12px 16px;box-shadow:0 1px 4px rgba(0,0,0,.05);border:1px solid var(--p-surface-200)}@media(max-width: 768px){#page .cotacaoHeader{margin-bottom:8px;padding:10px 12px}}#page .cotacaoHeader .headerContent{display:flex;justify-content:space-between;align-items:center;gap:20px}@media(max-width: 768px){#page .cotacaoHeader .headerContent{flex-direction:column;gap:15px;text-align:center}}#page .cotacaoHeader .headerContent .titleSection{flex:1;position:relative}#page .cotacaoHeader .headerContent .titleSection::before{content:"";position:absolute;top:-6px;left:0;width:40px;height:2px;background:linear-gradient(90deg, var(--p-blue-400), var(--p-purple-500), var(--p-teal-500));border-radius:1px;opacity:.5}@media(max-width: 768px){#page .cotacaoHeader .headerContent .titleSection::before{left:50%;transform:translateX(-50%);width:30px}}#page .cotacaoHeader .headerContent .titleSection h1{font-family:"Open Sans",sans-serif;font-size:1.4rem;font-weight:600;margin:0 0 3px 0;color:var(--p-surface-800);letter-spacing:-0.2px;line-height:1.2}@media(max-width: 768px){#page .cotacaoHeader .headerContent .titleSection h1{font-size:1.3rem}}@media(max-width: 480px){#page .cotacaoHeader .headerContent .titleSection h1{font-size:1.2rem}}#page .cotacaoHeader .headerContent .titleSection p{font-family:"Open Sans",sans-serif;font-size:.8rem;font-weight:400;color:var(--p-surface-500);margin:0;opacity:.7;letter-spacing:.1px}@media(max-width: 768px){#page .cotacaoHeader .headerContent .titleSection p{font-size:.75rem}}#page .filtersSection{background:var(--p-surface-0);border-radius:6px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);border:1px solid var(--p-surface-200)}@media(max-width: 768px){#page .filtersSection{padding:12px}}#page .filtersSection .filtersForm{width:100%}#page .filtersSection .filtersForm .filtersGrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;align-items:end}@media(max-width: 768px){#page .filtersSection .filtersForm .filtersGrid{grid-template-columns:1fr;gap:12px}}@media(min-width: 1200px){#page .filtersSection .filtersForm .filtersGrid{grid-template-columns:repeat(5, 1fr)}}#page .filtersSection .filtersForm .filterGroup{display:flex;flex-direction:column}#page .filtersSection .filtersForm .filterActions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width: 768px){#page .filtersSection .filtersForm .filterActions{justify-content:center}}#page .filtersSection .filtersForm .filterActions .btnPrimary,#page .filtersSection .filtersForm .filterActions .btnSecondary{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}#page .filtersSection .filtersForm .filterActions .btnPrimary svg,#page .filtersSection .filtersForm .filterActions .btnSecondary svg{width:16px;height:16px}#page .filtersSection .filtersForm .filterActions .btnPrimary{background:var(--p-primary-500);color:#fff}#page .filtersSection .filtersForm .filterActions .btnPrimary:hover{background:var(--p-primary-600)}#page .filtersSection .filtersForm .filterActions .btnSecondary{background:var(--p-gray-200);color:var(--p-gray-700)}#page .filtersSection .filtersForm .filterActions .btnSecondary:hover{background:var(--p-gray-300)}#page .containertabela{background:var(--p-surface-0);border-radius:6px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);border:1px solid var(--p-surface-200);min-height:300px}@media(max-width: 768px){#page .containertabela{padding:12px;margin-bottom:20px}}.tabela{max-height:calc(100vh - 170px)}.tabela .linha{width:100%}.tabela .linha .progresso{display:grid;grid-template-columns:1fr;justify-content:center;text-align:center;cursor:pointer;align-content:center}.tabela .linha .progresso span{font-size:.85rem;font-weight:600;color:var(--p-surface-800);font-family:"Roboto Mono",monospace;margin-bottom:4px}.tabela .linha .progresso span:last-child{font-size:.7rem;margin-bottom:0}.tabela .linha .progresso div{height:3px;background:var(--p-surface-200);border-radius:2px;position:relative}.tabela .linha .progresso div::after{content:"";position:absolute;height:3px;border-radius:2px;left:0;top:0;width:var(--width, 0%);background:var(--p-green-500)}.tabela .linha .select select{background:var(--p-bluegray-500);border-color:var(--p-bluegray-500);color:#fff}.tabela .linha .select.enviado select{background:var(--p-orange-200);border-color:var(--p-orange-200);color:var(--p-orange-900)}.tabela .linha .select.semcontato select{background:var(--p-red-200);border-color:var(--p-red-200);color:var(--p-red-800)}.tabela .linha .select.pago select{background:var(--p-green-500);border-color:var(--p-green-500);color:#fff}.tabela .linha .status{padding:4px 8px}.tabela .linha .status span{font-size:.7rem;font-weight:600;background:var(--p-orange-500);font-family:"Open Sans",sans-serif;border-radius:16px;padding:4px 12px}.tabela .linha .status.concluido span{background:var(--p-green-500);color:#fff}.tabela .linha .status.atrasado span{background:var(--p-red-500);color:#fff}.tabela .linha .anotations span{display:flex;justify-content:center;align-items:center;cursor:pointer;width:28px;height:28px;background:var(--p-orange-500);color:var(--p-orange-900);font-weight:600;border:none;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset -1px -1px 1px rgba(0,0,0,.3);transition:all .5s}.tabela .linha .anotations span::after{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0.18) 40%, rgba(255, 255, 255, 0.18) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);transition:all .3s}.tabela .linha .anotations span:hover{box-shadow:inset 0 0 2px 1px rgba(0,0,0,.2);color:#fff}.tabela .linha .anotations span:hover::after{background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 100%)}.dialog-form-body .progress-section{margin-bottom:24px}.dialog-form-body .progress-section .progress-info{background:var(--p-surface-50);border-radius:8px;padding:16px;border:1px solid var(--p-surface-200)}.dialog-form-body .progress-section .progress-info .progress-numbers{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-form-body .progress-section .progress-info .progress-numbers .percentage{font-size:18px;font-weight:700;color:var(--p-primary-600);font-family:"Open Sans",sans-serif}.dialog-form-body .progress-section .progress-info .progress-numbers .fraction{font-size:14px;font-weight:600;color:var(--p-gray-600);font-family:"Open Sans",sans-serif}.dialog-form-body .progress-section .progress-info .progress-bar-container{width:100%}.dialog-form-body .progress-section .progress-info .progress-bar-container .progress-bar{width:100%;height:8px;background:var(--p-surface-200);border-radius:4px;overflow:hidden}.dialog-form-body .progress-section .progress-info .progress-bar-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg, var(--p-primary-500) 0%, var(--p-primary-600) 100%);border-radius:4px;transition:width .6s cubic-bezier(0.4, 0, 0.2, 1);animation:progressGlow 2s ease-in-out infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 5px rgba(var(--p-primary-500), 0.3)}100%{box-shadow:0 0 10px rgba(var(--p-primary-500), 0.6)}}.dialog-form-body .parcelas-section{margin-bottom:20px}.dialog-form-body .parcelas-section h4{margin:0 0 16px 0;font-size:14px;font-weight:600;color:var(--p-gray-700);font-family:"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.5px}.dialog-form-body .parcelas-section .parcelas-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}@media(max-width: 768px){.dialog-form-body .parcelas-section .parcelas-list{grid-template-columns:repeat(2, 1fr);gap:8px}}@media(max-width: 480px){.dialog-form-body .parcelas-section .parcelas-list{grid-template-columns:1fr}}.dialog-form-body .parcelas-section .parcelas-list .parcela-item{background:var(--p-surface-0);border:1px solid var(--p-surface-200);border-radius:6px;padding:12px 16px;transition:all .2s ease}.dialog-form-body .parcelas-section .parcelas-list .parcela-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=pendente]{border-left:4px solid var(--p-orange-500);background:var(--p-orange-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=pendente] .status-select{color:var(--p-orange-600);border-color:var(--p-orange-300)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=pago]{border-left:4px solid var(--p-green-500);background:var(--p-green-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=pago] .status-select{color:var(--p-green-600);border-color:var(--p-green-300)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=atrasado]{border-left:4px solid var(--p-red-500);background:var(--p-red-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=atrasado] .status-select{color:var(--p-red-600);border-color:var(--p-red-300)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=cancelado]{border-left:4px solid var(--p-gray-400);background:var(--p-gray-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item[data-status=cancelado] .status-select{color:var(--p-gray-600);border-color:var(--p-gray-300)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-header .barcode-icon{color:var(--p-gray-500);flex-shrink:0}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-header .parcela-month{font-size:13px;font-weight:600;color:var(--p-gray-700);font-family:"Open Sans",sans-serif;text-transform:uppercase;flex:1}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-header .delete-btn{width:24px;height:24px;background:var(--p-red-50);color:var(--p-red-600);border:1px solid var(--p-red-200);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-header .delete-btn:hover{background:var(--p-red-100);border-color:var(--p-red-300)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-header .delete-btn svg{width:16px;height:16px}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select{width:100%;padding:6px 12px;border:1px solid var(--p-surface-300);border-radius:4px;background:var(--p-surface-0);font-size:11px;font-weight:600;text-transform:uppercase;font-family:"Open Sans",sans-serif;cursor:pointer;transition:all .2s ease}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select:focus{outline:none;border-color:var(--p-primary-500);box-shadow:0 0 0 2px var(--p-primary-100)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select option[value=pendente]{color:var(--p-orange-600)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select option[value=pago]{color:var(--p-green-600)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select option[value=cancelado]{color:var(--p-red-600)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select[value=pendente]{color:var(--p-orange-600);border-color:var(--p-orange-300);background:var(--p-orange-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select[value=pago]{color:var(--p-green-600);border-color:var(--p-green-300);background:var(--p-green-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .status-select[value=cancelado]{color:var(--p-red-600);border-color:var(--p-red-300);background:var(--p-red-50)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .data-pagamento{display:block;margin-top:4px;font-size:10px;font-weight:500;color:var(--p-green-600);font-family:"Open Sans",sans-serif;background:var(--p-green-50);padding:2px 6px;border-radius:3px;text-align:center}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container{margin-top:8px;padding:8px;background:var(--p-surface-50);border-radius:4px;border:1px solid var(--p-surface-200)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-label{display:block;font-size:10px;font-weight:600;color:var(--p-gray-600);font-family:"Open Sans",sans-serif;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-input-wrapper{display:flex;gap:4px;align-items:center}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-input-wrapper .date-payment-input{flex:1;padding:4px 6px;border:1px solid var(--p-surface-300);border-radius:3px;font-size:11px;font-family:"Open Sans",sans-serif;background:var(--p-surface-0);height:28px}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-input-wrapper .date-payment-input:focus{outline:none;border-color:var(--p-primary-500);box-shadow:0 0 0 1px var(--p-primary-200)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-input-wrapper .date-confirm-btn{width:28px;height:28px;border-radius:3px;border:1px solid var(--p-green-300);background:var(--p-green-50);color:var(--p-green-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:0;flex-shrink:0}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-input-wrapper .date-confirm-btn:hover{background:var(--p-green-100);border-color:var(--p-green-400)}.dialog-form-body .parcelas-section .parcelas-list .parcela-item .parcela-status .date-input-container .date-input-wrapper .date-confirm-btn svg{width:14px;height:14px}.months-preview{background:var(--p-surface-100);border-radius:6px;padding:16px;border:1px solid var(--p-surface-200)}.months-preview h4{margin:0 0 12px 0;font-size:12px;font-weight:600;color:var(--p-gray-600);font-family:"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.5px}.months-preview .preview-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;text-transform:uppercase}@media(max-width: 768px){.months-preview .preview-list{grid-template-columns:repeat(2, 1fr);gap:6px}}.months-preview .preview-list .month-item{background:var(--p-primary-500);color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:600;text-align:center;font-family:"Open Sans",sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.months-preview .preview-list .month-item:hover{background:var(--p-primary-600);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.add-parcela-section{margin-top:16px;text-align:center;padding:12px;background:var(--p-surface-50);border-radius:6px;border:1px solid var(--p-surface-200)}.add-parcela-section .add-parcela-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--p-primary-500);color:#fff;border:1px solid var(--p-primary-600);border-radius:4px;font-size:12px;font-weight:600;font-family:"Open Sans",sans-serif;cursor:pointer;transition:all .2s ease}.add-parcela-section .add-parcela-link:hover{background:var(--p-primary-600);border-color:var(--p-primary-700);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.add-parcela-section .add-parcela-link svg{width:16px;height:16px;flex-shrink:0}