@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0A0B0A;--bg-surface:#121413;--bg-card:#161917;--bg-hover:#1D211F;--bg-inset:#0E100F;--border:#232A26;--border-light:#333D37;--border-subtle:#191E1B;--green:#36543B;--green-bright:#4F7A57;--gold:#B89A6A;--gold-bright:#C7A46A;--gold-dim:#8C744E;--gold-bg:rgba(184,154,106,0.08);--text-primary:#F0EDE6;--text-secondary:#C4BEB2;--text-muted:#9A9488;--text-faint:#6D6860;--success:#5C9E71;--success-bg:rgba(92,158,113,0.12);--success-border:rgba(92,158,113,0.3);--warning:#D99C38;--warning-bg:rgba(217,156,56,0.12);--warning-border:rgba(217,156,56,0.3);--danger:#C95A50;--danger-bg:rgba(201,90,80,0.12);--danger-border:rgba(201,90,80,0.3);--critical:#B33B32;--critical-bg:rgba(179,59,50,0.15);--critical-border:rgba(179,59,50,0.5);--info:#689BC2;--info-bg:rgba(104,155,194,0.12);--info-border:rgba(104,155,194,0.3);--sidebar-w:260px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}body,html{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-w);padding:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(54,84,59,.05) 0,transparent 80%),radial-gradient(ellipse 50% 50% at 90% 100%,rgba(184,154,106,.03) 0,transparent 70%),var(--bg-deep)}.page-wrapper{padding:40px 48px 60px;max-width:1600px;margin:0 auto}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;box-shadow:2px 0 12px rgba(0,0,0,.2)}.sidebar-brand{padding:32px 28px 24px;background:linear-gradient(to bottom,var(--bg-inset),var(--bg-surface));position:relative}.sidebar-brand:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,rgba(184,154,106,.4),transparent)}.sidebar-brand-logo-img{margin-bottom:12px;display:flex;align-items:center}.sidebar-brand-sub{font-family:Space Grotesk,sans-serif;font-size:11px;color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.sidebar-nav{flex:1 1;padding:24px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-nav-section{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.sidebar-nav a{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;position:relative;overflow:hidden}.sidebar-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,.03)}.sidebar-nav a.active{color:var(--gold);background:linear-gradient(90deg,var(--gold-bg) 0,transparent 100%);border-left:2px solid var(--gold);border-radius:0 var(--radius-md) var(--radius-md) 0}.sidebar-nav a.active .sidebar-nav-icon{color:var(--gold);transform:scale(1.1)}.sidebar-nav-icon{font-size:18px;width:22px;display:flex;align-items:center;justify-content:center;transition:transform .2s;opacity:.9}.sidebar-footer{padding:20px 28px;border-top:1px solid var(--border);background:var(--bg-deep);justify-content:space-between}.sidebar-footer,.user-profile{display:flex;align-items:center}.user-profile{gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gold-bg);border:1px solid rgba(184,154,106,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:700;font-size:12px}.user-info{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:600;color:var(--text-secondary)}.user-role{font-size:11px;color:var(--text-faint)}.page-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between}.page-eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.page-eyebrow,.page-title{font-family:Space Grotesk,sans-serif}.page-title{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.page-subtitle{font-size:14px;color:var(--text-muted);margin-top:10px;max-width:600px;line-height:1.5}.page-header-meta{font-family:Space Grotesk,sans-serif;font-size:13px;color:var(--text-secondary);background:var(--bg-card);padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border);display:flex;align-items:center;gap:8px}.stats-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}.stats-grid-3,.stats-grid-4{display:grid;gap:20px;margin-bottom:40px}.stats-grid-4{grid-template-columns:repeat(4,1fr);grid-gap:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.stat-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--border-light);transition:width .2s,background .2s}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.stat-card:hover:after{width:4px}.stat-card.default:after{background:var(--gold-dim)}.stat-card.success:after{background:var(--success)}.stat-card.warning:after{background:var(--warning)}.stat-card.danger:after{background:var(--danger)}.stat-card.success{border-color:var(--success-border);background:linear-gradient(to bottom right,var(--success-bg),var(--bg-card))}.stat-card.warning{border-color:var(--warning-border);background:linear-gradient(to bottom right,var(--warning-bg),var(--bg-card))}.stat-card.danger{border-color:var(--danger-border);background:linear-gradient(to bottom right,var(--danger-bg),var(--bg-card))}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.stat-card-icon{font-size:20px;opacity:.9;display:flex;align-items:center;justify-content:center}.stat-body{display:flex;flex-direction:column;gap:4px}.stat-value{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.stat-card.success .stat-value{color:#84C79C}.stat-card.warning .stat-value{color:#E8AF4A}.stat-card.danger .stat-value{color:#E57A70}.stat-hint{font-size:12px;color:var(--text-faint);font-weight:500}.section-title-wrapper{margin-bottom:20px;display:flex;align-items:center;gap:16px}.section-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.section-title-icon{color:var(--gold)}.section-title-line{flex:1 1;height:1px;background:linear-gradient(90deg,var(--border) 0,transparent 100%)}.section-title-action{font-size:12px;color:var(--gold);text-decoration:none;font-weight:500}.table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}table{width:100%;border-collapse:collapse}thead th{background:var(--bg-inset);padding:14px 20px;text-align:left;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-light);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:all .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}tbody td{padding:16px 20px;font-size:14px;vertical-align:middle}.td-strong,tbody td{color:var(--text-primary)}.td-strong{font-weight:600}.td-muted{color:var(--text-secondary);font-size:13px}.td-faint{color:var(--text-faint);font-size:13px}.td-mono{font-size:13px;color:var(--text-muted);letter-spacing:.04em}.td-gold,.td-mono{font-family:Space Grotesk,sans-serif}.td-gold{color:var(--gold);font-weight:700;font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-nuevo{background:var(--info-bg);color:#8ECAEE;border:1px solid var(--info-border)}.badge-preparando{background:var(--success-bg);color:#84C79C;border:1px solid var(--success-border)}.badge-problema{background:var(--danger-bg);color:#E57A70;border:1px solid var(--danger-border)}.badge-listo-dhl{background:rgba(212,5,17,.15);color:#FFCC00;border:1px solid rgba(212,5,17,.4)}.badge-listo-ups{background:rgba(53,28,21,.4);color:#FFB500;border:1px solid rgba(255,181,0,.3)}.badge-listo-correos{background:rgba(0,43,127,.2);color:#FFC400;border:1px solid rgba(0,43,127,.4)}.badge-listo-otros{background:var(--bg-hover);color:var(--gold-bright);border:1px solid var(--gold-dim)}.badge-enviado{background:var(--bg-inset);color:var(--text-muted);border:1px solid var(--border-light)}.badge-en-stock{background:var(--success-bg);color:#84C79C;border:1px solid var(--success-border)}.badge-bajo{background:var(--warning-bg);color:#E8AF4A;border:1px solid var(--warning-border)}.badge-critico{background:var(--critical-bg);color:#E57A70;border:1px solid var(--critical-border)}.badge-outlet{background:var(--bg-hover);color:var(--gold-dim);border:1px solid var(--border-light);font-size:10px;padding:2px 6px}.category-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);border:1px solid var(--border-light);text-transform:uppercase}.category-pill,.tabs{display:inline-flex;background:var(--bg-inset)}.tabs{gap:4px;margin-bottom:28px;border:1px solid var(--border);border-radius:var(--radius-md);padding:6px}.tab{padding:10px 24px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;color:var(--text-muted);border:1px solid transparent;background:transparent;transition:all .2s;letter-spacing:.02em}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--gold);border-color:var(--border-light);box-shadow:0 2px 8px rgba(0,0,0,.2)}.kanban-board{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:16px;gap:16px;overflow-x:auto;padding-bottom:12px}.kanban-col{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:210px;display:flex;flex-direction:column}.kanban-col-header{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.kanban-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-col-title{letter-spacing:.08em;text-transform:uppercase;flex:1 1}.kanban-col-count,.kanban-col-title{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.kanban-col-count{background:var(--bg-inset);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:6px;padding:2px 8px}.kanban-cards{padding:12px;display:flex;flex-direction:column;gap:12px;flex:1 1}.kanban-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;cursor:default;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.kanban-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}.kanban-card.problem-card{border-color:var(--danger-border);background:linear-gradient(to bottom,var(--danger-bg),var(--bg-card))}.kanban-card-id{font-family:Space Grotesk,sans-serif;font-size:11px;color:var(--text-muted);margin-bottom:6px;letter-spacing:.04em}.kanban-card-customer{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.kanban-card-items{font-size:12px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-subtle)}.kanban-card-total{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--gold)}.kanban-card-note{font-size:11px;color:#E57A70;margin-top:8px;padding:6px 8px;background:rgba(201,90,80,.08);border-radius:4px;font-style:italic;display:flex;align-items:flex-start;gap:6px}.col-nuevo .kanban-col-dot{background:#8ECAEE}.col-nuevo .kanban-col-title{color:#8ECAEE}.col-preparando .kanban-col-dot{background:#84C79C}.col-preparando .kanban-col-title{color:#84C79C}.col-problema .kanban-col-dot{background:#E57A70}.col-problema .kanban-col-title{color:#E57A70}.col-dhl .kanban-col-dot{background:#FFCC00}.col-dhl .kanban-col-title{color:#FFCC00}.col-ups .kanban-col-dot{background:#FFB500}.col-ups .kanban-col-title{color:#FFB500}.col-correos .kanban-col-dot{background:#7EB0D4}.col-correos .kanban-col-title{color:#7EB0D4}.col-otros .kanban-col-dot{background:var(--gold)}.col-otros .kanban-col-title{color:var(--gold)}.col-enviado .kanban-col-dot{background:var(--text-faint)}.col-enviado .kanban-col-title{color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.dashboard-grid-full{grid-column:1/-1}.stock-low{color:#E57A70;font-weight:700}.stock-low,.stock-ok{font-family:Space Grotesk,sans-serif}.stock-ok{color:#84C79C;font-weight:600}.stock-warn{color:#E8AF4A;font-weight:700;font-family:Space Grotesk,sans-serif}.search-input{background:var(--bg-inset);border:1px solid var(--border);color:var(--text-primary);padding:10px 16px;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:14px;width:100%;max-width:350px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--gold-dim)}.search-input::placeholder{color:var(--text-faint)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5);display:flex;flex-direction:column}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.modal-close{background:none;border:none;color:var(--text-faint);font-size:24px;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:14px;color:var(--text-primary)}.detail-value.mono{font-family:Space Grotesk,sans-serif;color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}