:root{font-family:Poppins,Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e5e7eb;background-color:#0b1224;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(96,165,250,.18),transparent 22%),radial-gradient(circle at 90% 10%,rgba(14,165,233,.16),transparent 20%),linear-gradient(135deg,#0b1224,#0f172a)}a{color:inherit}:root{--accent: #6b5bd4;--accent-dark: #5346c5;--accent-soft: #f0ecff;--accent-wash: #f7f5ff;--text: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--border-strong: #d1d5db;--bg: #ffffff;--bg-subtle: #f7f7fb;--shadow-xs: 0 4px 10px rgba(15, 23, 42, .05);--shadow-sm: 0 10px 24px rgba(15, 23, 42, .08);--shadow-md: 0 18px 40px rgba(15, 23, 42, .12);--success: #16a34a;--warning: #f59e0b;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif}button,input,textarea{font-family:inherit}#root{min-height:100vh;display:flex;flex-direction:column;padding:2.5rem;box-sizing:border-box;background:var(--bg)}.page{width:100%}.page-centered{display:flex;justify-content:center;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--accent-dark);margin:0 0 .25rem;font-weight:600}h1,h2,h3,h4{margin:0;color:var(--text);font-family:Sora,Plus Jakarta Sans,sans-serif}.copy{margin:0;color:var(--text-muted);line-height:1.6}.feedback{margin:0;padding:.95rem 1rem;border-radius:12px;line-height:1.5;font-size:.95rem}.feedback.success{background:#16a34a1f;border:1px solid rgba(22,163,74,.25);color:#166534}.feedback.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#b91c1c}.shell{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;width:100%;min-height:calc(100vh - 5rem)}.sidebar{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:1rem;display:grid;gap:.85rem;box-shadow:var(--shadow-xs);width:220px;transition:width .18s ease,padding .18s ease;position:sticky;top:1.5rem;height:fit-content}.sidebar-header{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.logo-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,var(--accent-dark) 70%);box-shadow:0 0 10px #6b5bd459}.nav{display:grid;gap:.35rem}.nav-section{margin-top:.5rem;display:grid;gap:.35rem}.nav-section-title{margin:.4rem 0 .2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.nav-link{padding:.65rem .75rem;border-radius:12px;color:var(--text-muted);text-decoration:none;border:1px solid transparent;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;transition:background .12s ease,color .12s ease,border-color .12s ease,padding .12s ease}.nav-link-wip{opacity:.7}.nav-link.disabled{cursor:not-allowed;opacity:.55;background:transparent;pointer-events:none}.nav-link:hover{background:var(--accent-wash);color:var(--text)}.nav-link.active{background:#6b5bd41f;color:var(--accent-dark);border-color:#6b5bd433;padding-left:.9rem;font-weight:600}.nav-icon{display:inline-block;width:1.2rem}.nav-text{white-space:nowrap}.nav-badge{margin-left:auto;background:#f3f4f6;color:#6b7280;font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:999px}.ghost{padding:.7rem .85rem;border-radius:12px;border:1px solid var(--border-strong);background:transparent;color:var(--text);cursor:pointer;font-weight:600;letter-spacing:.01em;transition:border-color .12s ease,color .12s ease,transform .12s ease,background .12s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.ghost:hover{border-color:#6b5bd499;color:var(--accent-dark);background:var(--accent-wash);transform:translateY(-1px)}.ghost.full{width:100%}.nav-footer{margin-top:auto}.content-area{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1.75rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.content-area:before{content:"";position:absolute;width:260px;height:260px;top:-120px;right:-80px;background:radial-gradient(circle,#6b5bd429,#6b5bd400 70%);pointer-events:none}.content{display:grid;gap:1.5rem;position:relative;z-index:1}.content-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.82rem;border:1px solid transparent}.badge-pending{background:#f59e0b1f;border-color:#f59e0b40;color:#b45309}.badge-completed{background:#16a34a1f;border-color:#16a34a40;color:#166534}.badge-nota-venta{background:#3b82f61f;border-color:#3b82f640;color:#1d4ed8}.badge-failed{background:#ef44441f;border-color:#ef444440;color:#b91c1c}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #6b5bd466}.panel{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:grid;gap:.85rem;box-shadow:var(--shadow-xs)}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.table-placeholder{border:1px dashed var(--border-strong);border-radius:12px;padding:1.25rem;background:var(--bg-subtle)}.table-container{width:100%;overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0 .7rem;font-size:.95rem}.table th,.table td{padding:.85rem 1rem;text-align:left;color:var(--text)}.table th{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.5rem}.table tbody tr{background:var(--bg);box-shadow:var(--shadow-xs);transition:transform .12s ease,box-shadow .12s ease}.table tbody td{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.table tbody td:first-child{border-left:1px solid var(--border);border-top-left-radius:12px;border-bottom-left-radius:12px}.table tbody td:last-child{border-right:1px solid var(--border);border-top-right-radius:12px;border-bottom-right-radius:12px}.table tbody tr:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.center{text-align:center}.subheading{margin:1rem 0 .5rem;color:var(--text-muted)}.code-block{margin:0;background:#0f172a;border:1px solid rgba(15,23,42,.2);border-radius:12px;padding:1rem;color:#f8fafc;font-size:.85rem;line-height:1.5;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.pill-group{display:inline-flex;gap:.4rem}.pill{border:1px solid var(--border-strong);background:#fff;color:var(--text);padding:.45rem .85rem;border-radius:999px;cursor:pointer;font-weight:600;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.pill:hover{border-color:#6b5bd466;color:var(--accent-dark)}.pill.active{background:var(--accent-soft);border-color:#6b5bd466;color:var(--accent-dark)}.pill.primary-action{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;box-shadow:0 10px 24px #6b5bd459;padding:.55rem 1.1rem}.pill.primary-action:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6b5bd466;color:#fff}.pagination{margin-top:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-info{color:var(--text-muted);font-size:.95rem}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;overflow-y:auto;z-index:1000}.modal{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1.5rem;max-width:980px;width:100%;color:var(--text);box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.modal-grid.single-column{grid-template-columns:1fr}.modal-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;padding:.85rem;display:grid;gap:.35rem}.muted{color:var(--text-muted);margin:0}.small{font-size:.85rem}@media(max-width:720px){#root{padding:1.5rem}.shell{grid-template-columns:1fr}.content-area{padding:1.25rem}}.layout{width:100%;max-width:1024px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-md);border-radius:28px;overflow:hidden}.side{padding:2.5rem;background:radial-gradient(circle at 15% 20%,rgba(107,91,212,.15),transparent 45%),radial-gradient(circle at 80% 10%,rgba(107,91,212,.08),transparent 35%),var(--bg);display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--border)}.card{padding:2.5rem;background:var(--bg);display:flex;flex-direction:column;gap:1.5rem}.card-header{display:flex;gap:.75rem;align-items:center}.status-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,var(--accent-dark) 70%);box-shadow:0 0 12px #6b5bd459}.highlights{margin:1rem 0 0;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--text-muted)}.form{display:grid;gap:1rem}.field{display:grid;gap:.35rem;color:var(--text);font-weight:600}.field input{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input:focus{border-color:#6b5bd499;box-shadow:0 0 0 4px #6b5bd41f;background:var(--bg)}.submit{padding:.9rem 1rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 10px 25px #6b5bd44d}.submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6b5bd466}.submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:720px){.side,.card{padding:1.75rem}}.home-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between}.kpi-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:1.25rem;box-shadow:var(--shadow-xs);display:grid;gap:.4rem;min-height:140px}.kpi-highlight{border-color:#5d3fd333;background:linear-gradient(135deg,#fff,#f4f1ff)}.kpi-alert{border-color:#ef444440}.kpi-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.kpi-value{margin:0;font-size:1.6rem;font-weight:700;color:var(--text)}.kpi-value-highlight{font-size:2.1rem;color:#5d3fd3}.kpi-meta{margin:0;color:var(--text-muted);font-size:.9rem}.dashboard-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}.chart-card{min-height:320px}.chart-wrapper{display:grid;gap:.75rem}.chart-container{width:100%;height:220px}.chart-card .recharts-cartesian-axis-tick text{fill:var(--text-muted);font-size:.75rem}.chart-tooltip{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.5rem .75rem;box-shadow:var(--shadow-sm);display:grid;gap:.25rem}.chart-tooltip-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.chart-tooltip-value{font-size:.95rem;font-weight:700;color:var(--accent-dark)}.activity-card{min-height:320px}.activity-list{display:grid;gap:.9rem;margin-top:.5rem}.activity-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:flex-start}.activity-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280}.activity-success .activity-icon{background:#16a34a1f;color:#16a34a}.activity-warning .activity-icon{background:#f59e0b26;color:#d97706}.activity-info .activity-icon{background:#3b82f61f;color:#2563eb}.activity-meta{display:flex;justify-content:space-between;gap:.5rem;margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.activity-message{margin:.35rem 0 0;color:var(--text);font-weight:600;font-size:.95rem}.channels-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.channel-card{border:1px solid var(--border);border-radius:18px;padding:1.25rem;background:var(--bg);box-shadow:var(--shadow-xs);display:grid;gap:.85rem}.channel-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.channel-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}.channel-dot{width:10px;height:10px;border-radius:50%;background:#9ca3af}.channel-status.connected .channel-dot{background:#22c55e;box-shadow:0 0 #22c55e80;animation:pulse 1.8s ease-out infinite}.channel-status.pending .channel-dot{background:#fbbf24}.channel-status-text{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.channel-body{display:grid;gap:.85rem}.channel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.channel-progress{display:grid;gap:.4rem}.progress-bar{width:100%;height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.progress-bar.inactive{background:#f3f4f6}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,#5d3fd3,#7c5ce7)}@media(max-width:720px){.dashboard-row,.channel-metrics{grid-template-columns:1fr}}.list-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.expand-cell-head,.expand-cell{width:46px;text-align:center;padding-left:.5rem;padding-right:.5rem}.select-cell-head,.select-cell{width:42px;text-align:center;padding-left:.5rem;padding-right:.5rem}.select-cell input,.select-cell-head input{width:16px;height:16px;cursor:pointer}.expand-toggle{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-strong);background:#fff;color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:border-color .12s ease,color .12s ease,background .12s ease}.expand-toggle:hover{border-color:#6b5bd473;color:var(--accent-dark);background:var(--accent-wash)}.table-row-open{box-shadow:var(--shadow-sm)}.table-row-expanded{box-shadow:none}.table-row-expanded td{border:1px solid var(--border);border-radius:12px;padding:0}.table-row-expanded:hover{transform:none;box-shadow:none}.expanded-order-card{padding:1.15rem;display:grid;gap:1rem;background:linear-gradient(180deg,#fafbff,#f6f7fb);border:1px solid #e4e8f3;border-radius:14px}.expanded-layout-grid{display:grid;grid-template-columns:minmax(180px,.95fr) minmax(340px,1.55fr) minmax(220px,1fr);grid-template-areas:"document receptor emission" "document receptor observation";gap:.85rem;align-items:stretch}.expanded-section{border:1px solid var(--border);background:#fff;border-radius:12px;padding:.85rem .95rem;display:grid;gap:.6rem;box-shadow:0 2px 8px #0f172a0a}.expanded-section-document{grid-area:document}.expanded-section-receptor{grid-area:receptor}.expanded-section-emission{grid-area:emission}.expanded-section-observation{grid-area:observation}.expanded-section-title{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#374151;font-weight:700}.expanded-section-value{margin:0;font-size:.98rem;font-weight:700;color:var(--text);line-height:1.35}.expanded-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.expanded-field{display:grid;gap:.2rem;padding:.52rem .58rem;border:1px solid #e9edf7;border-radius:10px;background:#f9fafc}.expanded-field-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.expanded-field-value{font-size:.9rem;color:var(--text);font-weight:600;word-break:break-word}.expanded-input-group{display:grid;gap:.45rem;padding:.62rem;border:1px dashed #d6ddec;border-radius:10px;background:#fcfcff}.expanded-group-title{margin:0;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:700}.expanded-input-grid{display:grid;gap:.5rem}.expanded-input-grid-address{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.expanded-input{display:grid;gap:.24rem}.expanded-input span{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600}.expanded-input input{border:1px solid var(--border);border-radius:8px;padding:.5rem .58rem;font-size:.88rem;color:var(--text);background:#fff;outline:none;width:100%}.expanded-input input:focus{border-color:#6b5bd480;box-shadow:0 0 0 3px #6b5bd41f}.expanded-save-row{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.expanded-save-feedback{margin:0;font-size:.84rem;font-weight:600;text-align:right}.expanded-save-feedback.is-success{color:#166534}.expanded-save-feedback.is-error{color:#b91c1c}.expanded-products{display:grid;gap:.6rem;border:1px solid var(--border);background:#fff;border-radius:12px;padding:.8rem .9rem .95rem}.expanded-products-table-wrap{width:100%;overflow-x:auto;border:1px solid #e9edf7;border-radius:10px}.expanded-products-table{width:100%;min-width:460px;border-collapse:collapse;background:#fff}.expanded-products-table th,.expanded-products-table td{padding:.62rem .75rem;border-bottom:1px solid #edf1f8;font-size:.9rem}.expanded-products-table th{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--text-muted);font-weight:700;text-align:left}.expanded-products-table tbody tr:last-child td{border-bottom:none}.expanded-products-table .is-number{text-align:right;font-variant-numeric:tabular-nums}.table-link{color:var(--accent-dark);text-decoration:none;font-weight:600;border:1px solid rgba(107,91,212,.25);background:transparent;padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.table-link:hover{background:var(--accent-wash);border-color:#6b5bd473}.table-link:disabled{opacity:.45;cursor:not-allowed}.modal-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.success-text{margin:0;font-weight:700;color:var(--success)}.confirm-actions{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.modal-card h4{margin:0}.metrics{display:grid;gap:1rem}.metrics-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.metric-card{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:1.1rem 1.25rem;box-shadow:var(--shadow-xs);display:grid;gap:.6rem}.metric-card.is-clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric-card.is-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--accent)}.metric-card.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.metric-header{display:flex;align-items:center;gap:.6rem}.metric-icon{width:40px;height:40px;border-radius:14px;background:var(--accent-wash);display:inline-flex;align-items:center;justify-content:center;color:var(--accent-dark)}.metric-label{margin:0;font-size:.95rem;color:var(--text-muted);font-weight:600}.metric-value{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em}.metric-meta{margin:0;color:var(--text-muted);font-size:.9rem}.invoice-sheet{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-sm);display:grid;gap:1.25rem}.invoice-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.invoice-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--text-muted);margin:0 0 .4rem}.invoice-title{font-size:1.6rem;margin:0}.invoice-subtitle{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem}.invoice-meta{display:grid;gap:.5rem;min-width:180px}.invoice-section{display:grid;gap:.75rem}.invoice-section h4{font-size:1rem;color:var(--text)}.invoice-card{background:#f9fafb;border:1px solid #eef2f7;border-radius:16px;padding:1rem;container-type:inline-size}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.ghost-input{background:#fff;border:1px solid transparent;border-radius:12px;padding:.65rem .75rem;display:grid;gap:.25rem;cursor:text;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.ghost-input:hover{border-color:var(--border-strong);box-shadow:0 0 0 2px #6b5bd414}.ghost-input:focus-within{border-color:#6b5bd499;box-shadow:0 0 0 3px #6b5bd426}.ghost-input input,.ghost-input select{border:none;background:transparent;font-size:1.02rem;color:var(--text);font-weight:600;outline:none;width:100%;padding:0}.ghost-input select{cursor:pointer}.ghost-input.is-error{border-color:#ef444466;background:#fef2f299}.ghost-input.is-error:focus-within{border-color:#ef444499;box-shadow:0 0 0 3px #ef44442e}.ghost-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:600}.ghost-value{font-size:1.02rem;color:var(--text);font-weight:600}.invoice-field{display:grid;gap:.25rem}.invoice-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.invoice-value{font-size:.95rem;color:var(--text);font-weight:600}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{text-align:left;padding:.6rem .35rem;border-bottom:1px solid #eef2f7;font-size:.9rem}.invoice-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.totals-section{align-items:flex-end}.totals-section h4{text-align:right}.invoice-totals{display:grid;gap:.4rem;justify-self:end;min-width:220px;padding-top:.75rem}.invoice-total-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;color:var(--text)}.invoice-total-row.total{font-size:1.25rem;font-weight:700;color:#fff;background:var(--accent);border-radius:12px;padding:.6rem .85rem}@container (max-width: 360px){.invoice-card .invoice-grid{grid-template-columns:1fr}}.technical-details{margin-top:1.25rem;border:1px solid var(--border);border-radius:16px;padding:.75rem 1rem 1rem;background:var(--bg-subtle)}.technical-details summary{cursor:pointer;font-weight:600;color:var(--text)}.technical-panels{margin-top:.75rem;display:grid;gap:.85rem}@media(max-width:720px){.invoice-header{flex-direction:column}.invoice-totals{justify-self:start}.list-toolbar{width:100%;justify-content:flex-start}.expanded-layout-grid{grid-template-columns:1fr;grid-template-areas:"document" "receptor" "emission" "observation"}.expanded-readonly-grid,.expanded-input-grid-address{grid-template-columns:1fr}.expanded-save-row{justify-content:flex-end}.expanded-products-table{min-width:100%}}.detail-grid{margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.detail-grid.single-column{grid-template-columns:1fr}.detail-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;padding:.85rem;display:grid;gap:.25rem}.detail-card h4{margin:0 0 .35rem;color:var(--text)}.detail-row{display:flex;justify-content:space-between;gap:.35rem;font-size:.95rem;line-height:1.2}.detail-label{color:var(--text-muted);font-weight:600}.detail-value{color:var(--text);text-align:right;word-break:break-word}.detail-total .detail-value{font-size:1.05rem;font-weight:700;color:var(--accent-dark)}