*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--espresso: #1A0A00;--cafe-dark: #2C1A0E;--cafe: #5C3317;--cafe-mid: #8B5A2B;--dorado: #C8960C;--dorado-light:#E8B84B;--cream: #FDF6EC;--cream-dark: #F0E0C8;--white: #FDFAF7;--green: #2E7D32;--red: #C62828;--yellow: #F59E0B;--blue: #1565C0;--purple: #6A1B9A;--teal: #00695C;--gray: #6B5B4E;--gray-light:#F5EDE4;--border: #D4B896;--shadow: 0 2px 12px rgba(26,10,0,.1);--shadow-lg: 0 8px 32px rgba(26,10,0,.15);--radius: 10px;--radius-lg: 16px}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--cream);color:var(--espresso);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:var(--radius);padding:8px 18px;font-size:14px;font-weight:600;transition:all .15s;letter-spacing:.2px}button:hover{opacity:.88;transform:translateY(-1px)}button:active{transform:scale(.97) translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--cafe);color:#fff}.btn-gold{background:var(--dorado);color:var(--espresso)}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-warning{background:var(--yellow);color:var(--espresso)}.btn-info{background:var(--blue);color:#fff}.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--cafe)}.btn-whatsapp{background:#25d366;color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid rgba(212,184,150,.3)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-creado{background:#e3f2fd;color:#1565c0}.badge-en_cola{background:#fff3e0;color:#bf360c}.badge-tomado{background:#e8f5e9;color:#2e7d32}.badge-en_preparacion{background:#f3e5f5;color:#6a1b9a}.badge-finalizado{background:#e0f2f1;color:#00695c}.badge-cliente_informado{background:#e8eaf6;color:#283593}.badge-entregado{background:#eee;color:#424242}.badge-cancelado{background:#ffebee;color:#b71c1c}.badge-libre{background:#e8f5e9;color:#2e7d32}.badge-ocupada{background:#fff3e0;color:#bf360c}.badge-en_espera_entrega{background:#e0f2f1;color:#00695c}input,select,textarea{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;outline:none;background:var(--white);transition:border-color .2s,box-shadow .2s;color:var(--espresso)}input:focus,select:focus,textarea:focus{border-color:var(--dorado);box-shadow:0 0 0 3px #c8960c1f}label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:16px}.error-msg{color:var(--red);font-size:13px;margin-top:6px}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--espresso);display:flex;flex-direction:column;border-right:1px solid rgba(200,150,12,.2)}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid rgba(200,150,12,.2)}.sidebar-brand .brand-logo{font-size:28px;margin-bottom:6px;display:block}.sidebar-brand .brand-name{font-size:13px;font-weight:800;color:var(--dorado);line-height:1.2;letter-spacing:.5px}.sidebar-brand .brand-sub{font-size:10px;color:#c8960c99;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.sidebar nav{flex:1;padding:10px 0;overflow-y:auto}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 20px;color:#fdf6eca6;font-size:13.5px;font-weight:500;transition:all .15s;border-left:3px solid transparent}.sidebar nav a:hover{color:var(--cream);background:#c8960c14}.sidebar nav a.active{color:var(--dorado-light);background:#c8960c1f;border-left-color:var(--dorado)}.sidebar nav .nav-icon{font-size:16px;width:22px;text-align:center}.sidebar-footer{padding:14px 20px;border-top:1px solid rgba(200,150,12,.15)}.sidebar-user{font-size:12px;color:#fdf6ec80;margin-bottom:8px}.sidebar-user strong{display:block;font-size:13px;color:var(--cream)}.sidebar-footer .btn-ghost{color:#fdf6ec99;border-color:#c8960c4d;font-size:12px;padding:6px 12px}.main-content{flex:1;overflow-y:auto;padding:28px 32px;background:var(--cream)}.page-title{font-size:22px;font-weight:800;color:var(--espresso);margin-bottom:24px;display:flex;align-items:center;gap:10px}.page-title:after{content:"";display:block;flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{background:var(--cream-dark);padding:11px 14px;text-align:left;font-size:11px;font-weight:800;color:var(--cafe-mid);text-transform:uppercase;letter-spacing:.7px}td{padding:11px 14px;border-bottom:1px solid var(--cream-dark);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fcebd8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.grid-3,.grid-2{grid-template-columns:1fr}.sidebar{width:200px}.main-content{padding:16px}}.stat-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;border-top:3px solid var(--dorado);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;right:-10px;top:-10px;width:70px;height:70px;background:#c8960c0f;border-radius:50%}.stat-card .stat-icon{font-size:28px;margin-bottom:10px}.stat-card .stat-number{font-size:38px;font-weight:900;color:var(--cafe);line-height:1}.stat-card .stat-label{font-size:12px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0a008c;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--white);border-radius:var(--radius-lg);padding:30px;width:100%;max-width:500px;box-shadow:var(--shadow-lg);border-top:3px solid var(--dorado)}.modal-title{font-size:18px;font-weight:800;margin-bottom:20px;color:var(--espresso)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.pedido-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;border-left:4px solid var(--border);margin-bottom:10px;transition:box-shadow .15s}.pedido-card:hover{box-shadow:var(--shadow-lg)}.pedido-card.en_cola{border-left-color:#bf360c}.pedido-card.tomado{border-left-color:#2e7d32}.pedido-card.en_preparacion{border-left-color:#6a1b9a}.pedido-card.finalizado{border-left-color:#00695c}.pedido-card.cliente_informado{border-left-color:#283593}.pedido-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pedido-card-id{font-weight:800;font-size:15px;color:var(--espresso)}.pedido-card-time{font-size:12px;color:var(--gray);font-weight:600}.pedido-card-cliente{font-size:14px;font-weight:700;margin-bottom:4px}.pedido-card-detalle{font-size:13px;color:var(--gray);margin-bottom:8px}.pedido-card-actions{display:flex;gap:8px;flex-wrap:wrap}.maquina-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px 20px;text-align:center;border:1px solid var(--cream-dark);transition:box-shadow .15s}.maquina-card:hover{box-shadow:var(--shadow-lg)}.maquina-icon{font-size:44px;margin-bottom:10px}.maquina-nombre{font-weight:800;font-size:15px;margin-bottom:4px;color:var(--espresso)}.maquina-operario{font-size:12px;color:var(--gray);margin-bottom:12px;min-height:16px}.login-container{min-height:100vh;background:linear-gradient(135deg,var(--espresso) 0%,var(--cafe-dark) 50%,var(--cafe) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C8960C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.login-card{background:var(--white);border-radius:var(--radius-lg);padding:44px 40px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000059;border-top:4px solid var(--dorado);position:relative}.login-logo{text-align:center;font-size:52px;margin-bottom:10px}.login-brand{text-align:center;font-size:15px;font-weight:900;color:var(--espresso);letter-spacing:.5px;margin-bottom:2px}.login-brand-sub{text-align:center;font-size:11px;color:var(--dorado);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:28px}.login-card .btn-primary{width:100%;padding:13px;font-size:15px;margin-top:8px;background:var(--cafe-dark)}.login-card .btn-primary:hover{background:var(--espresso)}.chart-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border:1px solid rgba(212,184,150,.3)}.chart-title{font-size:14px;font-weight:800;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:16px;font-weight:800;color:var(--cafe-dark)}