@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";
.portal-root{--ice-navy:#0d1b2a;--ice-navy-light:#162032;--ice-cyan:#00d4e8;--ice-cyan-dim:#00b8cc;--ice-white:#f0f8ff;--ice-muted:#6b8caa;--ice-border:#00d4e826;--ice-card:#162032cc;--font-display:"Outfit",sans-serif;--font-mono:"DM Mono",monospace}.portal-shell{font-family:var(--font-display);background:var(--ice-navy);color:var(--ice-white);min-height:100vh}.stat-card{background:var(--ice-card);border:1px solid var(--ice-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:#00d4e866;box-shadow:0 0 24px #00d4e814}.mono{font-family:var(--font-mono)}.btn-ice{background:var(--ice-cyan);color:var(--ice-navy);letter-spacing:-.01em;font-weight:600;transition:background .15s,transform .1s}.btn-ice:hover{background:var(--ice-cyan-dim);transform:translateY(-1px)}.btn-ice:active{transform:translateY(0)}.badge-pendiente{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.badge-confirmado{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d}.badge-preparacion{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa4d}.badge-encamino{color:#fb923c;background:#fb923c26;border:1px solid #fb923c4d}.badge-entregado{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.badge-cancelado{color:#f87171;background:#f8717126;border:1px solid #f871714d}.input-dark{border:1px solid var(--ice-border);color:var(--ice-white);background:#ffffff0d;transition:border-color .2s,box-shadow .2s}.input-dark:focus{border-color:var(--ice-cyan);outline:none;box-shadow:0 0 0 3px #00d4e81a}.input-dark::placeholder{color:var(--ice-muted)}.qty-btn{border:1px solid var(--ice-border);width:2rem;height:2rem;color:var(--ice-white);cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex}.qty-btn:hover{background:#00d4e826}.portal-nav-link{transition:color .2s;position:relative}.portal-nav-link:after{content:"";background:var(--ice-cyan);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.portal-nav-link.active:after,.portal-nav-link:hover:after{width:100%}