.navbar-container{background-color:#fff;box-shadow:0 2px 8px #0000000d;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 24px}.navbar-logo,.navbar-logo a{align-items:center;display:flex;gap:8px}.navbar-logo a{color:#111;font-size:1.4rem;font-weight:700;letter-spacing:.4px;text-decoration:none;transition:color .25s ease}.navbar-logo a:hover{color:#555}.navbar-logo img{height:48px;object-fit:contain;transition:transform .25s ease}.navbar-logo img:hover{transform:scale(1.05)}@media (max-width:768px){.navbar-logo img{height:40px}.navbar-logo a{font-size:1.2rem}}.navbar-menu{display:flex;gap:24px;transition:all .3s ease}.navbar-menu a{border-radius:6px;color:#333;font-size:1rem;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .25s ease}.navbar-menu a:hover{background-color:#0000000d}.navbar-menu a.active{background-color:#000;color:#fff}.nav-user,.nav-user-dropdown{display:inline-block}.nav-user:hover{background-color:#0000000d}.nav-user-dropdown{display:block;position:relative}.nav-user{border-radius:6px;color:#333;cursor:pointer;display:block;font-weight:500;padding:8px 12px}.nav-user-menu{background:#fff;border-radius:6px;box-shadow:0 3px 12px #0000001f;min-width:160px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;visibility:hidden}.nav-user-dropdown:hover .nav-user-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar-toggle{color:#000;cursor:pointer;display:none;z-index:1101}.navbar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000059;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1100}@media (max-width:768px){.navbar{padding:12px 18px}.navbar-menu{align-items:flex-start;background-color:#fff;box-shadow:-2px 0 10px #0000001a;flex-direction:column;gap:20px;height:100vh;padding:80px 20px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:240px;z-index:1102}.navbar-menu.active{right:0}.navbar-toggle{display:block}}.footer{background-color:#2b2b2b;box-sizing:border-box;color:#fff;overflow:hidden;padding:20px 40px;position:relative;width:100%}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.footer-left p{font-size:1.2rem;font-weight:400;line-height:1.4;margin:5px 0}.footer-right{display:flex;gap:15px}.social-icon{color:#fff;font-size:1.8rem;transition:color .3s,transform .3s}.social-icon:hover{color:#00bcd4;transform:scale(1.1)}.footer-bottom{border-top:1px solid #fff3;color:#aaa;font-size:.9rem;margin-top:15px;padding-top:10px;text-align:center}.back-to-top{background-color:#00bcd4;border:none;border-radius:50%;bottom:25px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px;position:fixed;right:25px;transition:background-color .3s,transform .3s;z-index:999}.back-to-top:hover{background-color:#0097a7;transform:translateY(-2px)}@media (max-width:768px){.footer-content{align-items:flex-start;flex-direction:column}.footer-right{align-self:center}.footer-left p{font-size:1rem}.social-icon{font-size:1.6rem}.back-to-top{bottom:20px;padding:10px;right:20px}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:9999;z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:#000;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:contain;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:1;opacity:var(--yarl__pull_opacity,1);transform:translate(0);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*100%);width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-webkit-touch-callout:none;max-height:100%;max-width:100%;object-fit:contain;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:#fffc;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:red;color:var(--yarl__slide_icon_error_color,red);height:48px;height:var(--yarl__slide_icon_error_size,48px);width:48px;width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:none 0s ease 0s;transition:initial}.yarl__slide_loading,.yarl__slide_loading line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:8px;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:32px;height:var(--yarl__icon_size,32px);width:32px;width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:initial;background-color:var(--yarl__button_background_color,#0000);border:0;border:var(--yarl__button_border,0);color:#fffc;color:var(--yarl__color_button,#fffc);cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:0;margin:var(--yarl__button_margin,0);outline:none;padding:8px;padding:var(--yarl__button_padding,8px)}.yarl__button:focus{color:#fff;color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:#fffc;color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:#fff;color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:#fff;color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:#fff6;color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:24px 16px;padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:auto;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:auto;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1 1;position:relative}.yarl__thumbnails_container{-webkit-touch-callout:none;background-color:#000;background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:16px;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;user-select:none}.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:12%;pointer-events:none;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(90deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(180deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:16px;gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:#000;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:#fffc;border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:4px;border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:solid;border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:1px;border-width:var(--yarl__thumbnails_thumbnail_border,1px);box-sizing:initial;cursor:pointer;flex:0 0 auto;height:80px;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:4px;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:120px;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:#fff;border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:inherit}.yarl__thumbnails_thumbnail_placeholder{cursor:inherit;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:none}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:#fffc;color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:32px;height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:32px;width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__slide_captions_container{background:#00000080;background:var(--yarl__slide_captions_container_background,#00000080);left:0;left:var(--yarl__slide_captions_container_left,0);padding:16px;padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:0;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:#fff;color:var(--yarl__slide_title_color,#fff);font-size:125%;font-size:var(--yarl__slide_title_font_size,125%);font-weight:bolder;font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:100%;max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:0;top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:#fff;color:var(--yarl__slide_description_color,#fff);display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;text-align:start;text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:0;bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__captions_container{pointer-events:auto!important;z-index:1000!important}.lightbox-caption{background:#00000073;border-top:1px solid #ffffff1a;color:#fff;font-family:Poppins,sans-serif;padding:12px 16px;text-align:center}.lightbox-caption strong{display:block;font-size:1.1rem;margin-bottom:4px}.lightbox-caption p{font-size:.9rem;margin:0;opacity:.8;word-break:break-all}.home-container{font-family:Poppins,sans-serif;height:auto;margin:2% auto;overflow-y:auto;width:90%}.home-heading{color:#222;font-weight:600;letter-spacing:1px;margin-bottom:2rem;margin-top:2rem;text-align:center}.MuiImageList-root{margin:0 auto}.MuiImageListItem-root img{border-radius:12px;cursor:pointer;height:auto;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.MuiImageListItem-root img:hover{box-shadow:0 10px 18px #00000040;transform:scale(1.05)}.loading-overlay{background:#ffffffd9}.spinner{border-top-color:#333;height:55px;width:55px}.fade-in{animation:fadeIn .4s ease-in forwards}@media (max-width:1200px){.MuiImageList-root{column-count:3!important}}@media (max-width:900px){.MuiImageList-root{column-count:2!important}}@media (max-width:600px){.MuiImageList-root{column-count:1!important}.home-heading{font-size:1.6rem}}.home-container::-webkit-scrollbar{width:8px}.home-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.home-container::-webkit-scrollbar-thumb:hover{background:#888}.sortbar-container{align-items:center;display:flex;gap:12px;margin:15px 0}.sortbar-label{font-size:15px;font-weight:600}.sortbar-select{border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.pagination-container{align-items:center;display:flex;gap:12px;justify-content:center;margin:25px 0}.pagination-btn{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:.2s ease}.pagination-btn:disabled{background:#aaa;cursor:not-allowed}.pagination-btn:hover:not(:disabled){background:#000}.pagination-info{font-size:15px}.showcase-container{color:#222;font-family:Poppins,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:90%;padding:40px 20px}.showcase-title{color:#111;font-size:2.4rem;font-weight:600;letter-spacing:1px;margin-bottom:40px;text-align:center}.showcase-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px;padding:0}.showcase-nav li{list-style:none}.showcase-nav li span{border:1px solid #0000;border-radius:25px;color:#555;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:8px 18px;text-decoration:none;transition:all .3s ease}.showcase-nav li span:hover,.showcase-nav li.active span{background-color:#000;border-color:#000;color:#fff}.showcase-list{display:block}.showcase-item{margin-bottom:60px;text-align:center}.showcase-caption{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:12px;text-align:left;word-break:break-word}.showcase-image{border-radius:12px;box-shadow:0 4px 18px #0000001f;cursor:pointer;height:auto;max-height:750px;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease;width:100%}.showcase-image:hover{box-shadow:0 10px 28px #00000040;transform:scale(1.02)}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;height:100vh;width:100vw;z-index:2000}.spinner{border:5px solid #ffffff80;border-top-color:#fff;height:50px;width:50px}.fade-in{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.showcase-title{font-size:2rem}}@media (max-width:768px){.showcase-container{padding:20px}.showcase-title{font-size:1.8rem}.showcase-image{max-height:450px}.showcase-caption{font-size:1rem}.showcase-nav a{font-size:.95rem;padding:6px 14px}}@media (max-width:480px){.showcase-title{font-size:1.6rem}.showcase-image{max-height:350px}.showcase-caption{font-size:.9rem}}.showcase-container::-webkit-scrollbar{width:8px}.showcase-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.showcase-container::-webkit-scrollbar-thumb:hover{background:#888}.dashboard{background:#f5f6fa;display:flex;font-family:Arial,sans-serif;justify-content:space-evenly;min-height:100vh}.sidebar-left{width:30%}.sidebar-left,.sidebar-right{background:#fff;border-right:1px solid #ddd;overflow-y:auto;padding-bottom:20px}.sidebar-right{width:70%}.content{flex:1 1;padding:20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 14px;transition:.2s}.btn:hover{opacity:.85}.btn-green{background:#28a745;color:#fff}.btn-red{background:#bd1212;color:#fff}.btn-primary{background:#007bff;color:#fff}.spinner-btn{animation:spin .8s linear infinite;border:6px solid #ccc;border-radius:50%;border-top-color:#007bff;height:20px;margin-bottom:10px;width:20px}@media (max-width:640px){.btn{justify-content:center;width:100%}}@media (max-width:1024px){.sidebar-left{width:35%}.sidebar-right{width:75%}}@media (max-width:768px){.dashboard{flex-direction:column}.sidebar-left,.sidebar-right{border-bottom:1px solid #ddd;border-right:none;width:100%}.content{padding:15px}}.image-section-header{justify-content:space-between}.image-section-header,.image-section-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.image-section-header-left{justify-content:space-evenly}.image-skeleton{animation:skeleton-loading 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e0e0e0,#f5f5f5 50%,#e0e0e0);background-size:200% 100%;border-radius:8px;height:55px;width:100%}.images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.images-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.images-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.images-grid{grid-template-columns:repeat(1,1fr)}}.image-card{position:relative}.image-thumb{border:1px solid #ddd;border-radius:6px;height:150px;object-fit:cover;width:100%}.image-delete-btn{background:#0000008c;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px;position:absolute;right:6px;top:34px}.upload-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000012;box-sizing:border-box;font-family:Inter,sans-serif;margin:40px auto;max-width:700px;padding:25px;width:100%}.upload-container h2{font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.label{display:block;font-weight:600;margin-bottom:6px}.select{border:1px solid #ddd;border-radius:10px;font-size:15px;padding:10px;width:100%}.dropzone,.select{margin-bottom:20px}.dropzone{background:#fafafa;border:2px dashed #aaa;border-radius:16px;cursor:pointer;padding:35px;text-align:center;transition:.2s}.dropzone.active{background:#e8f5ff;border-color:#2196f3}.dropzone p{font-size:16px;margin-bottom:10px}.upload-info{color:#555;font-size:14px;margin-top:10px}.file-label{background:#2196f3;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 18px}.file-label input{display:none}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:25px;overflow-x:auto}.preview-img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100%}.preview-info{color:#555;display:flex;font-size:12px;justify-content:space-between;margin-top:4px;padding:0 4px;text-align:center}.file-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{flex-shrink:0;margin-left:5px}.cancel-btn{background:#d80909}.cancel-btn,.upload-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;margin-top:25px;padding:14px;transition:.2s;width:100%}.upload-btn{background:#28a745}.upload-btn:hover{background:#208638}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.preview-wrapper{display:inline-block;position:relative}.remove-btn{background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:22px;line-height:18px;position:absolute;right:5px;text-align:center;top:5px;width:22px}.remove-btn:hover{background:red}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin .8s linear infinite;border:6px solid #ccc;border-radius:50%;border-top-color:#007bff;height:60px;margin-bottom:12px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay p{color:#333;font-size:1.2rem;font-weight:600}.password-wrapper{position:relative;width:100%}.password-input{background:#fdfdfd;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 5px #00000008;font-size:15px;margin-bottom:20px;margin-top:5px;outline:none;padding:12px 14px;transition:.25s ease;width:100%}.password-input:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 3px #2196f340}.toggle-password{cursor:pointer;font-size:20px;opacity:.65;position:absolute;right:14px;top:40%;transform:translateY(-50%);transition:.2s ease;-webkit-user-select:none;user-select:none}.toggle-password:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.password-input::placeholder{color:#888;opacity:.8}@media (max-width:600px){.upload-container{margin:20px;padding:18px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.preview-img{height:85px}.upload-btn{font-size:15px;padding:12px}.password-input{padding:11px 13px}.toggle-password{font-size:18px;right:10px}.password-input{font-size:14px;padding-right:40px}}@media (max-width:400px){.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.preview-img{height:75px}}.modal-backdrop{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:8px;border-radius:12px;max-height:90vh;max-width:90vw;min-width:320px;overflow:auto;padding:20px}.modal-header{border-bottom:1px solid #eee;flex-shrink:0;font-size:18px;font-weight:600;padding-bottom:10px}.modal-content{flex:1 1;overflow-x:auto;overflow-y:auto;padding-right:6px}.modal-input{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:8px;width:100%}.modal-content::-webkit-scrollbar{height:8px;width:8px}.modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#aaa}.folder-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:20px}.folder-list{padding:15px}.folder-skeleton{animation:skeleton-loading 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e0e0e0,#f5f5f5 50%,#e0e0e0);background-size:200% 100%;border-radius:8px;height:55px;margin-bottom:10px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.folder-item{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:10px;transition:.15s}.folder-item:hover{background:#c2bfbf}.folder-item.active-folder{background:#007bff;color:#fff}.folder-item.active-folder .folder-icon,.folder-item.active-folder span{color:#fff}.folder-left{align-items:center;display:flex;gap:8px}.folder-icon{color:#eab308;font-size:20px}.folder-item input[type=checkbox]{height:18px;width:18px}@media (max-width:1024px){.folder-item{padding:8px}}@media (max-width:640px){.folder-item{flex-direction:row;gap:10px;justify-content:flex-start}}.login-page{align-items:center;background:#f7f7f7;display:flex;height:100vh;justify-content:center;padding:20px;width:100%}.login-card{animation:fadeIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 8px 28px #00000014;max-width:420px;padding:40px 36px;width:100%}.login-title{color:#111;font-size:1.9rem;font-weight:700;text-align:center}.login-subtitle{color:#666;font-size:.95rem;margin-bottom:28px;margin-top:4px;text-align:center}.input-group{display:flex;flex-direction:column;margin-bottom:18px}.input-group label{color:#333;font-size:.95rem;margin-bottom:6px}.input-group input{background:#fafafa;border:1px solid #ddd;border-radius:10px;font-size:1rem;padding:12px 14px;transition:all .25s ease}.input-group input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.login-btn{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px;transition:all .25s ease;width:100%}.login-btn:hover{background:#333}@media (max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:1.7rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.75em}h1{font-size:2rem;text-align:center}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:.8rem;line-height:1.5;margin-bottom:1em}a{text-decoration:none;transition:color .2s ease}a:hover{color:#005bb5}.container{margin:0 auto;max-width:1200px;padding:20px}img{border-radius:4px;cursor:pointer;display:block;max-width:100%}@media (max-width:768px){body{font-size:.95rem}h1{font-size:1.5rem}p{font-size:.85rem}}
/*# sourceMappingURL=main.5c33bebe.css.map*/