:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.sidebar{color:#fff;box-sizing:border-box;background:#000;flex-direction:column;flex-shrink:0;align-items:center;width:260px;min-height:100vh;padding:25px 15px;display:flex;position:sticky;top:0;left:0}.sidebar-logo{justify-content:center;align-items:center;width:100%;margin-top:15px;margin-bottom:30px;display:flex}.sidebar-logo img{object-fit:cover;border-radius:50%;width:150px;height:150px;display:block}.default-logo{color:#fff;letter-spacing:3px;text-align:center;font-size:25px;font-weight:700}.search{box-sizing:border-box;background:#fff;border-radius:30px;align-items:center;width:90%;height:45px;margin:0 auto 35px;padding:0 15px;display:flex}.search input{color:#555;background:#fff;border:none;outline:none;flex:1;font-size:14px}.search span{color:#777;font-size:22px}.sidebar nav{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.sidebar nav a{color:#fff;cursor:pointer;text-align:center;font-size:16px;font-weight:700;text-decoration:none}.sidebar nav a:hover{color:#2563eb}.balance{margin-top:0}.sidebar-support{text-align:center;width:100%;margin-top:auto;padding-bottom:10px}.sidebar-support span{color:#888;font-size:12px;display:block}.sidebar-support strong{color:#fff;font-size:20px}.social-icons{justify-content:center;gap:25px;margin-top:12px;display:flex}.social-icons span{color:#fff;font-size:22px}.shop-page{width:100%;margin-left:0}.shop-layout{width:100%;min-height:100vh;display:flex}.shop-content{box-sizing:border-box;flex:1;padding:40px}@media (width<=900px){.shop-layout{display:block}.sidebar{width:100%;min-height:auto;position:relative}.sidebar-logo img{width:130px;height:130px}.shop-content{padding:20px}}.shop-page{background:#fff;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.shop-content{box-sizing:border-box;background:#fff;flex:1;min-width:0;padding:40px 25px 70px}.shop-header{border-bottom:1px solid #eee;width:100%;margin-bottom:40px;padding-bottom:25px}.shop-header h1{color:#111827;margin:0;font-size:34px;font-weight:800}.shop-header p{color:#64748b;margin-top:10px;font-size:18px}.products-grid{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:start;gap:45px;width:100%;display:grid}.product-card{box-sizing:border-box;background:#fff;justify-self:center;width:100%;max-width:220px;transition:transform .2s}.product-card:hover{transform:translateY(-5px)}.product-image{aspect-ratio:1;background:#fff;border-radius:10px;width:100%;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;display:block}.product-info{padding-top:12px}.product-category{color:#94a3b8;margin-bottom:8px;font-size:12px;display:block}.product-card h2{color:#111827;min-height:44px;margin:0;font-size:17px;font-weight:600}.product-stars{color:#d1d5db;margin:10px 0}.product-card p{color:#64748b;min-height:40px;font-size:14px}.product-price{color:#2563eb;margin-top:10px;font-size:22px;font-weight:700}.product-card button{color:#fff;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-weight:700}.shop-empty{text-align:center;color:#64748b;padding:50px}@media (width<=1200px){.products-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:30px}.product-card{max-width:200px}}@media (width<=900px){.shop-page{display:block}.shop-content{padding:25px}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.products-grid{grid-template-columns:1fr}.product-card{max-width:100%}}.product-detail-page{background:#fff;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.product-detail-container{box-sizing:border-box;flex-direction:row;flex:1;justify-content:center;align-items:flex-start;gap:80px;padding:40px 40px 40px 300px;display:flex}.product-detail-image{flex-shrink:0;width:260px}.product-detail-image img{object-fit:cover;border-radius:8px;width:260px;height:260px;display:block}.product-detail-info{width:360px;padding-top:5px}.product-detail-info h1{color:#111827;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.2}.detail-stars{color:#d1d5db;margin-bottom:15px;font-size:20px}.detail-price{color:#111827;margin:15px 0;font-size:26px;font-weight:700}.product-detail-info h3{color:#64748b;margin-top:20px;font-size:17px}.product-detail-info ul{margin-top:10px;padding-left:18px}.product-detail-info li{color:#64748b;margin-bottom:8px;font-size:14px}.detail-description{color:#64748b;margin-top:15px;font-size:14px;line-height:1.4}.cart-area{align-items:center;gap:15px;margin-top:25px;display:flex}.quantity{background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;height:45px;display:flex}.quantity button{color:#333;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:400;display:flex}.quantity button:hover{background:#f5f5f5}.quantity span{text-align:center;color:#111827;border-left:1px solid #ddd;border-right:1px solid #ddd;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:600;line-height:45px;display:flex}.add-cart{color:#fff;cursor:pointer;background:#222;border:none;border-radius:0;height:45px;padding:0 35px;font-size:14px;font-weight:700}.add-cart:hover{background:#000}@media (width<=900px){.product-detail-container{flex-direction:column;align-items:center;padding:30px}.product-detail-info{width:100%;max-width:360px}}.checkout-page{background:#fff;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.checkout-container{transform-origin:top;box-sizing:border-box;flex:1;padding:50px 20px;overflow:hidden;transform:scale(.75)translate(150px)}.checkout-steps{justify-content:center;gap:18px;margin-bottom:30px;font-size:18px;font-weight:700;display:flex}.checkout-steps .active{color:#111827}.checkout-steps .disabled{color:#9ca3af}.checkout-message{color:#111827;text-align:center;margin-bottom:35px;font-size:20px}.checkout-message:first-letter{color:#10b981}.checkout-content{align-items:flex-start;gap:60px;width:100%;padding-left:40px;display:flex}.billing{flex:1}.billing h1{color:#111827;margin-bottom:25px;font-size:30px}.billing label{color:#64748b;margin:15px 0 8px;font-size:16px;display:block}.billing input{box-sizing:border-box;border:1px solid #ddd;width:100%;height:55px;padding:0 15px;font-size:16px}.billing textarea{box-sizing:border-box;border:1px solid #ddd;width:100%;height:150px;padding:15px;font-size:16px}.order-box{box-sizing:border-box;border:1px solid #ddd;width:380px;padding:35px}.order-box h2{text-align:center;margin-top:0;font-size:22px}.order-product{color:#475569;justify-content:space-between;align-items:center;margin:25px 0;font-size:16px;display:flex}.order-product strong{color:#334155}.remove-product{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:10px;padding:0;font-size:11px;display:inline-flex}.total{justify-content:space-between;margin:25px 0;font-size:25px;font-weight:700;display:flex}.finish-order{color:#fff;cursor:pointer;background:#222;border:none;width:100%;height:55px;font-weight:700}.account-delivery{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;width:650px;margin:40px auto;padding:40px;box-shadow:0 15px 35px #00000014}.delivery-success{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:35px;font-weight:700;display:flex}.account-delivery h2{color:#111827;margin-bottom:15px;font-size:28px}.delivery-message{color:#64748b;margin-bottom:35px;font-size:16px}.delivery-service{background:#f8fafc;border-radius:10px;justify-content:space-between;margin-bottom:25px;padding:20px;font-size:18px;display:flex}.delivery-service span{color:#64748b}.delivery-service strong{color:#111827}.delivery-data{border:1px solid #e5e7eb;border-radius:12px;padding:20px}.delivery-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.delivery-row:last-child{border-bottom:none}.delivery-row span{color:#64748b;font-size:15px}.delivery-row strong{color:#111827;word-break:break-all;font-size:16px}.delivery-warning{color:#9a3412;background:#fff7ed;border-radius:10px;margin-top:25px;padding:15px;font-size:14px}@media (width<=900px){.checkout-content{flex-direction:column;padding-left:0}.order-box{width:100%}.checkout-container{padding:30px;transform:none}.account-delivery{width:90%;padding:25px}.delivery-row{flex-direction:column;align-items:flex-start}}.mensaje-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mensaje-box{text-align:center;background:#fff;border-radius:16px;width:380px;padding:30px;box-shadow:0 15px 40px #0000004d}.mensaje-box h3{margin-bottom:15px;font-size:22px}.mensaje-box p{white-space:pre-line;color:#475569;line-height:1.6}.mensaje-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:20px;padding:12px 30px}.mensaje-box.error h3{color:#dc2626}.mensaje-box.success h3{color:#16a34a}.order-page{background:#f8fafc;min-height:100vh;overflow-x:hidden}.order-container{box-sizing:border-box;background:#f8fafc;min-height:100vh;margin-left:260px;padding:60px 40px 40px}.success-box{text-align:center;box-sizing:border-box;background:#fff;border-radius:18px;width:100%;margin-bottom:35px;padding:45px;box-shadow:0 8px 25px #00000014}.success-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;margin:0 auto;font-size:55px;display:flex}.success-box h1{color:#16a34a;margin-top:25px;margin-bottom:15px;font-size:48px;font-weight:700}.success-box p{color:#475569;font-size:22px}.account-box{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;padding:40px;box-shadow:0 8px 25px #00000014}.account-box h2{text-align:center;color:#111827;margin-bottom:35px;font-size:32px}.account-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 10px;display:flex}.account-row span{color:#64748b;font-size:18px}.account-row strong{color:#111827;font-size:20px}@media (width<=900px){.order-page{display:block}.order-container{margin-left:0;padding:30px 20px 20px}.success-box h1{font-size:35px}.account-row{flex-direction:column;align-items:flex-start;gap:10px}}.login-page{background:#fff;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.login-content{width:100%}.login-header{color:#64748b;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;gap:20px;height:60px;font-size:17px;display:flex}.login-form{width:560px;margin:70px auto 0}.login-form label{color:#475569;margin-bottom:12px;font-size:18px;font-weight:700;display:block}.login-form input{box-sizing:border-box;background:#e9eef7;border:1px solid #d5dce8;width:100%;height:50px;margin-bottom:25px;padding:0 15px;font-size:16px;color:#000!important}.login-form input::placeholder{color:#64748b}.password-container{width:100%;position:relative}.password-container input{box-sizing:border-box;background:#e9eef7;border:1px solid #d5dce8;width:100%;height:50px;margin-bottom:25px;padding:0 55px 0 15px;font-size:16px;color:#000!important}.password-container input::placeholder{color:#64748b}.show-password{cursor:pointer;color:#475569;background:0 0;border:none;justify-content:center;align-items:center;width:45px;height:50px;padding:0;font-size:18px;display:flex;position:absolute;top:0;right:10px}.show-password:hover{opacity:.7}.remember{color:#64748b;align-items:center;gap:15px;margin:10px 0 30px;font-size:18px;display:flex}.remember input{width:22px;height:22px;margin:0}.login-buttons{gap:20px;display:flex}.login-buttons button{cursor:pointer;border:none;border-radius:3px;width:50%;height:55px;font-size:18px}.btn-access{color:#fff;background:#3b9bd3}.btn-register{color:#64748b;background:#eee}.forgot{text-align:center;color:#64748b;margin-top:40px;font-size:18px}.register-page{background:#fff;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.register-content{width:100%}.register-header{color:#64748b;border-bottom:1px solid #e5e7eb;justify-content:flex-start;align-items:center;gap:20px;height:60px;padding-left:25px;font-size:16px;display:flex}.register-form{width:560px;margin:25px auto 0}.register-form label{color:#475569;margin-bottom:12px;font-size:18px;font-weight:700;display:block}.register-form input{box-sizing:border-box;background:#fff;border:1px solid #d5dce8;width:100%;height:50px;margin-bottom:25px;padding:0 15px;font-size:16px;color:#000!important}.register-form input::placeholder{color:#94a3b8}.register-buttons{gap:20px;margin-top:10px;display:flex}.register-buttons button{cursor:pointer;border:none;border-radius:3px;width:50%;height:60px;font-size:18px}.btn-register-main{color:#fff;background:#3b9bd3}.btn-login-main{color:#64748b;background:#eee}.whatsapp-button{z-index:9999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;text-decoration:none;transition:all .3s;animation:.5s whatsappEntrada;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 20px #00000059,inset 0 0 0 4px #ffffff40}.whatsapp-icon{justify-content:center;align-items:center;width:42px;height:42px;display:flex}.whatsapp-icon svg{filter:drop-shadow(0 2px 2px #0003);width:100%;height:100%}.whatsapp-button:hover{transform:scale(1.12);box-shadow:0 12px 25px #00000073,inset 0 0 0 4px #ffffff59}@keyframes whatsappEntrada{0%{opacity:0;transform:translateY(30px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}.whatsapp-button:before{content:"";z-index:-1;background:#25d366;border-radius:50%;width:100%;height:100%;animation:2s infinite pulso;position:absolute}@keyframes pulso{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.35)}to{opacity:0}}.admin-panel{background:#fff;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.admin-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 30px;display:flex}.admin-menu{align-items:center;gap:30px;display:flex}.admin-menu a{color:#475569;font-size:16px;font-weight:500;text-decoration:none}.admin-menu a:hover{color:#2563eb}.admin-user{cursor:pointer;font-size:25px}.admin-content{background:#fff;padding:30px}.admin-tabs{gap:25px;margin-bottom:30px;display:flex}.admin-tabs button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:10px 15px;font-size:15px}.admin-tabs .active-tab{color:#475569;background:#e5e7eb;border-radius:4px}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dashboard-card{text-align:center;background:#fff;border:1px solid #d1d5db;min-height:120px}.dashboard-card h3{color:#111827;border-bottom:1px solid #d1d5db;margin:0;padding:10px;font-size:15px}.dashboard-card strong{color:#000;margin:20px 0;font-size:35px;display:block}.dashboard-card span{color:#111827;cursor:pointer;border-top:1px solid #d1d5db;padding:10px;font-weight:700;display:block}.dashboard-card span:hover{color:#2563eb}@media (width<=1000px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-cards{grid-template-columns:1fr}.admin-menu{flex-wrap:wrap;gap:10px}}.admin-login-page{background:#020617;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.admin-login-box{text-align:center;background:#fff;border-radius:20px;width:400px;padding:40px;box-shadow:0 20px 40px #0003}.admin-login-box h1{color:#0f172a;margin-bottom:10px}.admin-login-box input{color:#000;border:1px solid #ddd;border-radius:10px;width:100%;margin:10px 0;padding:15px}.admin-login-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:15px;font-size:16px}.admin-login-box button:hover{background:#1d4ed8}.add-service-container{background:#f1f5f9;justify-content:center;align-items:flex-start;min-height:100vh;padding:50px 20px;font-family:Arial,Helvetica,sans-serif;display:flex}.add-service-card{background:#fff;border-radius:25px;width:600px;padding:40px;box-shadow:0 15px 40px #00000014}.add-service-card h1{text-align:center;color:#0f172a;margin-bottom:35px;font-size:38px}.add-service-card input,.add-service-card textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:15px;outline:none;width:100%;margin-bottom:20px;padding:16px 20px;font-size:17px;transition:all .3s}.add-service-card input:focus,.add-service-card textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.add-service-card textarea{resize:none;height:150px}.image-label{color:#475569;margin-bottom:10px;font-size:16px;font-weight:700;display:block}input[type=file]{cursor:pointer;background:#f8fafc;padding:12px}.image-preview{object-fit:cover;border-radius:20px;width:220px;height:220px;margin:20px auto 30px;display:block;box-shadow:0 10px 25px #00000026}.add-service-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;padding:18px;font-size:18px;font-weight:700;transition:all .3s}.add-service-card button:hover{background:#1d4ed8;transform:translateY(-2px)}@media (width<=700px){.add-service-card{width:100%;padding:25px}.add-service-card h1{font-size:30px}}.services-container{box-sizing:border-box;background:#f1f5f9;width:100%;min-height:100vh;padding:40px;font-family:Arial,Helvetica,sans-serif}.services-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:35px;display:flex}.services-header h1{color:#0f172a;margin:0;font-size:38px}.services-header p{color:#64748b;margin-top:10px;font-size:18px}.add-service-button{color:#fff;background:#2563eb;border-radius:12px;align-items:center;padding:15px 28px;font-weight:700;text-decoration:none;display:flex}.services-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:35px;width:100%;display:grid}.service-card{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;padding:15px;box-shadow:0 8px 20px #00000014}.service-image{background:#e2e8f0;border-radius:14px;width:100%;height:190px;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%;display:block}.service-card h2{text-align:center;color:#0f172a;min-height:42px;margin:16px 0;font-size:17px;font-weight:700}.service-card h3{color:#2563eb;text-align:center;margin:10px 0;font-size:22px}.service-card p{color:#64748b;text-align:center;min-height:45px;font-size:14px}.service-card button{cursor:pointer;border:none;border-radius:8px;margin:8px 5px 0;padding:9px 18px;font-size:14px;font-weight:700;transition:all .25s}.service-card button:first-of-type{color:#fff;background:#2563eb}.service-card button:first-of-type:hover{background:#1d4ed8;transform:translateY(-2px)}.service-card button:last-of-type{color:#fff;background:#ef4444}.service-card button:last-of-type:hover{background:#dc2626;transform:translateY(-2px)}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.services-grid{grid-template-columns:1fr}}.users-page{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100vh;padding:25px;overflow:hidden}.users-table-container{background:#fff;border-radius:10px;width:100%;position:relative;overflow:visible}.users-table{border-collapse:collapse;table-layout:fixed;width:100%}.users-table th{text-align:left;color:#1e293b;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:14px 12px;font-size:13px;font-weight:700}.users-table td{color:#334155;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e5e7eb;padding:18px 12px;font-size:13px;overflow:hidden}.users-table tr:hover{background:#f8fafc}.username{color:#2563eb;font-weight:700}.options-cell{text-align:center;width:120px;min-width:120px}.options-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.options-button:hover{background:#eff6ff}.floating-menu{left:var(--menu-x);top:var(--menu-y);box-sizing:border-box;z-index:999999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:230px;max-height:450px;position:fixed;overflow-y:auto;box-shadow:0 15px 35px #00000040}.floating-menu button{text-align:left;cursor:pointer;color:#334155;background:#fff;border:none;width:100%;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2}.floating-menu button:hover{background:#f1f5f9}.floating-menu::-webkit-scrollbar{width:5px}.floating-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-content{overflow:visible}body{overflow-x:hidden}.modal-overlay{z-index:999999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-modal{background:#fff;border-radius:16px;width:480px;max-width:90%;overflow:hidden;box-shadow:0 20px 50px #00000040}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h2{color:#1e293b;margin:0;font-size:22px;font-weight:700}.modal-close{cursor:pointer;color:#334155;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.modal-close:hover{background:#e2e8f0}.modal-body{color:#64748b;padding:28px}.edit-form{flex-direction:column;gap:10px;display:flex}.edit-form label{color:#334155;margin-top:8px;font-size:14px;font-weight:600}.edit-form input{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px;font-size:14px}.edit-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.modal-actions button:first-child{color:#334155;background:#e2e8f0}.modal-actions button:first-child:hover{background:#cbd5e1}.modal-actions button:last-child{color:#fff;background:#2563eb}.modal-actions button:last-child:hover{background:#1d4ed8}.balance-container,.payments-container{box-sizing:border-box;background:#f1f5f9;min-height:100vh;padding:30px;font-family:Arial,Helvetica,sans-serif}.payments-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.new-payment{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 25px;font-weight:700}.new-payment:hover{background:#1d4ed8}.payments-header input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:320px;height:35px;padding:0 12px}.payment-form{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 5px 15px #0000000d}.payments-table{border-collapse:collapse;background:#fff;width:100%;overflow:hidden}.payments-table thead{background:#fff}.payments-table th{text-align:left;color:#111827;border-bottom:1px solid #e5e7eb;padding:12px 15px;font-size:14px}.payments-table td{color:#334155;border-bottom:1px solid #e5e7eb;padding:12px 15px;font-size:14px}.status{color:#fff;background:#22c55e;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.payment-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 18px}@media (width<=900px){.payments-table{display:block;overflow-x:auto}}.history-container{background:#eef2f7;justify-content:center;min-height:100vh;padding:50px;display:flex}.history-card{background:#fff;border-radius:20px;width:800px;padding:40px;box-shadow:0 10px 30px #0000001a}.history-card button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:12px 25px}.history-card h1{text-align:center;color:#111827;margin:30px 0}.history-row{color:#555;border-bottom:1px solid #ddd;padding:20px 0}.history-row strong{color:#2563eb;font-size:22px}.orders-container{box-sizing:border-box;background:#f1f5f9;width:100%;min-height:100vh;padding:40px;font-family:Arial,Helvetica,sans-serif}.orders-header{margin-bottom:35px}.orders-header h1{color:#0f172a;margin:0;font-size:38px}.orders-header p{color:#64748b;margin-top:10px;font-size:18px}.orders-table{border-collapse:collapse;background:#fff;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 10px 25px #00000014}.orders-table th{color:#111827;text-align:left;background:#fff;border-bottom:1px solid #e5e7eb;padding:18px;font-size:15px}.orders-table td{color:#1e3a8a;border-bottom:1px solid #e5e7eb;padding:18px;font-size:15px}.orders-table tr:hover{background:#f8fafc}.orders-table small{color:#64748b;font-size:13px}.order-active{color:#fff;background:#22c55e;border-radius:8px;padding:6px 15px;font-size:13px;font-weight:700}.empty-orders{text-align:center;color:#64748b;padding:40px;font-size:16px}@media (width<=900px){.orders-container{padding:20px}.orders-table{display:block;overflow-x:auto}}.payments-container{box-sizing:border-box;background:#f1f5f9;width:100%;min-height:100vh;padding:40px;font-family:Arial,Helvetica,sans-serif}.payments-actions{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.new-payment-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:700}.new-payment-button:hover{background:#1d4ed8}.search-payment{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:370px;padding:13px 15px;font-size:15px}.payments-table{border-collapse:collapse;background:#fff;width:100%}.payments-table th{text-align:left;color:#111827;border-bottom:1px solid #e5e7eb;padding:18px}.payments-table td{color:#1e3a8a;border-bottom:1px solid #e5e7eb;padding:18px}.payments-table tr:hover{background:#f8fafc}.status-success{color:#fff;background:#22c55e;border-radius:6px;padding:6px 15px;font-size:13px;font-weight:700}.payment-modal{background:#fff;border-radius:15px;width:480px;max-height:90vh;padding:35px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.payment-modal h2{text-align:center;color:#111827;margin-top:0;margin-bottom:25px;font-size:25px}.close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:15px;right:18px}.close-modal:hover{color:#ef4444}.payment-modal label{color:#374151;margin-top:15px;margin-bottom:7px;font-weight:700;display:block}.payment-modal input,.payment-modal select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:13px;font-size:15px}.payment-modal input:focus,.payment-modal select:focus{border-color:#2563eb;outline:none}.user-selector{position:relative}.user-options{z-index:10000;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;max-height:230px;position:absolute;top:55px;left:0;overflow-y:auto;box-shadow:0 15px 30px #00000026}.user-option{cursor:pointer;flex-direction:column;gap:5px;padding:15px;transition:all .2s;display:flex}.user-option:hover{background:#eff6ff}.user-option strong{color:#111827;font-size:17px}.user-option span{color:#64748b;font-size:14px}.modal-buttons button{cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-weight:700}.confirm-payment{color:#fff;background:#2563eb}.confirm-payment:hover{background:#1d4ed8}.cancel-payment{color:#111827;background:#e5e7eb}.cancel-payment:hover{background:#cbd5e1}@media (width<=900px){.payments-container{padding:20px}.payments-actions{flex-direction:column;gap:20px}.search-payment{width:100%}.payment-modal{width:90%}}.stock-container{box-sizing:border-box;background:#f1f5f9;width:100%;min-height:100vh;padding:50px;font-family:Arial,Helvetica,sans-serif}.stock-container h1{text-align:center;color:#111827;margin-bottom:10px;font-size:42px}.stock-container>p{text-align:center;color:#64748b;margin-bottom:50px;font-size:20px}.stock-card{background:#fff;border-radius:20px;width:70%;margin:auto;padding:40px;box-shadow:0 15px 40px #00000014}.stock-card label{text-align:center;color:#64748b;margin-bottom:20px;font-size:22px;font-weight:700;display:block}.stock-card select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:60px;padding:0 20px;font-size:18px}.stock-card select:focus{border-color:#2563eb}.stock-info{text-align:center;margin-top:40px}.stock-info h2{color:#1e3a8a;font-size:30px}.stock-number{color:#475569;background:#eff6ff;border-radius:10px;justify-content:space-between;width:80%;margin:25px auto;padding:20px;font-size:20px;display:flex}.stock-number strong{color:#2563eb;font-size:25px}.stock-info button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:15px 35px;font-size:16px;font-weight:700}.stock-info button:hover{background:#1d4ed8}.stock-history{background:#fff;border-radius:15px;width:90%;margin:50px auto;padding:35px;overflow-x:auto;box-shadow:0 10px 30px #00000014}.stock-history h2{text-align:center;color:#111827;margin-bottom:30px;font-size:28px}.stock-history table{border-collapse:collapse;width:100%;min-width:1100px}.stock-history th,.stock-history td{text-align:center;vertical-align:middle;word-break:normal;overflow-wrap:break-word;padding:12px 8px}.stock-history th:first-child,.stock-history td:first-child{width:12%}.stock-history th:nth-child(2),.stock-history td:nth-child(2){width:18%}.stock-history th:nth-child(3),.stock-history td:nth-child(3){width:22%}.stock-history th:nth-child(4),.stock-history td:nth-child(4){width:8%}.stock-history th:nth-child(5),.stock-history td:nth-child(5){width:10%}.stock-history th:nth-child(6),.stock-history td:nth-child(6),.stock-history th:nth-child(7),.stock-history td:nth-child(7){width:15%}.stock-history th{color:#fff;text-align:center;background:#2563eb;padding:10px 8px}.stock-history td{color:#334155;border-bottom:1px solid #e5e7eb;padding:16px}.stock-status{color:#fff;background:#22c55e;border-radius:20px;padding:7px 15px;font-size:13px;font-weight:700}.modal-background{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stock-modal{background:#fff;border-radius:18px;width:550px;padding:35px;box-shadow:0 20px 50px #00000040}.stock-modal h2{text-align:center;color:#111827;margin-bottom:30px}.stock-modal input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:50px;margin-bottom:15px;padding:0 15px;font-size:16px}.stock-modal input::placeholder{color:#94a3b8}.stock-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.stock-modal button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:14px 25px;font-weight:700}.stock-modal button:hover{background:#1d4ed8}.modal-buttons{justify-content:center;gap:20px;margin-top:25px;display:flex}.modal-buttons button:last-child{color:#111827;background:#e5e7eb}@media (width<=900px){.stock-container{padding:20px}.stock-card{width:100%}.stock-history{width:100%;overflow-x:auto}}.settings-page{box-sizing:border-box;background:#f8fafc;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px;display:flex}.settings-header{text-align:center;width:100%;margin-bottom:35px}.settings-header h1{color:#111827;margin-bottom:10px;font-size:36px}.settings-header p{color:#64748b;font-size:18px}.settings-card{box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:850px;margin:0 auto;padding:40px;display:flex;box-shadow:0 10px 30px #00000014}.settings-card label{color:#111827;text-align:center;margin-top:10px;font-size:16px;font-weight:700}.settings-card input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;height:45px;padding:0 15px;font-size:16px}.settings-card input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.settings-card input[type=file]{cursor:pointer;background:#f9fafb;height:auto;padding:12px}.preview-image{object-fit:contain;background:#f9fafb;border:1px solid #e5e7eb;border-radius:15px;width:160px;height:160px;margin:10px auto;padding:10px}.favicon-preview{object-fit:contain;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;width:70px;height:70px;margin:10px auto;padding:8px}.settings-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:50px;margin-top:25px;font-size:17px;font-weight:700;transition:all .2s}.settings-card button:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=900px){.settings-page{padding:20px}.settings-card{padding:25px}}.admin-layout{background:#f8fafc;width:100%;min-height:100vh}.admin-topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:35px;width:100%;height:70px;padding:0 40px;display:flex}.admin-topbar a{color:#334155;font-size:18px;font-weight:500;text-decoration:none}.admin-topbar .active{color:#2563eb;font-weight:700}.admin-layout main{box-sizing:border-box;width:100%;margin:0;padding:0}.admin-layout main>*{width:100%;max-width:none}