: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}:root[data-theme=dark]{--accent: #9b8cff;--accent-dark: #c4baff;--accent-soft: #272143;--accent-wash: #211d35;--text: #f4f6fb;--text-muted: #a9b1c3;--border: #2f3545;--border-strong: #444b5e;--bg: #10131b;--bg-subtle: #171b26;--shadow-xs: 0 4px 10px rgba(0, 0, 0, .25);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .32);--shadow-md: 0 18px 40px rgba(0, 0, 0, .38);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;color-scheme:dark}*{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}input,select,textarea{background:var(--bg);color:var(--text);border-color:var(--border)}#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}[data-theme=dark] .sidebar,[data-theme=dark] .content-area,[data-theme=dark] .panel,[data-theme=dark] .modal,[data-theme=dark] .invoice-card,[data-theme=dark] .detail-card,[data-theme=dark] .expanded-order-card,[data-theme=dark] .metric-card,[data-theme=dark] .kpi-card{background:var(--bg-subtle)}.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:var(--accent-soft);color:var(--text-muted);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;display:grid;gap:.5rem}.theme-toggle{width:100%;min-height:42px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-subtle);color:var(--text);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:border-color .12s ease,background .12s ease,color .12s ease,transform .12s ease}.theme-toggle:hover{border-color:#6b5bd499;background:var(--accent-wash);color:var(--accent-dark);transform:translateY(-1px)}.theme-toggle-icon{width:1rem;text-align:center}.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:var(--bg);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}.pill.danger-action{border-color:#ef444459;color:var(--danger)}.pill.danger-action:hover{background:#ef44441a;border-color:#ef44448c;color:var(--danger)}.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}}