:root{color-scheme:dark;--bg-0: #07080b;--bg-1: #0d1014;--bg-2: #131820;--bg-3: #1a212c;--surface: #161c25;--surface-2: #1e2733;--surface-3: #28323f;--border: #232c39;--border-strong: #2f3a4a;--text: #e7ecf3;--text-muted: #9aa6b5;--text-dim: #6a7585;--primary: #ff8a00;--primary-2: #ffa733;--primary-3: #ffd07a;--gold: #ffd54a;--copper: #8c5a1f;--copper-2: #5d3a13;--silver: #c9d2dc;--success: #29c081;--warning: #f5b133;--danger: #ef4f5e;--info: #4aa8ff;--grad-primary: linear-gradient(135deg, #ff8a00 0%, #ffd54a 100%);--grad-primary-soft: linear-gradient(135deg, rgba(255,138,0,.18) 0%, rgba(255,213,74,.1) 100%);--grad-surface: linear-gradient(180deg, #1a2230 0%, #131820 100%);--grad-glow: radial-gradient(circle at 50% 0%, rgba(255,138,0,.18), transparent 60%);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-lg: 0 18px 50px rgba(0,0,0,.55);--glow-primary: 0 0 24px rgba(255,138,0,.35);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--sidebar-w: 248px;--topbar-h: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(255,138,0,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(255,213,74,.06),transparent 60%),var(--bg-0)}a{color:var(--primary-2);text-decoration:none}a:hover{color:var(--gold)}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 .75rem;color:var(--text-muted)}::-moz-selection{background:#ff8a0059;color:#fff}::selection{background:#ff8a0059;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-weight:500;font-size:.88rem;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn:hover{border-color:var(--primary);color:#fff;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--grad-primary);border:none;color:#1a0e00;font-weight:600;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--glow-primary),var(--shadow-md);color:#1a0e00}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-danger{background:#ef4f5e1f;border:1px solid rgba(239,79,94,.45);color:#ff8a96}.btn-danger:hover{background:#ef4f5e40;color:#fff}.btn-success{background:#29c0811f;border:1px solid rgba(41,192,129,.4);color:#5fdca9}.btn-success:hover{background:#29c08140;color:#fff}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-icon{padding:.45rem .55rem}.input,.select,.textarea{width:100%;padding:.6rem .85rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-sans);font-size:.9rem;transition:border-color .15s,box-shadow .15s;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover,input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff8a0026}.textarea{resize:vertical;min-height:80px}.form-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.form-row label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card{background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.card-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.9rem;font-weight:700;display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--surface-3);color:var(--text);border:1px solid var(--border-strong)}.badge.success{background:#29c08126;color:#5fdca9;border-color:#29c08166}.badge.warning{background:#f5b13326;color:#fc6;border-color:#f5b13366}.badge.danger{background:#ef4f5e26;color:#ff8a96;border-color:#ef4f5e66}.badge.info{background:#4aa8ff26;color:#7fc1ff;border-color:#4aa8ff66}.badge.primary{background:#ff8a0026;color:var(--primary-3);border-color:#ff8a0066}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px dashed var(--border)}.setting-row:last-of-type{border-bottom:none}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:999px;transition:background .2s}.slider-toggle:before{content:"";position:absolute;left:2px;top:1px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.switch input:checked+.slider-toggle{background:var(--grad-primary);border-color:var(--primary)}.switch input:checked+.slider-toggle:before{transform:translate(20px);background:#1a0e00}.mode-card{display:flex;gap:.5rem;align-items:flex-start;padding:.7rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-1);cursor:pointer;transition:all .15s}.mode-card:hover{border-color:var(--primary)}.mode-card input[type=radio]{margin-top:.15rem;flex-shrink:0;accent-color:var(--primary)}.mode-card span{display:flex;flex-direction:column;gap:.15rem}.mode-card strong{font-size:.9rem}.mode-card small{color:var(--text-muted);font-size:.75rem;line-height:1.3}.mode-card:has(input:checked){border-color:var(--primary);background:var(--grad-primary-soft);box-shadow:0 0 0 3px #ff8a001a}.badge.abc-A{background:#ef4f5e2e;color:#ff9aa4;border-color:#ef4f5e80;font-family:var(--font-mono);font-weight:700;letter-spacing:.04em}.badge.abc-B{background:#f5b1332e;color:#fc6;border-color:#f5b13380;font-family:var(--font-mono);font-weight:700;letter-spacing:.04em}.badge.abc-C{background:#4aa8ff2e;color:#7fc1ff;border-color:#4aa8ff80;font-family:var(--font-mono);font-weight:700;letter-spacing:.04em}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}.table thead th{text-align:left;padding:.75rem 1rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border);background:var(--bg-2);position:sticky;top:0}.table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr:hover td{background:#ff8a000a}.table td.actions{text-align:right;white-space:nowrap;width:1%}.table td.actions .btn+.btn{margin-left:.35rem}.table th:last-child,.table td.actions{padding-left:1rem;padding-right:1rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.toast-host{position:fixed;right:24px;top:80px;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--surface-2);border:1px solid var(--border-strong);border-left:3px solid var(--primary);padding:.8rem 1.1rem;border-radius:var(--r-md);color:var(--text);box-shadow:var(--shadow-md);font-size:.9rem;min-width:240px;animation:slideIn .25s ease}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#030508b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:96vw;height:94vh;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-lg,.modal-xl{width:96vw}.modal.modal-sm{width:auto;min-width:320px;max-width:460px;height:auto;max-height:85vh}.modal>.modal-body{flex:1 1 auto;overflow:auto;min-height:0}.modal>.modal-header,.modal>.modal-footer{flex:0 0 auto}.btn-warning{background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.btn-warning:hover{background:#f59e0b4d;color:#fff}.btn-success{background:#10b9812e;border:1px solid rgba(16,185,129,.4);color:#10b981}.btn-success:hover{background:#10b9814d;color:#fff}.modal-header{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1.25rem}.modal-footer{padding:.9rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--bg-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.empty .empty-icon{font-size:2.4rem;opacity:.5;margin-bottom:.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:-.01em}.brand img{width:38px;height:38px;border-radius:10px;filter:drop-shadow(0 4px 12px rgba(255,138,0,.35))}.brand .brand-text{display:flex;flex-direction:column;line-height:1.05}.brand .brand-text strong{font-size:1.05rem}.brand .brand-text small{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.flex-col{display:flex;flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.grow{flex:1}.text-right{text-align:right}.mono{font-family:var(--font-mono)}.hidden{display:none!important}.divider{height:1px;background:var(--border);margin:1rem 0}.alert-pulse{position:relative;animation:alertPulse 1.6s ease-in-out infinite}.alert-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 #22c55e8c;animation:alertRing 1.6s ease-out infinite}@keyframes alertPulse{0%,to{border-color:var(--success)}50%{border-color:#4ade80}}@keyframes alertRing{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion: reduce){.alert-pulse,.alert-pulse:after{animation:none}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) auto 1fr;grid-template-areas:"sidebar topbar" "sidebar aviso" "sidebar main";min-height:100vh}.app.sidebar-collapsed{--sidebar-w: 72px}.app.sidebar-collapsed .sidebar-section,.app.sidebar-collapsed .sidebar-brand .brand-text{display:none}.app.sidebar-collapsed .nav a>span:not(.icn){display:none}.app.sidebar-collapsed .nav a{justify-content:center;padding:.65rem}.app.sidebar-collapsed .nav a .badge,.app.sidebar-collapsed .user-chip .info{display:none}.app.sidebar-collapsed .user-chip{justify-content:center;padding:.4rem}.sidebar{grid-area:sidebar;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.sidebar-section{padding:1rem .75rem .25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700}.nav{display:flex;flex-direction:column;padding:.5rem;gap:2px}.nav a{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:var(--text-muted);font-weight:500;font-size:.9rem;border-radius:var(--r-md);transition:all .15s;position:relative}.nav a .icn{width:18px;display:inline-flex;justify-content:center;opacity:.8}.nav a:hover{background:var(--surface);color:var(--text)}.nav a.active{background:var(--grad-primary-soft);color:#fff;border:1px solid rgba(255,138,0,.3)}.nav a.active:before{content:"";position:absolute;left:-.5rem;top:25%;bottom:25%;width:3px;border-radius:3px;background:var(--grad-primary);box-shadow:var(--glow-primary)}.nav a .badge{margin-left:auto;background:var(--surface-3);font-size:.65rem;padding:.1rem .4rem}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:.65rem;padding:.6rem;background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border)}.user-chip .avatar{width:32px;height:32px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a0e00;font-size:.85rem}.user-chip .info{line-height:1.1;flex:1;min-width:0}.user-chip .info .name{font-size:.85rem;font-weight:600;color:var(--text)}.user-chip .info .role{font-size:.7rem;color:var(--text-muted)}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#0d1014b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar .crumb{font-size:.85rem;color:var(--text-muted)}.topbar .crumb strong{color:var(--text);font-weight:600}.topbar .top-actions{display:flex;align-items:center;gap:.65rem}.search-box{position:relative;width:280px}.search-box input{width:100%;padding:.5rem .85rem .5rem 2.1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:.85rem}.search-box input:focus{outline:none;border-color:var(--primary)}.search-box:before{content:"⌕";position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:1rem}.notif-btn{position:relative;width:36px;height:36px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.notif-btn:hover{border-color:var(--primary)}.notif-btn .dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.main{grid-area:main;padding:1.5rem 2rem 3rem;overflow-y:auto;overflow-x:hidden;min-width:0}.update-banner{grid-area:aviso;display:flex;align-items:center;gap:.75rem;margin:.75rem 2rem 0;padding:.6rem .9rem;border:1px solid var(--primary);border-radius:var(--r-md);background:linear-gradient(90deg,#ff8a0029,#ff8a000a);color:var(--text);font-size:.9rem;box-shadow:0 4px 14px #00000047}.update-banner__icon{font-size:1.15rem;line-height:1;animation:update-spin 2.4s linear infinite}@keyframes update-spin{to{transform:rotate(360deg)}}.update-banner__text{flex:1;min-width:0}.update-banner__btn{padding:.4rem .85rem;font-size:.85rem;white-space:nowrap}.update-banner__close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:.25rem .4rem;border-radius:var(--r-md)}.update-banner__close:hover{color:var(--text);background:#ffffff0f}@media (max-width: 768px){.update-banner{margin:.6rem 1rem 0;flex-wrap:wrap}.update-banner__text{flex-basis:100%}}.sidebar-overlay{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-head h1{margin:0 0 .25rem;font-size:1.5rem}.page-head p{margin:0;font-size:.9rem}.page-head .actions{display:flex;gap:.5rem;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi{padding:1.1rem 4rem 1.1rem 1.25rem;background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;width:60%;height:60%;background:radial-gradient(circle at top right,rgba(255,138,0,.12),transparent 60%);pointer-events:none}.kpi .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.kpi .value{font-family:var(--font-mono);font-size:1.85rem;font-weight:700;color:var(--text);margin:.35rem 0;letter-spacing:-.02em}.kpi .delta{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;color:var(--success);font-weight:600}.kpi .delta.down{color:var(--danger)}.kpi .icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--grad-primary-soft);border:1px solid rgba(255,138,0,.4);border-radius:var(--r-md);color:var(--primary-2);font-size:1.2rem}.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.bar-chart{display:flex;align-items:flex-end;gap:.65rem;height:220px;padding-top:1rem}.bar-chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem}.bar-chart .bar .col{width:100%;background:var(--grad-primary);border-radius:6px 6px 0 0;min-height:4px;position:relative;transition:filter .15s}.bar-chart .bar .col:hover{filter:brightness(1.1)}.bar-chart .bar .col:before{content:attr(data-val);position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.75rem;color:var(--primary-3);white-space:nowrap}.bar-chart .bar .lbl{font-size:.72rem;color:var(--text-muted)}.filterbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.search{width:100%;padding:.65rem 1rem .65rem 2.4rem;background-color:var(--bg-1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a8b0bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:.75rem center;background-size:16px 16px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:.9rem;line-height:1.3;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.search::-moz-placeholder{color:var(--text-muted);opacity:.85}.search::placeholder{color:var(--text-muted);opacity:.85}.search:hover{border-color:var(--border-strong)}.search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff8a002e;background-color:var(--surface)}.filterbar .search{flex:1;min-width:200px;width:auto}.detail-row{display:grid;grid-template-columns:160px 1fr;padding:.5rem 0;border-bottom:1px dashed var(--border);font-size:.9rem}.detail-row:last-child{border:none}.detail-row .k{color:var(--text-muted)}.detail-row .v{color:var(--text);font-weight:500}.items-table{width:100%;border-collapse:collapse;margin-top:.5rem}.items-table th,.items-table td{padding:.55rem .65rem;border-bottom:1px solid var(--border);font-size:.85rem}.items-table th{font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;text-align:left}.items-table td.num,.items-table th.num{text-align:right;font-family:var(--font-mono)}.items-table tfoot td{font-weight:700;color:var(--primary-3);border-top:2px solid var(--border-strong)}.feed{display:flex;flex-direction:column;gap:.75rem}.feed-item{display:flex;gap:.75rem;padding:.65rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-2)}.feed-item .pin{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grad-primary-soft);color:var(--primary-2);border:1px solid rgba(255,138,0,.3)}.feed-item .body{flex:1}.feed-item .body .title{font-size:.88rem;font-weight:500;color:var(--text)}.feed-item .body .meta{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.stock-meter{height:6px;background:var(--bg-1);border-radius:3px;overflow:hidden;margin-top:.3rem}.stock-meter .fill{height:100%;background:var(--success);transition:width .3s}.stock-meter.low .fill{background:var(--warning)}.stock-meter.crit .fill{background:var(--danger)}.line-picker{display:grid;grid-template-columns:2fr 90px 110px 40px;gap:.5rem;align-items:center;margin-bottom:.4rem}.line-picker.head{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.line-picker .rm{background:transparent;border:1px solid var(--border);color:var(--danger);cursor:pointer;padding:.35rem;border-radius:var(--r-sm)}.line-picker .rm:hover{background:#ef4f5e1a;border-color:var(--danger)}.timeline{position:relative;padding-left:1.25rem}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl-item{position:relative;padding:.55rem 0 .55rem .75rem}.tl-dot{position:absolute;left:-1.25rem;top:.75rem;width:14px;height:14px;border-radius:50%;background:var(--surface-3);border:2px solid var(--bg-1)}.tl-dot.ok{background:var(--success);box-shadow:0 0 8px #29c08199}.tl-dot.warn{background:var(--warning);box-shadow:0 0 8px #f5b13399}.tl-dot.err{background:var(--danger);box-shadow:0 0 8px #ef4f5e99}.tl-dot.info{background:var(--info);box-shadow:0 0 8px #4aa8ff99}.tl-title{font-size:.88rem;color:var(--text);font-weight:500}.tl-meta{font-size:.72rem;color:var(--text-muted);margin-top:.15rem;font-family:var(--font-mono)}.view-toggle{display:inline-flex;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);padding:3px;margin-left:auto}.view-toggle button{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:.35rem .8rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s}.view-toggle button:hover{color:var(--text)}.view-toggle button.active{background:var(--grad-primary);color:#1a0e00;font-weight:600;box-shadow:var(--shadow-sm)}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:start}.kanban-col{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:200px;overflow:hidden}.kanban-col-head{padding:.7rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface);position:relative}.kanban-col-head:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--col-accent, var(--border-strong))}.kanban-col-head .title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.kanban-col-head .title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--col-accent, var(--text-dim));box-shadow:0 0 8px var(--col-accent, transparent)}.kanban-col-head .count{font-family:var(--font-mono);font-size:.72rem;background:var(--bg-2);border:1px solid var(--border);padding:.1rem .55rem;border-radius:999px;color:var(--text-muted)}.kanban-col-body{flex:1;padding:.6rem;display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;max-height:65vh}.kanban-col[data-state=pendiente]{--col-accent: var(--warning)}.kanban-col[data-state=aprobada]{--col-accent: var(--success)}.kanban-col[data-state=desistida_proveedor]{--col-accent: var(--warning)}.kanban-col[data-state=rechazada],.kanban-col[data-state=cancelada]{--col-accent: var(--danger)}.kanban-col[data-state=recibida]{--col-accent: var(--info)}.kanban-col[data-state=pagada]{--col-accent: var(--success)}.kanban-col[data-state=anulada]{--col-accent: var(--danger)}.kanban-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:.7rem .85rem;cursor:pointer;transition:all .15s;position:relative}.kanban-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.kanban-card .code{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.03em}.kanban-card .prov{font-size:.9rem;font-weight:600;color:var(--text);margin:.25rem 0 .15rem;line-height:1.25}.kanban-card .meta{font-size:.72rem;color:var(--text-muted);margin-bottom:.5rem;display:flex;gap:.35rem;flex-wrap:wrap}.kanban-card .foot{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;border-top:1px dashed var(--border);padding-top:.45rem;margin-top:.25rem}.kanban-card .foot .total{font-family:var(--font-mono);color:var(--primary-3);font-weight:600;font-size:.85rem}.kanban-card .foot .when{color:var(--text-dim)}.kanban-empty{text-align:center;color:var(--text-dim);font-size:.8rem;padding:1.25rem .5rem;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--bg-2)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.82rem;font-weight:500;background:var(--bg-1);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s;white-space:nowrap}.chip:hover{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.chip.chip-active{background:var(--grad-primary-soft);color:var(--text);border-color:var(--primary);box-shadow:0 0 0 1px #ff8a0026 inset}.chip.chip-danger{color:var(--danger);border-color:#ef4f5e4d}.chip.chip-danger:hover{background:#ef4f5e1a;color:var(--danger)}tr.row-selectable{transition:background .15s,transform .1s}tr.row-selectable:hover{background:var(--surface)!important;outline:1px solid var(--primary);outline-offset:-1px}tr.row-selectable:active{transform:scale(.998)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap>table{min-width:640px}.items-table{display:table}.items-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1100px){.dash-grid{grid-template-columns:1fr}.main{padding:1.25rem 1.5rem 3rem}}@media (max-width: 900px){.page-head{flex-direction:column;align-items:stretch}.page-head .actions{justify-content:flex-end}.form-grid{grid-template-columns:1fr!important}.detail-row{grid-template-columns:130px 1fr;font-size:.85rem}.kanban{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:.5rem}.kanban-col{flex:0 0 280px;scroll-snap-align:start}}@media (max-width: 768px){:root{--topbar-h: 56px}.app{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) auto 1fr;grid-template-areas:"topbar" "aviso" "main"}.sidebar{position:fixed;top:0;left:0;z-index:60;width:270px;max-width:84vw;height:100vh;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.app.drawer-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080;opacity:0;pointer-events:none;transition:opacity .22s ease}.app.drawer-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-brand .brand-text,.sidebar-section,.nav a span:not(.icn),.user-chip .info,.app.sidebar-collapsed .sidebar-brand .brand-text,.app.sidebar-collapsed .sidebar-section,.app.sidebar-collapsed .nav a>span:not(.icn),.app.sidebar-collapsed .nav a .badge,.app.sidebar-collapsed .user-chip .info{display:revert}.nav a,.app.sidebar-collapsed .nav a{justify-content:flex-start;padding:.65rem .85rem}.app.sidebar-collapsed .user-chip{justify-content:flex-start;padding:.6rem}.search-box{display:none}.main{padding:1rem}.topbar{padding:0 1rem}.topbar .crumb{font-size:.8rem}.top-actions{gap:.4rem;min-width:0}.page-head h1{font-size:1.2rem}.page-head p{font-size:.8rem}.page-head .actions{width:100%}.page-head .actions .btn{font-size:.8rem;padding:.45rem .7rem;flex:1 1 auto;justify-content:center;margin-left:0!important}.kpi-grid{grid-template-columns:1fr 1fr;gap:.65rem}.kpi{padding:.85rem .95rem}.kpi .value{font-size:1.45rem}.kpi .icon{width:28px;height:28px;font-size:.95rem}.filterbar .search{min-width:100%}.view-toggle{width:100%;margin-left:0}.view-toggle button{flex:1;justify-content:center}.detail-row{grid-template-columns:1fr;gap:.15rem;padding:.55rem 0}.detail-row .k{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.line-picker{grid-template-columns:1fr;gap:.35rem}.line-picker.head{display:none}.timeline{padding-left:1rem}table.table,table.items-table{font-size:.78rem}table.table th,table.table td,table.items-table th,table.items-table td{padding:.4rem .5rem}.modal-footer{flex-wrap:wrap;gap:.4rem}.modal-footer .btn{flex:1 1 auto;min-width:0}.modal-body{padding:1rem}}@media (max-width: 480px){:root{--sidebar-w: 56px}.kpi-grid{grid-template-columns:1fr}.page-head .actions{flex-wrap:wrap}.page-head .actions .btn{flex:1;min-width:0}.kanban-col{flex:0 0 86vw}}.view-switch{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;margin:1rem auto 0;width:-moz-max-content;width:max-content;max-width:100%}.view-switch-tab{background:transparent;border:none;color:var(--text-muted);padding:.5rem 1.1rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.view-switch-tab:hover{color:var(--text)}.view-switch-tab.active{background:var(--grad-primary);color:#1a0e00;box-shadow:var(--glow-primary)}.view-switch{display:flex;justify-content:center}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg-0)}.login-aside{position:relative;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(800px 600px at 20% 20%,rgba(255,138,0,.18),transparent 60%),radial-gradient(600px 400px at 80% 80%,rgba(255,213,74,.1),transparent 60%),var(--bg-1);border-right:1px solid var(--border);overflow:hidden}.login-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,138,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,138,0,.04) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 70%);mask-image:radial-gradient(circle at center,black,transparent 70%)}.login-aside-content{position:relative}.login-aside .quote{font-size:1.4rem;font-weight:500;line-height:1.4;max-width:460px;margin-top:3rem}.login-aside .quote span.grad{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.login-aside .footnote{position:relative;font-size:.8rem;color:var(--text-dim);display:flex;justify-content:space-between}.login-side-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:2rem}.login-side-stats .stat{padding:1rem;background:#0d101499;border:1px solid var(--border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-side-stats .stat .num{font-family:var(--font-mono);font-size:1.4rem;color:var(--primary-2);font-weight:700}.login-side-stats .stat .lbl{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:2rem}.login-form{width:100%;max-width:380px}.login-form h1{font-size:1.6rem;margin-bottom:.35rem}.login-form .sub{color:var(--text-muted);margin-bottom:2rem}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}.role-picker .role{padding:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;cursor:pointer;transition:all .15s}.role-picker .role:hover{border-color:var(--primary)}.role-picker .role.active{border-color:var(--primary);background:var(--grad-primary-soft);box-shadow:0 0 0 3px #ff8a001f}.role-picker .role .icn{font-size:1.4rem}.role-picker .role .name{font-size:.82rem;font-weight:600;margin-top:.25rem}.role-picker .role .desc{font-size:.72rem;color:var(--text-muted)}.login-help{margin-top:1.5rem;text-align:center;font-size:.82rem;color:var(--text-muted)}.login-help code{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-1);padding:.15rem .4rem;border-radius:4px;border:1px solid var(--border);color:var(--primary-3)}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.back-link:hover{color:var(--primary-2)}@media (max-width: 880px){.login-page{grid-template-columns:1fr}.login-aside{display:none}}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#07080bb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.landing-nav nav{display:flex;gap:1.5rem}.landing-nav nav a{color:var(--text-muted);font-weight:500;font-size:.9rem;transition:color .15s}.landing-nav nav a:hover{color:var(--gold)}.hero{position:relative;padding:6rem 2rem 5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;max-width:1280px;margin:0 auto}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 400px at 70% 30%,rgba(255,138,0,.18),transparent 70%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;background:#ff8a001a;border:1px solid rgba(255,138,0,.3);border-radius:999px;font-size:.78rem;color:var(--primary-3);font-weight:600;letter-spacing:.04em;margin-bottom:1.25rem}.hero h1{font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.05;letter-spacing:-.025em;margin-bottom:1.25rem}.hero h1 .grad{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:1.1rem;color:var(--text-muted);max-width:540px;margin-bottom:2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-visual{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;background:radial-gradient(circle,rgba(255,138,0,.35),transparent 60%);filter:blur(40px)}.hero-visual img{position:relative;width:80%;max-width:360px;filter:drop-shadow(0 30px 60px rgba(255,138,0,.35));animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section{padding:4rem 2rem;max-width:1280px;margin:0 auto}.section-head{text-align:center;margin-bottom:3rem}.section-head .eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary-2);font-weight:700;margin-bottom:.65rem}.section-head h2{font-size:clamp(2rem,4.2vw,3.4rem);letter-spacing:-.02em;margin-bottom:1rem;line-height:1.1}.section-head p{max-width:760px;margin:0 auto;font-size:1.02rem;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.feature{padding:1.5rem;background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform .2s,border-color .2s;text-align:center}.feature:hover{transform:translateY(-4px);border-color:var(--primary)}.feature .icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--grad-primary-soft);border:1px solid rgba(255,138,0,.4);border-radius:var(--r-md);margin:0 auto 1rem;color:var(--primary-2);font-size:1.4rem;font-weight:700}.feature h3{font-size:1.1rem;margin-bottom:.5rem}.feature p{font-size:.9rem;margin:0;line-height:1.5}.feature-grid.cols-2{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}.feature-grid.centered-last>*:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc((100% - 2rem) / 3);margin:0 auto}.feature-grid.cols-2.centered-last>*:last-child:nth-child(odd){width:calc((100% - 1rem)/2);max-width:calc((100% - 1rem)/2);justify-self:center;margin:0}@media (max-width: 720px){.feature-grid.cols-2{grid-template-columns:1fr}.feature-grid.centered-last>*:last-child:nth-child(odd){max-width:100%}}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.phase{padding:1.75rem;background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden}.phase:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);opacity:.3}.phase.active:before{opacity:1;box-shadow:var(--glow-primary)}.phase .phase-num{font-family:var(--font-mono);font-size:.8rem;color:var(--primary-2);letter-spacing:.1em;font-weight:700}.phase h3{margin-top:.25rem;margin-bottom:1rem}.phase ul{list-style:none;padding:0;margin:0}.phase ul li{padding:.4rem 0 .4rem 1.25rem;font-size:.88rem;color:var(--text-muted);position:relative}.phase ul li:before{content:"";position:absolute;left:0;top:.9rem;width:6px;height:6px;border-radius:50%;background:var(--copper)}.phase.active ul li:before{background:var(--primary);box-shadow:0 0 8px var(--primary)}.cta{margin:3rem auto 5rem;max-width:1100px;padding:3rem;background:var(--grad-primary-soft);border:1px solid rgba(255,138,0,.3);border-radius:var(--r-xl);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,138,0,.25),transparent 70%)}.cta>*{position:relative}.cta h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.5rem}.cta p{margin-bottom:1.5rem;font-size:1.05rem}.landing-footer{margin-top:auto;padding:2rem;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--text-dim)}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:2rem;padding:4rem 1.25rem}.hero-visual{max-width:280px;margin:0 auto}.roadmap{grid-template-columns:1fr}.landing-nav{padding:1rem}.landing-nav nav{display:none}}.dev-credit{padding:3rem 2rem 4rem;max-width:820px;margin:0 auto}.dev-credit-card{display:flex;align-items:center;gap:2rem;padding:2rem;background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-xl);position:relative;overflow:hidden}.dev-credit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);opacity:.6}.dev-credit-photo{position:relative;flex-shrink:0}.dev-credit-photo img,.dev-credit-fallback{width:120px;height:120px;border-radius:50%;border:3px solid var(--primary);box-shadow:0 0 0 6px #ff8a0014,var(--glow-primary);display:block;-o-object-fit:cover;object-fit:cover}.dev-credit-fallback{display:none;align-items:center;justify-content:center;background:var(--grad-primary);color:#1a0e00;font-weight:800;font-size:1.6rem;letter-spacing:.1em;font-family:var(--font-mono)}.dev-credit-text{flex:1}.dev-credit-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-2);font-weight:700;margin-bottom:.35rem}.dev-credit-name{font-size:1.4rem;margin:0 0 .6rem;letter-spacing:-.01em}.dev-credit-bio{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.55}@media (max-width: 640px){.dev-credit{padding:2rem 1.25rem 3rem}.dev-credit-card{flex-direction:column;text-align:center;padding:1.75rem 1.25rem}.dev-credit-photo img,.dev-credit-fallback{width:96px;height:96px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.p-8{padding:2rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html,body,#root{height:100%}