:root{--primary: #e63946;--secondary: #457b9d;--accent: #a8dadc;--bg-dark: #1d3557;--bg-main: #f1faee;--sidebar-w: 260px;--glass: rgba(255, 255, 255, .9)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-main);color:#1d3557;overflow-x:hidden}#root{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background-color:var(--bg-dark);color:#fff;padding:2rem 1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar h2{font-weight:800;font-size:1.5rem;margin-bottom:2.5rem;background:linear-gradient(45deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s;margin-bottom:.5rem;font-weight:500;color:#ffffffb3}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.nav-item.active{background:var(--primary);box-shadow:0 4px 15px #e6394666}.main-content{flex-grow:1;margin-left:var(--sidebar-w);padding:2rem 3rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header h1{font-size:1.8rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:white;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.03)}.stat-card h4{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.stat-card .value{font-size:1.5rem;font-weight:700}.glass-pane{background:white;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000000d}.order-row{display:grid;grid-template-columns:80px 1.5fr 1fr 1fr 120px 150px;padding:1.2rem 0;border-bottom:1px solid #f8f9fa;align-items:center}.order-row:last-child{border:none}.status-tag{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-nuevo{background:#e0f2fe;color:#0369a1}.status-preparando{background:#fef3c7;color:#b45309}.status-listo{background:#dcfce7;color:#15803d}.btn-action{padding:6px 12px;border:none;border-radius:8px;background:var(--bg-dark);color:#fff;cursor:pointer;font-size:.85rem;margin-right:5px}.btn-primary{background:var(--primary)}@media (max-width: 1024px){:root{--sidebar-w: 220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:1.5rem}}@media (max-width: 768px){:root{--sidebar-w: 0px}.sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px;box-shadow:10px 0 30px #0003}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.order-row,.menu-row{grid-template-columns:1fr;gap:.5rem;padding:1.5rem;position:relative;border:1px solid #eee;border-radius:16px;margin-bottom:1rem}.order-row>div,.menu-row>div{display:flex;justify-content:space-between;align-items:center}.order-row>div:before,.menu-row>div:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:#888;text-transform:uppercase}}.btn-outline{background:white;border:1.5px solid #ddd;color:var(--bg-dark)!important;font-weight:600}.btn-outline:hover{border-color:var(--primary);color:var(--primary)!important}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}