*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.font-cairo{font-family:Cairo,sans-serif}.auth-page{align-items:center;background-color:#f5f5f5;direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-container{max-width:450px;width:100%}.auth-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2rem}.auth-title{color:#1f2937;font-size:1.875rem;font-weight:600;margin-bottom:2rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#4b5563}.input-icon{color:#9ca3af;right:1rem}.input-with-icon input{border:1px solid #d1d5db;border-radius:.5rem;transition:border-color .2s,box-shadow .2s}.input-with-icon input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.error-message{font-size:.875rem}.btn{justify-content:center}.btn-block{width:100%}.btn-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.btn-link:hover{color:#4338ca}.auth-footer{color:#6b7280;margin-top:1.5rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;display:inline-block;height:1.25rem;width:1.25rem}@media (max-width:640px){.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}}.check-otp-container{align-items:center;background-color:#f5f5f5;direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:1rem}.check-otp-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.check-otp-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.check-otp-form{gap:1.5rem}.check-otp-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#555;font-size:.875rem;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#6366f1;position:absolute;right:12px}.input-with-icon input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-with-icon input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.input-with-icon input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.success-message{background-color:#10b9811a;border-radius:6px;color:#10b981;font-size:.875rem;padding:.5rem;text-align:center}.submit-button{align-items:center;background-color:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .3s ease;width:100%}.submit-button:hover{background-color:#4f46e5}.submit-button:disabled{background-color:#a5a5a5;cursor:not-allowed}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.resend-otp{align-items:center;color:#666;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.resend-button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;transition:color .3s ease}.resend-button:hover{color:#4f46e5;text-decoration:underline}@media (max-width:480px){.check-otp-card{padding:1.5rem}.check-otp-title{font-size:1.25rem}.input-with-icon input{font-size:.875rem;padding:.625rem .875rem .625rem 2.25rem}.submit-button{font-size:.875rem;padding:.625rem 1.25rem}}:root{--primary-color:#6a5acd;--secondary-color:#20b2aa;--danger-color:tomato;--success-color:#32cd32;--error-color:tomato;--background-color:#f5f5f5;--card-bg:#fff;--text-color:#333;--text-light:#666;--border-color:#e0e0e0;--border-radius:12px;--spacing:1rem;--transition:all 0.3s ease;--shadow:0 4px 12px #0000001a;--shadow-hover:0 8px 24px #00000026}body{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard{background-color:#f5f5f5;background-color:var(--background-color);margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem;padding:var(--spacing)}.dashboard-header{align-items:center;background:linear-gradient(135deg,#6a5acd,#20b2aa);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:calc(var(--spacing)*2);padding:2rem}.header-content h1{font-size:2.5rem;font-weight:700}.header-content p{font-size:1.1rem}.btn{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#6a5acd;background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:#5a4ab8;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-secondary{background-color:#20b2aa;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#1a9a93;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-danger{background-color:tomato;background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#e55a3d;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-icon{align-items:center;display:flex;justify-content:center;line-height:1}.btn-icon svg{stroke-width:2;height:1em;width:1em}.btn:hover .btn-icon svg{transform:scale(1.1);transition:transform .2s ease}.tabs{background-color:#fff;background-color:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);display:flex;gap:1rem;margin-bottom:2rem;margin-bottom:calc(var(--spacing)*2);padding:.5rem}.tab{background:none;border:none;border-radius:12px;border-radius:var(--border-radius);color:#666;color:var(--text-light);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;transition:var(--transition)}.tab.active,.tab:hover{background-color:#6a5acd1a;color:#6a5acd;color:var(--primary-color)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#333;color:var(--text-color);font-size:1.8rem;margin:0;padding-right:1rem;position:relative}.section-header h2:after{background-color:#6a5acd;background-color:var(--primary-color);border-radius:2px;content:"";height:70%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px}.albums-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.album-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.album-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.album-image{height:200px;overflow:hidden;width:100%}.album-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.album-card:hover .album-image img{transform:scale(1.05)}.album-content{padding:1.5rem}.album-content h3{color:#1f2937;font-size:1.25rem;margin:0 0 1rem}.album-colors{display:flex;gap:.5rem;margin-bottom:1rem}.color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:24px;width:24px}.album-stats{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.album-actions{display:flex;gap:.75rem;z-index:10}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.user-card{background-color:#fff;background-color:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);overflow:hidden;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.user-card:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.user-header{gap:1rem;margin-bottom:1.5rem}.user-avatar,.user-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#6a5acd,#20b2aa);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info h3{color:#333;color:var(--text-color);font-size:1.3rem;margin:0}.user-info p{color:#666;color:var(--text-light);font-size:.9rem;margin:.25rem 0 0}.user-kids h4{color:#333;color:var(--text-color);font-size:1.1rem;margin:0 0 1rem;padding-right:.75rem;position:relative}.user-kids h4:after{background-color:#20b2aa;background-color:var(--secondary-color);border-radius:1.5px;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.kids-list{flex-direction:column}.kid-item,.kids-list{display:flex;gap:.75rem}.kid-item{align-items:center;background-color:#20b2aa1a;border-radius:12px;border-radius:var(--border-radius);padding:.75rem}.kid-avatar{font-size:1.5rem}.kid-info{display:flex;flex-direction:column}.kid-name{color:#333;color:var(--text-color);font-weight:600}.kid-dob{font-size:.85rem}.kid-dob,.user-footer{color:#666;color:var(--text-light)}.user-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);font-size:.9rem;margin-top:1.5rem;padding-top:1rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#333;color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.input-group input{background-color:#f9f9f9;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem;transition:all .3s ease;transition:var(--transition);width:100%}.input-group input:focus{background-color:#fff;border-color:#6a5acd;border-color:var(--primary-color);box-shadow:0 0 0 3px #6a5acd33;outline:none}.input-group input.error{border-color:tomato;border-color:var(--error-color)}.helper-text{color:#666;color:var(--text-light)}.error-text,.helper-text{display:block;font-size:.85rem;margin-top:.5rem}.error-text{color:tomato;color:var(--error-color)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease;background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#6a5acd,#20b2aa);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;opacity:.8;padding:0;transition:all .3s ease;transition:var(--transition)}.close-button:hover{opacity:1}.modal-body{padding:1.5rem}.image-upload{background-color:#f9f9f9;border:2px dashed #e0e0e0;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;margin:1rem 0;padding:2rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.image-upload.drag-active{background-color:#6a5acd1a;border-color:#6a5acd;border-color:var(--primary-color)}.upload-placeholder{color:#666;color:var(--text-light);font-size:1.1rem}.preview-image{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);max-height:250px;max-width:100%}.form-actions{margin-top:2rem}.delete-confirmation{padding:1rem 0;text-align:center}.delete-confirmation p{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:2rem}.toast{background:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);bottom:1.5rem;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);min-width:300px;padding:1rem 1.5rem;right:1.5rem;z-index:1100}.toast-success{border-right:4px solid #32cd32;border-right:4px solid var(--success-color)}.toast-error{border-right:4px solid tomato;border-right:4px solid var(--error-color)}.toast button{color:#666;color:var(--text-light);line-height:1;margin-right:auto}.loading-albums,.loading-users{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.album-card-skeleton,.user-card-skeleton{background-color:#fff;background-color:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);height:350px;overflow:hidden;position:relative}.skeleton-header,.skeleton-image{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:200px}.skeleton-content,.skeleton-kids{padding:1.5rem}.skeleton-title{height:24px;width:80%}.skeleton-colors,.skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:1rem}.skeleton-colors{height:30px;width:60%}.skeleton-actions{height:40px;margin-top:auto;width:100%}.skeleton-actions,.skeleton-footer{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-footer{height:20px;margin-top:1rem;width:70%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.albums-grid,.users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.dashboard{padding:.75rem}.dashboard-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.header-content h1{font-size:2rem}.tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.tab{white-space:nowrap}.albums-grid,.loading-albums,.loading-users,.users-grid{grid-template-columns:1fr}.album-actions,.form-actions{flex-direction:column}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.toast{left:1rem;min-width:auto;right:1rem}}@media (max-width:480px){.dashboard-header{padding:1rem}.header-content h1{font-size:1.75rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.album-card,.user-card{border-radius:8px}.album-image{height:160px}.user-header{align-items:flex-start;flex-direction:column;text-align:center}.user-avatar{margin:0 auto}.user-info{text-align:center}}.edit-button{background-color:#fff!important;border-color:#6366f1!important;color:#6366f1!important}.edit-button:hover{background-color:#6366f11a!important;border-color:#4f46e5!important;color:#4f46e5!important}.album-actions button{pointer-events:auto;position:relative;z-index:30}.album-card:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.album-actions{position:relative;z-index:2}.top-menu{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;direction:rtl;padding:1rem 2rem}.menu-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.welcome-text h1{font-size:1.5rem;font-weight:600;margin:0}.menu-actions{align-items:center;display:flex;gap:1rem}.user-menu{position:relative}.user-button{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s}.user-button:hover{background-color:#ffffff1a}.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.menu-arrow{transition:transform .2s}.menu-arrow.open{transform:rotate(180deg)}.menu-dropdown{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.menu-item{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:right;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f3f4f6}.menu-item svg{color:#6b7280}@media (max-width:768px){.top-menu{padding:1rem}.menu-content{flex-direction:column;gap:1rem;text-align:center}.welcome-text h1{font-size:1.25rem}.menu-actions{justify-content:center;width:100%}}body{background-color:#f8f9fa;direction:rtl;font-family:Cairo,sans-serif;line-height:1.6;margin:0;text-align:right}.landing-page{color:#333}.header{background-color:#662084;color:#fff;padding:50px 20px;text-align:center}.header .cta-button{background-color:#fff;border:none;border-radius:5px;color:#662084;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px}.header .cta-button:hover{background-color:#ddd}.container{margin:0 auto;max-width:1200px;padding:20px}.cta-section,.intro-section,.market-section{background-color:#fff;margin:20px 0;padding:50px 20px}.features-section{background-color:#e9ecef;padding:50px 20px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{background:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:20px}.cta-section{background-color:#662084;color:#fff;text-align:center}.cta-section .cta-button{background-color:#fff;border:none;border-radius:5px;color:#662084;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px}.footer{background-color:#333;color:#fff;font-size:14px;padding:10px 0;text-align:center}.fileViewerStyle{width:200%}.stories-page{background-color:#f5f5f5;direction:rtl;min-height:100vh;padding:2rem}.stories-header{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{font-size:2rem}.header-actions button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.header-actions button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.header-actions button.btn-primary{background:#fff;color:#2196f3}.header-actions button.btn-refresh,.header-actions button.btn-secondary{background:#fff3;color:#fff}.header-actions button.btn-refresh:hover{background:#ffffff4d}.header-actions button.btn-refresh .btn-icon{animation:spin 1s linear infinite}.header-actions button .btn-icon{align-items:center;display:flex;justify-content:center}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.story-card{aspect-ratio:9/16;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;min-height:400px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.story-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.story-preview{height:100%;position:relative;width:100%}.story-background{height:100%;object-fit:cover;width:100%}.story-overlay{background:linear-gradient(180deg,#000000b3 0,#00000080 30%,#0000004d 60%,#000000b3);bottom:0;flex-direction:column;left:0;padding:1.5rem;position:absolute;right:0;top:0;z-index:1}.story-header,.story-overlay{display:flex;justify-content:space-between}.story-header{align-items:flex-start;margin-bottom:1rem;position:relative;z-index:2}.story-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:nowrap}.premium-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:4px 8px}.premium-badge span{color:#fff;font-size:.875rem}.story-thumbnail{margin:0 auto}.story-audio,.story-thumbnail{position:relative;z-index:2}.story-actions{justify-content:center;margin-top:auto;z-index:2}.story-actions,.story-actions button{display:flex;gap:.5rem;position:relative}.story-actions button{align-items:center;border:none;border-radius:20px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:transform .2s ease;z-index:3}.story-actions button:hover{transform:translateY(-2px)}.story-actions button .btn-icon{align-items:center;display:flex;justify-content:center}.story-actions button.btn-primary{background:#4caf50;color:#fff}.story-actions button.btn-secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;color:#fff}.story-actions button.btn-danger{background:#f44336;color:#fff}.premium-badge{position:relative;z-index:3}.story-audio audio::-webkit-media-controls-current-time-display,.story-audio audio::-webkit-media-controls-mute-button,.story-audio audio::-webkit-media-controls-panel,.story-audio audio::-webkit-media-controls-play-button,.story-audio audio::-webkit-media-controls-time-remaining-display,.story-audio audio::-webkit-media-controls-timeline,.story-audio audio::-webkit-media-controls-volume-slider{position:relative;z-index:3}.loading-stories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.story-card-skeleton{aspect-ratio:9/16;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative}.skeleton-image{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.story-form{display:flex;flex-direction:column;gap:1.5rem}.audio-upload-container,.image-upload-container{display:flex;flex-direction:column;gap:.5rem}.audio-upload,.image-upload{border:2px dashed #ccc;border-radius:.5rem;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.audio-upload:hover,.drag-active,.image-upload:hover{background:#f9f9f9;border-color:#4caf50}.preview-image{border-radius:.5rem;margin:1rem auto;max-height:200px;max-width:200px;object-fit:contain}.file-preview{background:#f9f9f9;border-radius:.5rem;margin:1rem 0;padding:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media (max-width:1200px){.stories-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.stories-page{padding:1rem}.stories-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.stories-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:.5rem}.story-card{min-height:350px}.story-overlay{padding:1rem}.story-header h3{font-size:1.1rem}.story-details{flex-direction:column;gap:.5rem}.story-thumbnail{height:140px;width:100%}.story-info{width:100%}.info-item{padding:.5rem 0}.story-actions{gap:.25rem}.story-actions button{font-size:.8rem;min-width:80px;padding:.4rem .8rem}}@media (max-width:480px){.stories-grid{grid-template-columns:1fr}.story-card{aspect-ratio:9/20;min-height:300px}.story-header h3{font-size:1rem}.story-thumbnail{height:120px}.story-actions button{font-size:.75rem;min-width:70px;padding:.3rem .6rem}}.toast{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem 2rem;z-index:1000}.toast.error{background:#ffebee;color:#c62828}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;gap:8px;position:relative}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:20px;display:inline-block;height:20px;position:relative;transition:.4s;width:40px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:#f59e0b}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:#fff;font-size:14px;-webkit-user-select:none;user-select:none}.audio-upload.loading,.image-upload.loading{background-color:#6366f10d;border-color:#6366f1;pointer-events:none;position:relative}.upload-loading{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #6366f14d;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}.upload-loading span{color:#6366f1;font-size:14px;font-weight:500}.btn:disabled{align-items:center;display:flex;gap:8px;opacity:.7}.btn:disabled .loading-spinner{border-width:2px;height:16px;width:16px}.story-details{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:8px;gap:1rem;margin:1rem 0;padding:1rem}.story-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.info-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:space-between;padding:.25rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#ffffffb3}.info-label,.info-value{font-size:.875rem;white-space:nowrap}.info-value{color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis}.loading-spinner.small{border-width:2px;height:16px;width:16px}.story-thumbnail{border:2px solid #fff3;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:120px;overflow:hidden;width:120px}.story-thumbnail img{height:100%;object-fit:cover;width:100%}.story-audio{margin:1rem 0;width:100%}.story-audio audio{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:18px;height:36px;width:100%}@media (max-width:768px){.story-details{flex-direction:column}.story-thumbnail{height:160px;width:100%}.info-item{padding:.5rem 0}}.reviews-page{direction:rtl;padding:2rem}.reviews-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:1rem;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{font-size:1.875rem;font-weight:600;margin:0}.header-content p{margin:.5rem 0 0;opacity:.9}.header-actions{display:flex;gap:1rem}.reviews-content{display:flex;flex-direction:column;gap:2rem}.reviews-table-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.reviews-table-card h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.reviews-table{overflow-x:auto;width:100%}.reviews-table table{border-collapse:collapse;width:100%}.reviews-table td,.reviews-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:center}.reviews-table th{font-weight:600}.reviews-table th,.reviews-table tr:hover{background-color:#f9fafb}.reviews-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-card h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:center}.chart-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-reviews{display:flex;flex-direction:column;gap:1rem}.review-skeleton{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1rem}.skeleton-icon{animation:pulse 1.5s infinite;background:#e5e7eb;border-radius:50%;height:24px;width:24px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;padding:1rem;text-align:center}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#fff;border:1px solid #4f46e5;color:#4f46e5}.btn-secondary:hover:not(:disabled){background-color:#f9fafb}.btn-refresh{background-color:#4f46e5;color:#fff}.btn-refresh:hover:not(:disabled){background-color:#4338ca}.btn-refresh .btn-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast{align-items:center;background:#fff;border-radius:.5rem;bottom:2rem;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;padding:1rem;position:fixed;right:2rem;z-index:50}.toast-error{background:#fee2e2;color:#dc2626}.toast button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;padding:0}@media (max-width:768px){.reviews-page{padding:1rem}.reviews-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{justify-content:center;width:100%}.reviews-charts{grid-template-columns:1fr}.reviews-table{font-size:.875rem}.reviews-table td,.reviews-table th{padding:.75rem}}
/*# sourceMappingURL=main.962c6e3a.css.map*/