*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;min-height:100vh}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-gradient: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}.animated-bg{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.min-h-screen{min-height:100vh}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.max-w-xs{max-width:20rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-opacity-50{opacity:.5}.text-opacity-60{opacity:.6}.text-opacity-70{opacity:.7}.text-opacity-80{opacity:.8}.text-opacity-90{opacity:.9}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.glass-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 25px 45px #0000001a;transition:all .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px #00000026}.btn-gradient{background:var(--accent-gradient);border:none;color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1rem}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-gradient:active{transform:translateY(0)}.btn-gradient:disabled{opacity:.5;cursor:not-allowed}.btn-google{background:#fff;color:#374151;border:1px solid rgba(0,0,0,.1);padding:12px 24px;border-radius:12px;transition:all .3s ease;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.btn-google:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.glass-input{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;transition:all .3s ease;width:100%;box-sizing:border-box}.glass-input::placeholder{color:#fff9}.glass-input:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:0 0 20px #ffffff1a}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo-glow{filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:20px;height:20px;animation:spin 1s linear infinite}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center}.hover\:bg-opacity-30:hover{background:#ffffff4d!important}.hover\:bg-opacity-20:hover{background:#fff3!important}.hover\:text-opacity-100:hover{opacity:1}.hover\:text-opacity-80:hover{opacity:.8}.hover\:scale-105:hover{transform:scale(1.05)}.transition-all{transition:all .3s ease}.transition-opacity{transition:opacity .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-opacity-5{background-color:#ffffff0d}.bg-opacity-10{background-color:#ffffff1a}.bg-opacity-15{background-color:#ffffff26}.bg-opacity-20{background-color:#fff3}.bg-opacity-30{background-color:#ffffff4d}.bg-opacity-50{background-color:#00000080}.border{border-width:1px}.border-2{border-width:2px}.border-white{border-color:#fff}.border-opacity-10{border-color:#ffffff1a}.border-opacity-20{border-color:#fff3}.border-opacity-30{border-color:#ffffff4d}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.top-1{top:.25rem}.top-2{top:.5rem}.right-1{right:.25rem}.right-2{right:.5rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.left-1{left:.25rem}.left-2{left:.5rem}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.max-h-40{max-height:10rem}.max-h-96{max-height:24rem}@media (max-width: 640px){.glass-card{margin:20px;border-radius:15px}}.admin-panel-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 10px 25px #0000001a}.admin-tabs{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;margin-bottom:20px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.admin-tab-button{flex:1;padding:15px;border:none;background:transparent;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.admin-tab-button.active{background:#667eea;color:#fff}.admin-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:25px;box-shadow:0 10px 25px #0000001a}.upload-interface{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.upload-header,.upload-stats{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 10px 25px #0000001a;display:flex;justify-content:space-between;align-items:center}.upload-dropzone{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:40px;margin-bottom:20px;box-shadow:0 10px 25px #0000001a;border:3px dashed #ddd;text-align:center;transition:all .3s;cursor:pointer}.upload-dropzone.drag-active{background:#27ae601a;border-color:#27ae60;transform:scale(1.02)}.pin-input{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:24px;text-align:center;font-weight:700;letter-spacing:8px;outline:none;transition:border-color .3s;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pin-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pin-input::placeholder{color:#ccc;letter-spacing:4px}.photo-limit-indicator{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:10px;margin:10px 0;border:1px solid #e9ecef}.limit-progress{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin:0 15px}.limit-progress-bar{height:100%;background:linear-gradient(135deg,#27ae60,#2ecc71);transition:width .3s ease;border-radius:4px}.limit-progress-bar.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.limit-progress-bar.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin:20px 0}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.photo-preview-item:hover{transform:scale(1.05)}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:#e74c3c;color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.photo-remove-btn:hover{transform:scale(1.1);background:#c0392b}.success-container{min-height:100vh;background:linear-gradient(135deg,#27ae60,#229954);display:flex;align-items:center;justify-content:center;padding:20px}.success-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 45px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-progress{width:100%;height:8px;background:#e9ecef;border-radius:10px;overflow:hidden;margin:15px 0}.upload-progress-bar{height:100%;background:linear-gradient(135deg,#27ae60,#2ecc71);transition:width .3s ease;border-radius:10px}.stat-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:25px 0}.stat-card{padding:20px;color:#fff;border-radius:12px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,#3498db,#2980b9)}.stat-card.success{background:linear-gradient(135deg,#27ae60,#229954)}.stat-card.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-card.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-value{font-size:24px;font-weight:700;margin-bottom:5px}.stat-label{font-size:12px;opacity:.9}.action-button{width:100%;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:15px;color:#fff;box-shadow:0 4px 8px #0000001a}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.action-button:active{transform:scale(.98)}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-button.success{background:linear-gradient(135deg,#27ae60,#2ecc71)}.action-button.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.action-button.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.action-button:disabled{background:#95a5a6!important;cursor:not-allowed;transform:none!important}.info-card{padding:20px;border-radius:10px;margin:15px 0;border:1px solid;font-size:14px;line-height:1.6}.info-card.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.info-card.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.info-card.info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.setting-group{margin-bottom:25px}.setting-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.setting-input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}.setting-input:focus{border-color:#667eea}.setting-slider{width:100%;height:8px;border-radius:4px;background:#ddd;outline:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 4px #0003}.setting-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}@media (max-width: 768px){.admin-panel-container,.upload-interface{padding:10px}.stat-cards-grid{grid-template-columns:repeat(2,1fr)}.upload-header{flex-direction:column;gap:10px;text-align:center}.upload-stats{flex-direction:column;gap:10px}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}}@media (max-width: 480px){.pin-input{font-size:20px;letter-spacing:4px;padding:12px}.stat-value{font-size:20px}.action-button{padding:12px;font-size:14px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.pin-input,.setting-input{border-width:3px}.action-button{border:2px solid currentColor}}