@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--papel:#faf8f3;--superficie:#fff;--tinta:#1f2a24;--tinta-suave:#5c6b62;--sello-rojo:#b23a2e;--verde-fresco:#4c7a5e;--verde-fresco-suave:#e7efe9;--ambar:#c08a2e;--ambar-suave:#f5ebd9;--linea:#d8d2c4;--linea-suave:#eae6da;--fuente-display:"IBM Plex Mono", monospace;--fuente-texto:"Inter", sans-serif;--radio:3px;--sombra-ticket:0 1px 2px #1f2a240f, 0 2px 8px #1f2a240a}*{box-sizing:border-box}html,body{background:var(--papel);color:var(--tinta);font-family:var(--fuente-texto);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--fuente-display);letter-spacing:-.01em;margin:0;font-weight:600}button,input,select,textarea{font-family:inherit}a{color:inherit}.num{font-family:var(--fuente-display);font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--tinta);width:220px;color:var(--papel);flex-direction:column;flex-shrink:0;gap:4px;padding:24px 16px;display:flex}.sidebar-logo{font-family:var(--fuente-display);letter-spacing:.02em;color:var(--papel);border-bottom:1px dashed #faf8f340;margin-bottom:16px;padding:0 12px 20px;font-size:15px;font-weight:700}.sidebar-logo span{font-family:var(--fuente-texto);color:#faf8f380;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px;font-weight:400;display:block}.nav-item{border-radius:var(--radio);color:#faf8f3bf;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--papel);background:#faf8f314}.nav-item.active{color:var(--papel);background:#faf8f31f}.main-content{flex:1;max-width:1200px;padding:32px 40px}.page-header{margin-bottom:28px}.page-header h1{font-size:22px}.page-header p{color:var(--tinta-suave);margin-top:4px;font-size:14px}.ticket{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra-ticket);position:relative}.ticket:before{content:"";background-image:repeating-linear-gradient(90deg, var(--linea) 0, var(--linea) 6px, transparent 6px, transparent 12px);height:3px;position:absolute;top:0;left:0;right:0}.sello{font-family:var(--fuente-display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1.5px solid;border-radius:2px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;transform:rotate(-1.5deg)}.sello-pendiente{color:var(--ambar);background:var(--ambar-suave)}.sello-recibido{color:var(--verde-fresco);background:var(--verde-fresco-suave)}.sello-cancelado{color:var(--sello-rojo);background:#f6e7e5}.tabla-wrap{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra-ticket);overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);background:var(--linea-suave);border-bottom:1px solid var(--linea);padding:12px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--linea-suave);padding:13px 16px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#4c7a5e0a}.btn{font-family:var(--fuente-texto);border-radius:var(--radio);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:opacity .15s,transform 50ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primario{background:var(--tinta);color:var(--papel)}.btn-primario:hover{opacity:.88}.btn-secundario{background:var(--superficie);color:var(--tinta);border-color:var(--linea)}.btn-secundario:hover{background:var(--linea-suave)}.btn-peligro{color:var(--sello-rojo);background:#f6e7e5;border-color:#e5c4bf}.btn-peligro:hover{background:#f0d8d4}.btn-verde{background:var(--verde-fresco);color:var(--papel)}.btn-verde:hover{opacity:.88}.btn:disabled{opacity:.4;cursor:not-allowed}.campo{margin-bottom:16px}.campo label{color:var(--tinta);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.campo input,.campo select,.campo textarea{border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie);width:100%;color:var(--tinta);padding:9px 12px;font-size:14px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--verde-fresco);outline-offset:1px;border-color:var(--verde-fresco)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra-ticket);padding:18px}.stat-card .label{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);font-size:11px;font-weight:600}.stat-card .valor{font-family:var(--fuente-display);margin-top:6px;font-size:26px;font-weight:700}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.empty-state{text-align:center;color:var(--tinta-suave);padding:48px 24px}.empty-state h3{font-family:var(--fuente-texto);color:var(--tinta);margin-bottom:6px;font-size:16px}.modal-overlay{z-index:50;background:#1f2a2473;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--superficie);border-radius:var(--radio);width:100%;max-width:520px;max-height:88vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #1f2a2433}.modal h2{margin-bottom:18px;font-size:18px}.item-row{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:8px;margin-bottom:10px;display:grid}.texto-suave{color:var(--tinta-suave);font-size:13px}.error-msg{color:var(--sello-rojo);border-radius:var(--radio);background:#f6e7e5;margin-bottom:16px;padding:10px 14px;font-size:13px}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:76px}.sidebar-logo,.nav-item span{display:none}.main-content{padding:20px}}