*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f1220;color:#f4f5f7}.navbar{height:70px;background:#171a2b;border-bottom:1px solid #2b3047;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:10}.brand{font-size:23px;font-weight:800;color:#fff;text-decoration:none}.nav-links{display:flex;gap:8px}.nav-links a{color:#aeb5c8;text-decoration:none;padding:11px 15px;border-radius:9px}.nav-links a:hover,.nav-links .active{background:#292f49;color:#fff}.container{width:86%;max-width:1200px;margin:40px auto}.hero{min-height:310px;background:linear-gradient(135deg,#202640,#171a2b);border:1px solid #30364f;border-radius:24px;padding:50px;display:flex;align-items:center;justify-content:space-between}.hero h1{font-size:46px;line-height:1.05;margin:18px 0}.hero p,.page-header p{color:#aeb5c8;font-size:17px}.hero-icon{font-size:130px;filter:drop-shadow(0 15px 25px #000)}.badge,.category{font-size:12px;font-weight:700;letter-spacing:1px;color:#9da9ff}.btn{display:inline-block;border:0;border-radius:10px;background:#626ff0;color:white;padding:13px 20px;text-decoration:none;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.12)}.success{margin-top:20px;background:#28a878}.btn-small{display:inline-block;padding:8px 12px;background:#394264;color:#fff;border-radius:7px;text-decoration:none;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0 45px}.card{background:#191d30;border:1px solid #2d334b;border-radius:15px;padding:25px}.card span{font-size:27px}.card strong{display:block;font-size:25px;margin-top:15px}.card small{color:#9299ae}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-header h1{font-size:36px;margin:8px 0}.search-box{margin-bottom:20px}.search-box input,.form-card input,.form-card select{width:100%;padding:13px 15px;border:1px solid #343a55;background:#191d30;color:#fff;border-radius:9px;font-size:15px;outline:none}.table-container{overflow-x:auto;background:#191d30;border:1px solid #2d334b;border-radius:14px}.table-container table{width:100%;border-collapse:collapse}.table-container th,.table-container td{padding:16px;text-align:left;border-bottom:1px solid #2d334b}.table-container th{color:#aeb5c8;font-size:13px}.status{padding:5px 9px;border-radius:20px;font-size:12px}.pagada{background:#174d3c;color:#71e1b7}.pendiente{background:#594a1c;color:#f2d16b}.cancelada{background:#55252d;color:#ff8995}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{display:flex;gap:18px;background:#191d30;border:1px solid #2d334b;border-radius:15px;padding:20px}.product-icon{font-size:42px}.product-card h3{margin:7px 0}.product-card p{margin:5px 0;color:#8e96ad}.product-card strong{display:block;font-size:20px;margin-top:15px}.product-card small{display:block;color:#8e96ad;margin-top:8px}.form-card{background:#191d30;border:1px solid #2d334b;border-radius:15px;padding:28px;max-width:1000px}.form-card label{display:block;margin:14px 0 7px;color:#b8bfd0}.item-row{display:grid;grid-template-columns:2fr .6fr 1fr 1fr 45px;gap:10px;margin:15px 0}.remove{border:0;background:#6b2d38;color:#fff;border-radius:8px;font-size:20px}.total{text-align:right;font-size:22px;font-weight:800;margin:25px 0}.invoice{background:#fff;color:#171a2b;border-radius:15px;padding:40px;max-width:950px;margin:auto}.invoice-head,.invoice-info{display:flex;justify-content:space-between;align-items:flex-start}.invoice h1{margin:10px 0 30px}.invoice-info{background:#f3f4f7;padding:20px;border-radius:10px;margin-bottom:25px}.invoice-info p{margin:6px 0}.invoice .table-container{background:#fff;border-color:#ddd}.invoice .table-container th,.invoice .table-container td{border-color:#ddd}.invoice .total{font-size:26px}.invoice-footer{text-align:center;color:#777;margin-top:35px}@media(max-width:800px){.navbar{padding:0 3%;height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.nav-links{flex-wrap:wrap}.container{width:92%}.hero{padding:30px}.hero h1{font-size:35px}.hero-icon{font-size:80px}.cards,.product-grid{grid-template-columns:1fr 1fr}.page-header{align-items:flex-start;gap:15px}.item-row{grid-template-columns:1fr 80px 1fr 1fr 40px}}@media(max-width:550px){.cards,.product-grid{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 80px}.item-row .precio,.item-row .subtotal{display:none}.invoice{padding:20px}.invoice-info{display:block}.no-print{display:none!important}}@media print{body{background:white}.navbar,.no-print{display:none!important}.container{width:100%;margin:0}.invoice{box-shadow:none;border:0;width:100%}}