*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f9;color:#1f2937}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:#111827;color:#fff;min-height:100vh;position:fixed;left:0;top:0;bottom:0;padding:22px 14px}.logo{font-size:22px;font-weight:bold;padding:10px 12px 28px}.logo span{color:#22c55e}.menu-title{font-size:11px;color:#9ca3af;text-transform:uppercase;padding:15px 12px 8px}.menu a{display:block;padding:12px;border-radius:8px;margin-bottom:4px;color:#d1d5db}.menu a:hover,.menu a.active{background:#1f2937;color:#fff}.menu a.active{border-left:3px solid #22c55e}.main{margin-left:230px;width:calc(100% - 230px);padding:25px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-title{font-size:25px;font-weight:bold}.page-subtitle{color:#6b7280;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.card-title{color:#6b7280;font-size:13px;margin-bottom:8px}.card-value{font-size:26px;font-weight:bold}.card-green{border-left:4px solid #22c55e}.card-blue{border-left:4px solid #3b82f6}.card-orange{border-left:4px solid #f59e0b}.card-red{border-left:4px solid #ef4444}.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f9fafb;color:#6b7280;font-size:12px;padding:12px}td{padding:13px 12px;border-bottom:1px solid #eee}tr:hover td{background:#fafafa}.btn{border:0;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:600;display:inline-block}.btn-primary{background:#2563eb;color:#fff}.btn-success{background:#16a34a;color:#fff}.btn-secondary{background:#e5e7eb;color:#374151}.btn:hover{opacity:.9}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1/-1}label{font-size:13px;font-weight:bold;margin-bottom:7px}input,select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}input:focus,select:focus{border-color:#2563eb}.actions{margin-top:20px;display:flex;gap:10px}.search-box{margin-bottom:15px}.search-box input{font-size:17px;padding:15px}.sales-layout{display:grid;grid-template-columns:1fr 390px;gap:20px}.product-results{max-height:550px;overflow-y:auto}.product-result{background:#fff;padding:15px;border-radius:9px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:1px solid #eee}.product-result:hover{border-color:#2563eb;background:#f8fbff}.product-name{font-weight:bold}.product-price{color:#16a34a;font-weight:bold}.cart{position:sticky;top:20px}.cart-item{display:grid;grid-template-columns:1fr 90px 75px;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.qty-control{display:flex;align-items:center;gap:5px}.qty-control button{width:25px;height:25px;border:0;border-radius:5px;cursor:pointer}.cart-total{font-size:28px;font-weight:bold;margin:20px 0;text-align:right}.btn-cobrar{width:100%;padding:16px;font-size:18px}.badge{padding:5px 8px;border-radius:20px;font-size:11px;font-weight:bold}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.empty{text-align:center;color:#9ca3af;padding:40px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.sales-layout{grid-template-columns:1fr}}