:root{font-family:Outfit,system-ui,sans-serif;--bg-dark: #0b0f14;--bg-surface: #131a24;--bg-card: #1a2332;--bg-card-hover: #1f2a3b;--accent: #c9a227;--accent-hover: #d4af37;--accent-dim: rgba(201, 162, 39, .12);--text: #e8e6e3;--text-secondary: #b0b8c4;--text-muted: #6b7280;--border: #1f2d3d;--border-light: #2a3a4e;--success: #22c55e;--success-dim: rgba(34, 197, 94, .15);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .15);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .15);--info: #3b82f6;--info-dim: rgba(59, 130, 246, .15);--radius: .75rem;--radius-sm: .5rem}*{box-sizing:border-box;margin:0}body{min-height:100vh;background:var(--bg-dark);color:var(--text)}#app{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border);padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:10}.sidebar-brand{padding:0 1.25rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.sidebar-brand h1{font-size:1.15rem;font-weight:700;color:var(--accent);line-height:1.3}.sidebar-brand span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.9rem;font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:left;width:100%}.nav-item:hover{background:var(--accent-dim);color:var(--text)}.nav-item.active{background:var(--accent);color:var(--bg-dark);font-weight:600}.nav-item .icon{font-size:1.1rem;width:1.5rem;text-align:center}.sidebar-footer{padding:1rem .75rem 0;border-top:1px solid var(--border);margin-top:auto}.main-content{flex:1;margin-left:240px;padding:1.5rem 2rem;min-height:100vh}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.page-header p{color:var(--text-muted);font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:44px;height:44px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-icon.pending{background:var(--warning-dim)}.stat-icon.approved{background:var(--success-dim)}.stat-icon.rejected{background:var(--danger-dim)}.stat-icon.total{background:var(--info-dim)}.stat-info .value{font-size:1.6rem;font-weight:700;line-height:1.2}.stat-info .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.toolbar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:220px;position:relative}.search-box input{width:100%;padding:.6rem .85rem .6rem 2.4rem;font-size:.9rem;font-family:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .2s}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--accent)}.search-box .search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;pointer-events:none}.filter-select{padding:.6rem .85rem;font-size:.85rem;font-family:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;min-width:120px}.filter-select:focus{border-color:var(--accent)}.filter-pills{display:flex;gap:.35rem}.pill{padding:.45rem .85rem;font-size:.8rem;font-family:inherit;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:2rem;cursor:pointer;transition:all .15s;white-space:nowrap}.pill:hover{color:var(--text);border-color:var(--text-muted)}.pill.active{background:var(--accent);color:var(--bg-dark);border-color:var(--accent);font-weight:500}.orders-grid{display:flex;flex-direction:column;gap:.75rem}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:center;transition:background .15s,border-color .15s}.order-card:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.order-card .order-main{display:flex;flex-direction:column;gap:.3rem}.order-card .order-id{font-weight:600;font-size:.85rem;color:var(--accent)}.order-card .customer-name{font-weight:500;font-size:1rem}.order-card .customer-phone{font-size:.8rem;color:var(--text-muted)}.order-card .order-details{display:flex;flex-direction:column;gap:.3rem}.order-detail-row{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-secondary)}.order-detail-row .detail-icon{color:var(--text-muted);width:1rem;text-align:center;flex-shrink:0}.order-card .order-items-col{display:flex;flex-direction:column;gap:.2rem}.order-items-col .items-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.order-items-col .item-tag{display:inline-block;padding:.15rem .5rem;background:var(--accent-dim);color:var(--accent);border-radius:.25rem;font-size:.75rem;margin:.1rem .2rem .1rem 0}.order-card .order-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.order-meta{display:flex;align-items:center;gap:.5rem}.order-actions .action-btns{display:flex;gap:.4rem}.btn{padding:.4rem .85rem;font-size:.8rem;font-family:inherit;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.3rem}.btn-approve{background:var(--success);color:#fff}.btn-approve:hover{filter:brightness(1.1)}.btn-reject{background:var(--danger);color:#fff}.btn-reject:hover{filter:brightness(1.1)}.btn:disabled{opacity:.4;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600;border-radius:2rem;text-transform:uppercase;letter-spacing:.03em}.status-badge.pending{background:var(--warning-dim);color:var(--warning)}.status-badge.approved{background:var(--success-dim);color:var(--success)}.status-badge.rejected{background:var(--danger-dim);color:var(--danger)}.source-badge{font-size:.68rem;padding:.15rem .45rem;background:var(--border);border-radius:.25rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.source-badge.whatsapp{background:#25d36626;color:#25d366}.order-date{font-size:.72rem;color:var(--text-muted)}.customers-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.customers-table th,.customers-table td{padding:.85rem 1.15rem;text-align:left;border-bottom:1px solid var(--border)}.customers-table th{background:var(--bg-surface);font-weight:600;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.customers-table tr:last-child td{border-bottom:none}.customers-table tbody tr:hover{background:var(--bg-card-hover)}.customers-table .customer-name-cell{font-weight:500}.customers-table .order-count{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);width:28px;height:28px;border-radius:50%;font-weight:600;font-size:.85rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state p{font-size:.9rem}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.error-msg{background:var(--danger-dim);color:var(--danger);padding:1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:var(--bg-dark)}.login-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:2.5rem 2rem;text-align:center}.login-card h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--accent)}.login-sub{color:var(--text-muted);font-size:.85rem;margin:.25rem 0 1.75rem}.login-card form{display:flex;flex-direction:column;gap:.75rem}.login-card input{padding:.75rem 1rem;font-size:1rem;font-family:inherit;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .2s}.login-card input::placeholder{color:var(--text-muted)}.login-card input:focus{border-color:var(--accent)}.login-card button{margin-top:.5rem;padding:.75rem;font-size:1rem;font-family:inherit;font-weight:600;background:var(--accent);color:var(--bg-dark);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.login-card button:hover{background:var(--accent-hover)}.login-error{color:var(--danger);font-size:.85rem;min-height:1.2rem}@media(max-width:900px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.order-card{grid-template-columns:1fr}}