#cardborde{border-top:5px solid #e8eaf6!important}.table-container{margin-top:12px;overflow-x:auto}.empty-state{text-align:center;padding:64px 32px}.empty-title{font-size:18px;font-weight:600;color:#374151;margin:16px 0 8px 0}.empty-subtitle{color:#6b7280;margin:0}.stripe-table{width:100%;border-collapse:collapse;table-layout:fixed}.stripe-table th{padding:12px 16px;text-align:left;font-weight:600;background:#fafafa;border-bottom:1px solid #e0e0e0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stripe-table th:hover{background-color:#f5f5f5}.stripe-table th.text-right{text-align:right}.table-row{border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .15s ease}.table-row:hover{background-color:#f9f9f9}.stripe-table td{padding:12px 16px;vertical-align:middle;overflow:hidden}.cell-content{display:flex;flex-direction:column;gap:2px;min-width:0;word-wrap:break-word}.primary-text{font-size:14px;font-weight:500;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secondary-text{font-size:12px;color:#666;line-height:1.2}.amount-text{font-weight:600;color:#059669}.actions-cell{width:40px;text-align:center}.detail-drawer{border-left:1px solid #e5e7eb!important;box-shadow:-4px 0 12px rgba(0,0,0,.15)!important}.drawer-content-split{height:100%;display:flex;flex-direction:column;background:#fafbfc}.drawer-header-split{background:#fff;padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.drawer-body-split{flex:1;display:flex;min-height:0}.form-section{flex:1;padding:24px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.form-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e6e6f0}.form-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-title-section h3{font-size:24px;font-weight:600;color:#0a2540;margin:0;letter-spacing:-.5px}.concept-badge{margin-left:auto}.concept-summary-minimal{display:flex;align-items:center;justify-content:space-between;padding:24px 0;background:transparent}.concept-info{flex:1}.concept-amount-hero{font-size:48px;font-weight:300;color:#0a2540;margin-bottom:8px;letter-spacing:-2px;line-height:1}.concept-details-minimal{margin-top:4px}.concept-name-hero{font-size:16px;font-weight:500;color:#425466;margin-bottom:4px;line-height:1.4}.concept-meta{font-size:14px;color:#8898aa;font-weight:400}.concept-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f6f9fc;border-radius:50%;margin-left:24px}.form-content-stripe{flex:1;display:flex;flex-direction:column}.stripe-form{flex:1;margin-bottom:32px}.form-group{margin-bottom:24px}.stripe-label{display:block;font-size:13px;font-weight:500;color:#8898aa;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stripe-input{border:1px solid #e6e6f0!important;border-radius:8px!important;background:#fff!important;transition:all .2s ease!important}.stripe-input:hover{border-color:#c7d2fe!important}.stripe-input.v-input--is-focused{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}.stripe-input .v-input__control .v-input__slot{padding:16px!important;min-height:56px!important;background:transparent!important}.stripe-input .v-input__control .v-input__slot input{font-size:16px!important;color:#0a2540!important;font-weight:400!important}.stripe-input .v-input__control .v-input__slot .v-select__slot input{font-size:16px!important}.file-selected{display:flex;align-items:center;font-size:14px;color:#425466;padding:4px 0}.stripe-actions{border-top:1px solid #e6e6f0;padding-top:24px}.stripe-button-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:500!important;text-transform:none!important;letter-spacing:.5px!important;height:48px!important;box-shadow:0 4px 14px rgba(99,102,241,.3)!important;transition:all .2s ease!important}.stripe-button-primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(99,102,241,.4)!important}.stripe-button-primary:disabled{background:#e6e6f0!important;color:#8898aa!important;box-shadow:none!important;transform:none!important}.stripe-button-secondary{color:#8898aa!important;font-size:14px!important;font-weight:500!important;text-transform:none!important;height:40px!important}.stripe-button-secondary:hover{color:#425466!important;background:rgba(66,84,102,.04)!important}.info-section{flex:1;background:#f8fafc;padding:16px;display:flex;flex-direction:column;min-height:0}.tabs-card{background:transparent!important;height:100%;display:flex;flex-direction:column}.tabs-custom{background:#fff!important;border-radius:12px 12px 0 0!important;border-bottom:1px solid #e5e7eb!important;flex-shrink:0;min-height:48px;max-height:48px}.tab-item{font-size:12px!important;font-weight:500!important;text-transform:none!important;padding:8px 12px!important}.tabs-content{flex:1;background:#fff;border-radius:0 0 12px 12px;overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:0}.tabs-content .v-window{flex:1;height:100%;min-height:0}.tabs-content .v-tabs{flex-shrink:0}.tabs-content .v-window__container{height:100%;display:flex;flex-direction:column}.tabs-content .v-window-item{height:100%;overflow-y:auto}.tab-content,.tabs-content .v-window-item{flex:1;display:flex;flex-direction:column;min-height:0}.tab-content{padding:16px 20px}.tab-content.clean-layout{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.project-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.project-number-header{font-size:15px;font-weight:600;color:#46505a}.project-button{height:28px!important;font-size:12px!important;text-transform:none!important;border-color:#3b82f6!important;color:#3b82f6!important}.project-button:hover{background-color:#3b82f6!important;color:#fff!important}.separator-line{height:1px;background-color:#e2e8f0;margin:8px 0 12px 0}.project-info-row{display:flex;justify-content:flex-start;align-items:flex-start;padding:6px 0;gap:16px}.field-label{font-size:14px;font-weight:400;color:#46505a;flex:0 0 auto;width:140px}.field-description{font-size:14px;color:#6b7280;font-weight:400;text-align:left;flex:1;line-height:1.4;word-break:break-word}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6;flex-shrink:0}.tab-header h4{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.info-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:0;flex:1;align-content:start}.info-card{background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.info-card-header{background:#fff;padding:16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.info-card-header span{font-size:14px;font-weight:600;color:#1a1a1a}.info-card-body{padding:16px}.status-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.status-item{text-align:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.status-number{display:block;font-size:24px;font-weight:700;color:#3f51b5;margin-bottom:4px}.status-label{font-size:12px;color:#64748b;font-weight:500}.concepts-table{background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.concepts-header{background:#fff;border-bottom:1px solid #e5e7eb}.concept-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.concepts-body{max-height:250px;overflow-y:auto;flex-shrink:0}.concept-row-tab{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px;border-bottom:1px solid #f1f3f4;transition:background-color .15s ease}.concept-row-tab:last-child{border-bottom:none}.concept-row-tab:hover{background-color:#f8fafc}.concept-row-tab.is-current{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border-left:4px solid #3f51b5;margin-left:-1px}.concept-cell{display:flex;flex-direction:column;justify-content:center}.concept-name{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:2px}.concept-subtitle{font-size:12px;color:#64748b}.concept-value{font-size:14px;font-weight:600;color:#059669}.concept-date{font-size:13px;color:#64748b}.payment-details{margin-top:16px}.amount-highlight{font-size:16px!important;font-weight:700!important;color:#059669!important}.no-payment{text-align:center;padding:32px 24px;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px}.no-payment-icon{margin-bottom:16px}.no-payment-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px 0}.no-payment-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.concept-mini-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4;transition:all .15s ease}.concept-mini-item:last-child{border-bottom:none;padding-bottom:0}.concept-mini-item.is-current{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);padding:12px 16px;margin:0 -16px;border-radius:8px;border-left:3px solid #3f51b5}.concept-mini-name{font-size:13px;font-weight:500;color:#1e293b;flex:1;margin-right:12px}.concept-mini-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.concept-mini-value{font-size:12px;font-weight:600;color:#059669}.factura-existente{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.no-factura{text-align:center;padding:32px 16px;color:#6b7280}.no-factura p{margin:8px 0 0 0;font-size:14px}.project-number{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.2}.project-subtitle{font-size:16px;color:#6b7280;margin:4px 0 0 0}.close-btn{margin-top:-8px;margin-right:-8px}.drawer-body{flex:1;padding:24px;overflow-y:auto}.detail-section{margin-bottom:28px}.section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px 0;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.main-concept-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e5e7eb;position:relative;overflow:hidden}.main-concept-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3f51b5,#1976d2)}.concept-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.concept-name{font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.3;flex:1;margin-right:12px}.status-chip{margin-top:2px}.concept-amount{font-size:28px;font-weight:700;color:#059669;margin-bottom:20px;letter-spacing:-.5px}.concept-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item{background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.meta-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.meta-value{font-size:14px;font-weight:600;color:#1e293b}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-label{color:#6b7280}.detail-label,.detail-value{font-size:14px;font-weight:500}.detail-value{color:#1a1a1a}.status-realized{color:#059669!important}.info-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f3f4;transition:background-color .15s ease}.info-row:last-child{border-bottom:none}.info-row:hover{background-color:#f8fafc}.info-label{font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;min-width:100px}.info-value{font-size:14px;color:#1e293b;font-weight:500;text-align:right;flex:1;margin-left:16px}.concepts-mini-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb}.concept-row{border-bottom:1px solid #f1f3f4;transition:all .15s ease;position:relative}.concept-row:last-child{border-bottom:none}.concept-row:hover{background-color:#f8fafc}.concept-row.is-current{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border-left:4px solid #3f51b5}.concept-row.is-current:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#3f51b5;border-radius:50%}.concept-row-content{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.concept-row-name{font-size:14px;font-weight:500;color:#1e293b;flex:1;margin-right:16px;line-height:1.4}.concept-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:120px}.concept-row-value{font-size:14px;font-weight:600;color:#059669;white-space:nowrap}.concept-row-status{margin:0!important}.drawer-footer{background:#fff;padding:24px;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px rgba(0,0,0,.05)}.action-button{border-radius:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:.5px!important;box-shadow:0 4px 12px rgba(63,81,181,.3)!important;transition:all .3s ease!important}.action-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(63,81,181,.4)!important}.mobile-cards{padding:8px 16px}.mobile-card{background:#fff;border-radius:12px;margin-bottom:12px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mobile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px 16px;gap:12px}.mobile-card-title{flex:1}.mobile-project{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.mobile-concept{font-size:14px;color:#64748b;line-height:1.3}.mobile-status{margin:0!important;height:24px!important;font-size:11px!important}.mobile-card-body{padding:0 16px 12px 16px;border-bottom:1px solid #f1f5f9}.mobile-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.mobile-label{color:#64748b}.mobile-label,.mobile-value{font-size:12px;font-weight:500}.mobile-value{color:#1e293b;text-align:right;max-width:60%;word-break:break-word}.mobile-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.mobile-amount{font-size:16px;font-weight:600;color:#059669}.mobile-drawer{z-index:9999!important}.mobile-stack{flex-direction:column!important}.mobile-form{border-right:none!important;border-bottom:1px solid #e5e7eb!important;min-height:auto!important;max-height:50vh!important;overflow-y:auto!important}.mobile-info{padding:12px!important;min-height:50vh!important}@media (max-width:768px){.v-card-title{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:16px!important}.v-card-title .v-text-field{margin:0!important;width:100%!important}.form-title-section{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.form-title-section h3{font-size:20px!important}.concept-summary-minimal{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:16px 0!important}.concept-amount-hero{font-size:32px!important}.concept-icon{align-self:flex-end!important;margin-left:0!important;width:48px!important;height:48px!important}.stripe-input .v-input__control .v-input__slot{padding:12px!important;min-height:48px!important}.stripe-button-primary{height:44px!important;font-size:14px!important}.tabs-custom .v-tab{font-size:10px!important;padding:6px 8px!important;min-width:auto!important}.tabs-custom .v-tab .v-icon{font-size:14px!important;margin-right:4px!important}.tab-content.clean-layout{padding:12px 16px!important;gap:6px!important}.project-header-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.project-button{align-self:flex-end!important}.project-info-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:8px 0!important}.field-label{width:auto!important;font-size:12px!important;font-weight:600!important;color:#64748b!important}.field-description{font-size:13px!important;margin-left:0!important}.info-card{margin-bottom:12px!important}.info-card-body,.info-card-header{padding:12px!important}.info-row{padding:8px 12px!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.info-label{font-size:11px!important;min-width:auto!important}.info-value{text-align:left!important;margin-left:0!important;font-size:13px!important}.concepts-body{max-height:200px!important}.concept-header-row{font-size:11px!important}.concept-header-row,.concept-row-tab{grid-template-columns:2fr 1fr 1fr!important;gap:8px!important;padding:12px!important}.concept-name{font-size:12px!important}.concept-subtitle{font-size:10px!important}.concept-value{font-size:12px!important}.status-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.status-card{padding:8px!important}.status-number{font-size:14px!important}.status-label{font-size:10px!important}}.concepts-complete-list{display:flex;flex-direction:column;gap:8px}.concept-redesigned-item{border-radius:8px;border:1px solid #e0e0e0;transition:all .2s ease;cursor:pointer;overflow:hidden;margin-bottom:8px}.concept-redesigned-item:hover{border-color:#bdbdbd;box-shadow:0 1px 3px rgba(0,0,0,.12)}.concept-redesigned-item.is-current{border-color:#1976d2;border-width:2px;box-shadow:0 0 0 0 rgba(25,118,210,.3)}.concept-white-section{background:#fff;padding:12px 16px}.concept-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.concept-row:last-child{margin-bottom:0}.concept-left{display:flex;flex-direction:column;flex:1}.concept-right{display:flex;align-items:center;flex:0 0 auto;margin-left:16px}.concept-task-name{font-size:14px;font-weight:500;color:#212121;line-height:1.3}.concept-value-amount{font-size:13px;font-weight:600;color:#2e7d32}.concept-responsible{font-size:12px;font-weight:500;color:#424242;text-align:right}.concept-status-chip-new{font-size:10px!important;height:20px!important;border-radius:10px!important}.concept-divider{height:1px;background-color:#e0e0e0;margin:0}.concept-gray-section{background:#f5f5f5;padding:10px 16px}.concept-dates-row{display:flex;justify-content:space-between;align-items:center}.concept-date-item{display:flex;flex-direction:column;align-items:center;gap:2px}.date-label{font-size:10px;font-weight:500;color:#757575;text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:12px;font-weight:500;color:#424242}.concept-status-check{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.concept-simple-info{flex:1;display:flex;flex-direction:column;gap:4px}.concept-simple-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.concept-simple-date{font-size:12px;color:#64748b;font-weight:500}.concepts-empty{text-align:center;padding:32px 16px;color:#6b7280}.concepts-empty-title{font-size:16px;font-weight:600;color:#374151;margin:12px 0 6px 0}.concepts-empty-subtitle{font-size:14px;color:#6b7280;margin:0}.payment-clean-details{display:flex;flex-direction:column;gap:8px}.payment-status-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px}.payment-status-text{font-size:14px;color:#15803d;font-weight:500}.no-payment-clean{text-align:center;padding:24px 16px}.no-payment-clean-title{font-size:16px;font-weight:600;color:#374151;margin:12px 0 6px 0}.no-payment-clean-subtitle{font-size:14px;color:#6b7280;margin:0 0 24px 0;line-height:1.4}.concept-pending-info{text-align:left;margin-top:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.download-btn{text-transform:none!important;font-size:12px!important;height:32px!important}@media (max-width:768px){.concept-redesigned-item{margin-bottom:6px}.concept-white-section{padding:10px 12px}.concept-row{flex-direction:column;align-items:flex-start;margin-bottom:6px;gap:4px}.concept-right{margin-left:0;align-self:flex-end}.concept-task-name{font-size:13px}.concept-value-amount{font-size:12px}.concept-responsible{font-size:11px;text-align:left}.concept-gray-section{padding:8px 12px}.concept-dates-row{gap:16px}.date-label{font-size:9px}.date-value{font-size:11px}.payment-status-indicator{flex-direction:column;text-align:center;gap:6px}}