body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.upload-progress-popup{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.upload-box{background:#fff;border-radius:12px;box-shadow:0 4px 18px #00000040;padding:20px;text-align:center;width:350px}.progress-bar{background:#eee;border-radius:8px;height:14px;margin-top:10px;overflow:hidden;width:100%}.progress-fill{background:#3498db;height:100%;transition:width .2s}.filename{font-weight:700;margin-bottom:5px}.upload-info{font-size:14px;margin-top:12px}.notify-center-popup{align-items:center;animation:fadeIn .2s ease-out;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.notify-center-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000040;font-size:18px;font-weight:600;min-width:260px;padding:22px 30px;text-align:center}.notify-center-box.success{border-left:6px solid #4caf50}.notify-center-box.error{border-left:6px solid #e53935}.notify-center-box.warning{border-left:6px solid #ff9800}.notify-center-text{margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}body{margin-left:50px;margin-right:50px}.app-container{padding-bottom:120px}.main-header{align-items:center;animation:fadeDrop .4s ease;background:#fff;box-shadow:0 3px 10px #00000026;display:flex;gap:15px;height:70px;left:0;padding:0 25px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeDrop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-logo{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:50px;object-fit:contain;width:50px}.header-title{color:#0e73ba;font-size:20px;font-weight:700}.header-title span{color:#004f83}.content-wrapper{padding-left:20px;padding-right:20px;padding-top:90px}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;gap:10px;padding:10px 0}.crumb{color:#0e73ba;cursor:pointer;font-weight:600}.crumb:hover{text-decoration:underline}.action-bar{display:flex;gap:15px;justify-content:center;padding:15px 0}.action-btn{background:#0e73ba;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:.25s}.action-btn:hover{background:#0b5c95;transform:translateY(-2px)}.note{align-items:flex-start;background:#eef6ff;border-left:4px solid #0e73ba;border-radius:8px;color:#374151;display:flex;font-size:.9rem;gap:10px;line-height:1.5;margin:12px 0 18px;padding:12px 14px;word-break:break-word}.note:before{content:"ℹ️";font-size:1rem;margin-top:2px}.folder-grid{display:flex;flex-wrap:wrap;gap:25px;padding-bottom:20px}.folder-item{background:#fff;border-radius:12px;box-shadow:0 3px 6px #0000001f;cursor:pointer;padding:12px;position:relative;text-align:center;transition:.25s;width:140px}.folder-item:hover{box-shadow:0 5px 14px #0000002e;transform:translateY(-6px)}.folder-name{color:#0e73ba;font-size:15px;font-weight:600;margin-top:8px}.delete-folder-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px;position:absolute;right:5px;top:5px;width:30px}.section-title{margin-bottom:10px;margin-top:10px}.delete-folder-btn:hover{background:#d80000}.image-grid{display:flex;flex-wrap:wrap;gap:25px;padding-bottom:40px}.image-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 8px #0000001f;display:flex;flex-direction:column;height:260px;overflow:hidden;padding:10px;position:relative;width:200px}.image-thumb{border-radius:8px;cursor:pointer;height:120px;object-fit:cover;width:100%}.delete-img-btn{cursor:pointer;height:26px;position:absolute;right:8px;top:8px;width:26px;width:25px}.image-info{margin-top:10px;text-align:left;width:100%}.image-name{color:#0e73ba;font-size:14px;font-weight:600;margin-bottom:6px}.image-link{border:1px solid #0e73ba;border-radius:6px;font-size:11px;margin-bottom:8px;padding:4px;width:100%}.modal{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.modal-box{animation:scaleIn .25s ease;background:#fff;border-radius:12px;box-shadow:0 3px 8px #0003;padding:25px;width:400px}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.fancy-footer{align-items:center;background:#0e73ba;bottom:0;box-shadow:0 -2px 8px #00000026;color:#f9eaea;display:flex;flex-direction:column;font-size:13px;font-weight:500;left:0;padding:5px 10px;position:fixed;right:0;text-align:center;z-index:2000}.footer-brand{margin:2px 0;opacity:.9}.fancy-footer:hover .footer-brand{opacity:1}.btn{background:linear-gradient(135deg,#0e73ba,#0a5a94);border:none;border-radius:8px;box-shadow:0 3px 6px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;margin-right:10px;padding:10px 20px;transition:.25s ease}.btn:hover{background:linear-gradient(135deg,#0f82d3,#0b67aa);box-shadow:0 6px 14px #0000002e;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 4px #00000026;transform:scale(.96)}.btn.cancel{background:#777;background:linear-gradient(135deg,#777,#5d5d5d);margin-top:10px}.btn.cancel:hover{background:linear-gradient(135deg,#8a8a8a,#6d6d6d);transform:translateY(-2px)}.btn.danger{background:linear-gradient(135deg,#d63031,#b82626)}.btn.danger:hover{background:linear-gradient(135deg,#e64f50,#c53030);transform:translateY(-2px)}.rename-input1{margin-bottom:10px;margin-top:5px;width:120px}.rename-input{width:180px}.folder-name,.rename-input{margin-bottom:10px}.back-btn{align-items:center;background:linear-gradient(135deg,#3498db,#217dbb);border:none;border-radius:8px;box-shadow:0 3px 6px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px;transition:.25s ease}.back-btn:before{content:"";font-size:16px;font-weight:700;margin-top:-1px}.back-btn:hover{background:linear-gradient(135deg,#40a8f0,#2a89c7);box-shadow:0 6px 14px #0000002e;transform:translateY(-2px)}.back-btn:active{box-shadow:0 2px 4px #00000026;transform:scale(.96)}.search-box{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 24 24' fill='%2388a0b5'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16a6.471 6.471 0 0 0 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C8.01 14 6 11.99 6 9.5S8.01 5 10.5 5 15 7.01 15 9.5 12.99 14 10.5 14z'/%3E%3C/svg%3E") no-repeat 10px;border:2px solid #cbd5e1;border-radius:8px;color:#000;font-size:px;padding:10px 14px 10px 38px;transition:.25s ease;width:260px}.search-box::placeholder{color:#94a3b8}.search-box:focus,.search-box:hover{border-color:#0e73ba}.search-box:focus{background-color:#fff;box-shadow:0 0 0 3px #0e73ba40;outline:none}.icon-btn{align-items:center;background:linear-gradient(135deg,#0e73ba,#0a5a94);border:none;border-radius:10px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:.25s ease}.icon-btn:hover{background:linear-gradient(135deg,#0f82d3,#0b67aa);box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.icon-btn:active{box-shadow:0 3px 6px #0000001f;transform:scale(.96)}.icon-img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:22px;object-fit:contain;width:22px}.login-container{align-items:center;background:#e8f1fb;display:flex;height:100vh;justify-content:center}.login-box{box-shadow:0 5px 15px #00000026}.login-box input{font-size:15px;margin:8px 0}.login-btn{margin-top:15px}.login-error{margin-top:8px}.login-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.login-box{animation:scaleIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000040;padding:30px;text-align:center;width:350px}.login-box input{border:1px solid #cbd5e1;border-radius:8px;margin-bottom:10px;padding:12px;width:100%}.login-btn{margin-top:10px;width:100%}.login-error{color:red;font-size:14px;margin-bottom:5px}.logout-btn{background:#ff4b4b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:8px 16px;transition:.25s}.logout-btn:hover{background:#d63030;transform:scale(1.05)}
/*# sourceMappingURL=main.b39553d1.css.map*/