.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-container{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:var(--transition-fast);line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg);flex:1 1;overflow-y:auto}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-container{max-height:95vh}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.image-picker-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.image-picker-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.image-picker-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.image-picker-upload{border:2px dashed var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-secondary)}.image-picker-upload.dragover,.image-picker-upload:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.image-picker-upload-icon{color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.image-picker-upload p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.image-picker-upload span{color:var(--color-text-muted);font-size:.75rem}.image-picker-upload input{display:none}.image-picker-uploading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-primary);font-size:.9rem}.image-picker-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.image-picker-divider:after,.image-picker-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.image-picker-grid-header{display:flex;align-items:center;justify-content:space-between}.image-picker-grid-header h3{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.image-picker-grid-header button{background:none;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.image-picker-grid-header button:hover{background:var(--color-primary-light)}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);max-height:320px;overflow-y:auto;padding:var(--spacing-xs)}.image-picker-item{position:relative;aspect-ratio:2/3;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);background:var(--color-bg-tertiary)}.image-picker-item:hover{border-color:var(--color-primary);transform:scale(1.03)}.image-picker-item.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light),var(--shadow-glow)}.image-picker-item img{width:100%;height:100%;object-fit:cover}.image-picker-item-name{position:absolute;bottom:0;left:0;right:0;padding:.3rem .4rem;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:.65rem;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-picker-item-check{position:absolute;top:.3rem;right:.3rem;width:22px;height:22px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.image-picker-item.selected .image-picker-item-check{opacity:1;transform:scale(1)}.image-picker-empty{text-align:center;color:var(--color-text-muted)}.image-picker-empty,.image-picker-loading{padding:var(--spacing-xl);font-size:.85rem}.image-picker-loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);gap:var(--spacing-sm)}.image-picker-error{text-align:center;padding:var(--spacing-md);color:var(--color-danger);font-size:.85rem;background:var(--color-danger-light);border-radius:var(--border-radius)}.image-picker-item-video{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(233,30,140,.15));color:var(--color-text-secondary)}.image-picker-item-video svg{opacity:.7}.image-picker-item-size{font-size:.6rem;color:var(--color-text-muted);opacity:.8}.image-picker-item:hover .image-picker-item-video{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(233,30,140,.25))}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@media (max-width:768px){.image-picker-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:250px}}.add-movie-page{min-height:100dvh;display:flex;flex-direction:column}.add-movie-content{flex:1 1;display:flex;justify-content:center;align-items:flex-start;padding:5.5rem 1.5rem 3rem}.add-movie-container{width:100%;max-width:600px}.add-movie-header{margin-bottom:var(--spacing-xl)}.add-movie-title{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.add-movie-subtitle{color:var(--color-text-secondary);font-size:.95rem}.banner-preview{width:100%;height:200px;border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-bg-secondary);border:1px dashed var(--color-border);display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-sm)}.banner-preview img{width:100%;height:100%;object-fit:cover}.banner-preview-placeholder{color:var(--color-text-muted);font-size:.85rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.banner-preview-placeholder svg{opacity:.4}.add-movie-page .form-select{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-primary-border)}.add-movie-page .form-select option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.form-submit{margin-top:var(--spacing-sm)}@media (max-width:768px){.add-movie-content{padding:5rem 1rem 2rem}.add-movie-title{font-size:1.5rem}.banner-preview{height:150px}}