:root{--bg-color:#f0f4f8;--text-color:#1a202c;--glass-bg:#fff6;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #1f26871a;--primary:#667eea;--secondary:#764ba2;--gradient:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--nav-bg:#ffffffb3}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--glass-bg:#0f172a80;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--primary:#818cf8;--secondary:#c084fc;--nav-bg:#0f172acc}*{box-sizing:border-box;margin:0;padding:0}body,.glass-panel,nav,footer,input,textarea,select{transition:background-color .3s,color .3s,border-color .3s}html,body{background-color:var(--bg-color);min-height:100vh;color:var(--text-color)}body{font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.bg-blob{filter:blur(80px);z-index:0;pointer-events:none;opacity:.6;animation:10s ease-in-out infinite alternate float;position:fixed}.blob-1{background:var(--primary);border-radius:50%;width:400px;height:400px;top:-10%;left:-10%}.blob-2{background:var(--secondary);border-radius:50%;width:500px;height:500px;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,50px)scale(1.1)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-outline{border:1px solid var(--primary);color:var(--text-color);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}input,textarea,select{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:.75rem;font-family:inherit}input[type=radio],input[type=checkbox]{width:auto;padding:0}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #667eea33}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-6{padding:1.5rem}nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:70px;display:flex}.nav-links{gap:2rem;display:flex}.nav-links a{align-items:center;gap:.5rem;padding:.5rem;font-weight:500;display:flex;position:relative}.nav-links a:after{content:"";background:var(--gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.logo{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.nav-actions{align-items:center;gap:1rem;display:flex}.icon-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .3s;display:flex}.icon-btn:hover{background:var(--glass-bg)}main{z-index:10;min-height:calc(100vh - 270px);padding:2rem 0;position:relative}.product-card{flex-direction:column;transition:transform .3s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-5px)}.product-image{object-fit:cover;border-radius:12px 12px 0 0;width:100%;height:250px}.product-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.product-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.product-price{color:var(--primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.cart-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;display:flex;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.relative{position:relative}.admin-sidebar{border-right:1px solid var(--glass-border);width:250px;min-height:100%;padding:1.5rem}.admin-layout{min-height:calc(100vh - 70px);display:flex}.admin-content{flex-grow:1;padding:2rem}.admin-menu li{margin-bottom:.5rem}.admin-menu a{border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:background .3s;display:flex}.admin-menu a:hover,.admin-menu a.active{background:var(--glass-bg);color:var(--primary)}.glass-table{border-collapse:collapse;width:100%}.glass-table th,.glass-table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:1rem}.glass-table th{color:var(--primary);font-weight:600}.chat-widget{z-index:100;position:fixed;bottom:20px;right:20px}.chat-toggle{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0003}.chat-toggle:hover{transform:scale(1.1)}.chat-window{transform-origin:100% 100%;opacity:0;pointer-events:none;flex-direction:column;width:300px;height:400px;transition:all .3s;display:flex;position:absolute;bottom:80px;right:0;transform:scale(.9)}.chat-window.open{opacity:1;pointer-events:auto;transform:scale(1)}.chat-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem;font-weight:600;display:flex}.chat-messages{flex-direction:column;flex-grow:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.chat-input-area{border-top:1px solid var(--glass-border);gap:.5rem;padding:1rem;display:flex}.message{border-radius:12px;max-width:80%;padding:.75rem;font-size:.9rem}.message.user{background:var(--primary);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.message.admin{background:var(--glass-bg);border-bottom-left-radius:2px;align-self:flex-start}footer{border-top:1px solid var(--glass-border);text-align:center;margin-top:2rem;padding:3rem 0}.status-badge{border-radius:99px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.status-pending{color:#854d0e;background:#fef08a}.status-confirmed{color:#166534;background:#bbf7d0}.status-rejected{color:#991b1b;background:#fecaca}.status-shipped{color:#1e40af;background:#bfdbfe}@media (width<=768px){nav{border-bottom:none;border-top:1px solid var(--glass-border);width:100%;position:fixed;top:auto;bottom:0}main{padding-bottom:120px}.nav-container{justify-content:space-around;padding:.5rem 0;display:flex}.nav-links,.nav-actions{display:contents}.nav-links a[href=\/contact],.nav-links a[href=\/about],.nav-actions button[aria-label=Toggle\ Theme],.logo{display:none!important}.nav-text{display:none}.mobile-hidden{display:none!important}.hero h1{font-size:2.2rem!important}.cart-page .grid{grid-template-columns:1fr!important}.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;min-height:auto}.product-details-page .grid{grid-template-columns:1fr!important}.chat-window{width:calc(100vw - 40px);bottom:90px}.chat-toggle{bottom:80px}.container{padding:0 1rem}}
