@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .4);--secondary: #1d4ed8;--secondary-glow: rgba(29, 78, 216, .4);--bg-dark: #020617;--bg-surface: rgba(15, 23, 42, .6);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--text-main: #f8fafc;--text-muted: #94a3b8;--gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .02) 100%)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 0% 0%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(29,78,216,.15) 0%,transparent 50%);background-attachment:fixed;color:var(--text-main);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--glass-highlight)}.app-container{padding:16px 16px 110px;max-width:600px;margin:0 auto}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:28px}.glass-card{background:var(--gradient-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:active{transform:scale(.98)}.hero-banner{height:180px;border-radius:24px;background:var(--gradient);margin-bottom:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:25px;box-shadow:0 10px 30px -10px var(--primary-glow)}.hero-banner:after{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:140%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.hero-banner h2{font-size:26px;font-weight:900;margin-bottom:10px;line-height:1.1;color:#fff;letter-spacing:-.5px}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-card{padding:12px;display:flex;flex-direction:column}.product-image-container{width:100%;aspect-ratio:1;border-radius:16px;background:#ffffff0d;margin-bottom:12px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.product-image-container:hover{transform:scale(1.05)}.product-image{width:80%;height:80%;object-fit:contain;transition:filter .3s}.product-card:hover .product-image{filter:drop-shadow(0 0 15px var(--primary-glow))}.product-info h3{font-size:15px;font-weight:700;margin-bottom:4px;color:#fff;line-height:1.3}.product-info p{font-size:11px;color:var(--text-muted);height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.product-price{font-size:17px;font-weight:800;color:var(--primary);margin-top:10px}.admin-section{background:#ffffff0d;border-radius:20px;padding:20px;margin-bottom:20px;border:1px solid var(--primary-glow)}.input-glass{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:12px;color:#fff;margin-bottom:12px;outline:none;transition:.3s;font-family:Inter,sans-serif;font-size:14px}.input-glass:focus{border-color:var(--primary);background:#ffffff14}.input-glass::placeholder{color:var(--text-muted)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:#fff;padding:10px 15px;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:Inter,sans-serif}.btn-glass:hover{background:#ffffff14;border-color:var(--glass-highlight)}.btn-glass:active{transform:scale(.95)}.btn-primary{background:var(--gradient);border:none;padding:14px 20px;border-radius:16px;color:#fff;font-weight:700;width:100%;box-shadow:0 4px 15px -5px var(--primary-glow);cursor:pointer;transition:all .3s;font-family:Inter,sans-serif}.btn-primary:hover{box-shadow:0 8px 25px -5px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.2,.8,.2,1) forwards}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}@media (max-width: 400px){.products-grid{grid-template-columns:1fr}.hero-banner{height:160px}.hero-banner h2{font-size:24px}}