@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1e40af;--accent:#ffc107;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--bg:#fff;--bg-gray:#f9fafb}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}@media (min-width:768px){.desktop-nav{display:flex!important}.mobile-toggle{display:none!important}}.image-slider-container{width:100%}.slider-main{background:#fff;border-radius:16px;width:100%;height:500px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.slider-track{height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.slider-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;display:flex}.slider-image{object-fit:contain;background:#fff;width:100%;height:100%}.slider-btn{cursor:pointer;z-index:10;color:#1f2937;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #00000026}.slider-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 20px #0003}.slider-btn-prev{left:20px}.slider-btn-next{right:20px}.slider-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#ffffff80;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.slider-dot:hover{background:#fffc;transform:scale(1.2)}.slider-dot.active{background:#ffc107;border-color:#ffc107;border-radius:6px;width:32px}.slider-thumbnails{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;max-width:600px;margin:0 auto;display:grid}.slider-thumbnail{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:12px;height:80px;padding:0;transition:all .3s;position:relative;overflow:hidden}.slider-thumbnail img{object-fit:contain;background:#fff;width:100%;height:100%}.slider-thumbnail:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.slider-thumbnail.active{border-color:#ffc107;box-shadow:0 0 0 2px #ffc10733}@media (max-width:768px){.slider-main{height:250px}.slider-slide{justify-content:center;align-items:center;display:flex}.slider-btn{width:40px;height:40px}.slider-btn-prev{left:10px}.slider-btn-next{right:10px}.slider-thumbnails{grid-template-columns:repeat(4,1fr)}.slider-thumbnail{height:60px}}.lightbox-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-counter{color:#fff;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;padding:8px 20px;font-size:16px;font-weight:600;position:absolute;top:30px;left:50%;transform:translate(-50%)}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:80vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 10px 50px #00000080}.lightbox-btn{color:#fff;cursor:pointer;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-btn:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.lightbox-btn-prev{left:20px}.lightbox-btn-next{right:20px}.lightbox-thumbnails{z-index:10001;gap:10px;max-width:90vw;padding:10px;display:flex;position:absolute;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%)}.lightbox-thumbnails::-webkit-scrollbar{height:4px}.lightbox-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.lightbox-thumbnail{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:60px;padding:0;transition:all .3s;overflow:hidden}.lightbox-thumbnail img{object-fit:cover;width:100%;height:100%}.lightbox-thumbnail:hover{border-color:#ffffff80;transform:scale(1.1)}.lightbox-thumbnail.active{border-color:#ffc107;box-shadow:0 0 0 2px #ffc1074d}@media (max-width:768px){.lightbox-close{width:44px;height:44px;top:10px;right:10px}.lightbox-counter{padding:6px 14px;font-size:14px;top:20px}.lightbox-btn{width:50px;height:50px}.lightbox-btn-prev{left:10px}.lightbox-btn-next{right:10px}.lightbox-thumbnails{gap:8px;padding:8px;bottom:10px}.lightbox-thumbnail{width:60px;height:45px}}.admin-login-container{background:linear-gradient(135deg,#f6f8fb 0%,#e9effd 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:440px;padding:40px;box-shadow:0 10px 25px #0000000d}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.auth-header p{color:var(--text-light);font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.input-wrapper{position:relative}.auth-input{border:1px solid var(--border);background:var(--bg-gray);border-radius:10px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.auth-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb1a}.error-message{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:14px;display:flex}.btn{border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.absolute{position:absolute}.left-3{left:.75rem}.top-half{top:50%}.translate-y-half{transform:translateY(-50%)}.text-gray-400{color:#9ca3af}.pl-10{padding-left:2.5rem}.space-y-4>*+*{margin-top:1rem}@media (max-width:768px){.mobile-text-13{font-size:12px!important}.mobile-text-14{font-size:13px!important}.mobile-text-16{font-size:14px!important}.mobile-text-18{font-size:16px!important}.mobile-text-22{font-size:18px!important}.mobile-text-26{font-size:22px!important}.mobile-text-40{font-size:30px!important}}