@charset "UTF-8";body{margin:0}#App{display:flex;width:100%;color:#000;z-index:1;margin:0;padding:0;overflow-y:hidden}.breadcrumb-1{padding-left:15px!important}.img-wrapper{aspect-ratio:1;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;background-color:#e8eaed}.img-wrapper:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.main-container{overflow-x:hidden;overflow-y:auto;min-height:100vh}.main-container table{width:100%;border-collapse:collapse;font-size:14px}.main-container table thead tr{border-bottom:2px solid #f4f6f8}.main-container table thead tr th{padding:8px 16px;text-align:left;font-weight:600;color:#666;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.main-container table tbody tr{border-bottom:1px solid #f4f6f8;transition:background .15s;cursor:pointer}.main-container table tbody tr:hover{background-color:#f7f8fa}.main-container table tbody tr td{padding:6px 16px;vertical-align:middle;color:#222}.main-container table tbody tr td:first-child{display:flex;align-items:center;gap:10px;font-weight:500}.main-container table tbody tr td:first-child .file-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.main-container table tbody tr td.type-cell{color:#888;font-size:12px}.main-container table tbody tr td.date-cell{color:#888;font-size:12px;white-space:nowrap}.main-container .panel-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px;align-items:start;flex:1;align-self:flex-start}.inner-sidebar{display:flex;justify-content:center;padding:10px}.sidebar-wrapper{padding:40px 20px 20px;box-shadow:#00000012 4px 4px 2.6px;z-index:1}.sidebar{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:20px}.sidebar .sidebar-header .sidebar-hero{display:flex;align-items:center;padding-bottom:20px}.sidebar .sidebar-header .sidebar-logo{width:48px;height:48px;margin-right:10px}.sidebar .sidebar-header h3{font-size:18px;font-weight:700}.sidebar .sidebar-menu{list-style:none;padding:0;margin-top:20px}.sidebar .sidebar-menu .sidebar-item{align-items:center;padding:8px 15px;cursor:pointer;border-radius:5px;transition:background .3s;text-wrap:nowrap;display:flex;gap:10px}.sidebar .sidebar-menu .sidebar-item i{font-size:20px}.block{box-shadow:1px 0 1px #0000001a,0 1px 3px #00000014;padding:10px 15px;border-radius:2px;flex:auto;background-color:#fff}.header-container{color:#000;padding:10px 20px;display:flex;flex-direction:column;gap:20px}.header-container .header-top{display:flex;gap:20px;justify-content:space-between}.header-container .header-top .sk{display:flex;gap:20px;flex-basis:90%}.header-container .header-top .search-bar{display:flex;align-items:center}.header-container .header-top .search-bar .search-input{width:100%;padding:10px;border:none;border-radius:4px;font-size:14px}.header-container .header-top .search-bar .search-input:focus{border:0px;outline:none}.header-container .header-top .storage{box-shadow:1px 0 1px #0000001a,0 1px 3px #00000014;padding:10px 20px;display:flex;flex-direction:column;gap:5px}.header-container .header-top .storage .storage-quantity{display:flex;justify-content:space-between}.header-container .header-top .storage .storage-bar-wrapper{display:flex;flex-direction:column}.header-container .header-top .storage .storage-bar-wrapper .storage-bar{width:100%;border-radius:10px;background-color:#00f;height:10px}.header-container .header-top .header-icons{display:flex;gap:10px}.header-container .header-top .header-icons .icon-button{background:none;border:none;color:#000;font-size:18px;cursor:pointer;transition:transform .2s}.header-container .header-top .header-icons .icon-button:hover{transform:scale(1.1)}.header-container .header-bottom{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.header-container .header-bottom .breadcrumb{font-size:18px;margin:0}.header-container .header-bottom .header-actions{display:flex;gap:10px}.header-container .header-bottom .header-actions .action-button{color:#000;border:none;border-radius:4px;padding:10px 15px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:background .3s;background-color:#fff;border:1px solid rgba(0,0,0,.2)}.header-container .header-bottom .header-actions .action-button:hover{background:#d5dde4}.header-container .header-bottom .header-actions .action-button.danger{color:#d32f2f;border-color:#d32f2f66}.header-container .header-bottom .header-actions .action-button.danger:hover{background:#fdecea}.header-container .header-bottom .header-actions .action-button i{font-size:18px}.header-container .header-bottom .header-actions .action-button span{font-size:14px}.placeholder-text{color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}.placeholder-wrapper{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000a6);padding:24px 10px 8px;border-radius:0 0 12px 12px}.placeholder-duration{margin:5px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;color:#fff;padding:3px 8px;font-weight:500;display:flex;align-items:center;gap:4px}.top-wrapper{display:flex;justify-content:space-between;align-items:center;background-color:#0003}.top-wrapper .widgets-wrapper{display:flex;justify-content:space-between;gap:9px}.top-wrapper .widgets-wrapper .placeholder-like,.top-wrapper .widgets-wrapper .download-button{width:28px;height:28px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.top-wrapper .widgets-wrapper .placeholder-like:hover,.top-wrapper .widgets-wrapper .download-button:hover{background:#0000008c}.top-wrapper .widgets-wrapper .download-button:before{content:"↓";font-size:16px;font-weight:700;color:#fff}.placeholder-like{right:6px}.placeholder-like:before{content:"♥";font-size:20px}.placeholder-like.yellow:before{color:gold}.placeholder-like.white:before{color:#fff}.loading{width:100%;height:100vh;position:absolute;z-index:5;background-color:#00000080;display:flex;align-items:center;top:0;left:0;justify-content:center}.loading-message{width:100%;text-align:center;padding-bottom:150px;font-size:45px;background-color:transparent}.popup{width:100%;height:100vh;position:fixed;z-index:5;background-color:#000c;display:flex;align-items:center;justify-content:center;top:0;left:0}.close-modal-button{position:absolute;top:20px;right:20px}#close-icon{width:40px}.login-container,.signin-container{width:100%;height:100vh}.password-hint{margin:-4px 0 8px;font-size:12.5px;color:#c0392b;line-height:1.5}.header-container-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background-color:#fdfdfd}.rubber-band{position:absolute;border:1.5px solid #4a90e2;background:#4a90e21a;pointer-events:none;z-index:10}.row-selected{background-color:#4a90e21a!important}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000073;display:flex;align-items:center;justify-content:center}.confirm-overlay .confirm-modal{background:#fff;border-radius:12px;padding:28px 32px;min-width:340px;box-shadow:0 12px 40px #0003;animation:ctx-appear .15s ease-out}.confirm-overlay .confirm-modal p{margin:0 0 24px;font-size:15px;color:#1a1a1a;line-height:1.5}.confirm-overlay .confirm-modal .confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn{padding:9px 20px;border-radius:7px;border:none;font-size:14px;cursor:pointer;transition:background .15s}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.cancel{background:#f2f4f7;color:#333}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.cancel:hover{background:#e4e6ea}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.danger{background:#d32f2f;color:#fff}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.danger:hover{background:#b71c1c}.context-menu{position:fixed;z-index:1000;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 30px #0000002e,0 2px 8px #00000014;padding:5px;min-width:210px;animation:ctx-appear .12s ease-out}@keyframes ctx-appear{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu hr{border:none;border-top:1px solid #f0f0f0;margin:4px 0}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;font-size:13.5px;text-align:left;color:#1a1a1a;transition:background .1s}.context-menu button i{font-size:15px;width:18px;text-align:center;flex-shrink:0;opacity:.75}.context-menu button:hover{background-color:#f2f4f7}.context-menu button.danger{color:#d32f2f}.context-menu button.danger i{opacity:1}.context-menu button.danger:hover{background-color:#fdecea}.open-folder-popup{background:#fff;border-radius:12px;padding:28px 32px;min-width:360px;box-shadow:0 12px 40px #00000040;animation:ctx-appear .15s ease-out;display:flex;flex-direction:column;gap:16px}.open-folder-popup h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.open-folder-popup input[type=text]{width:100%;padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;box-sizing:border-box;transition:border-color .15s}.open-folder-popup input[type=text]:focus{border-color:#4a90e2}.open-folder-popup .folder-popup-actions{display:flex;justify-content:flex-end;gap:10px}.open-folder-popup .folder-popup-actions button{padding:9px 20px;border-radius:7px;border:none;font-size:14px;cursor:pointer;transition:background .15s}.open-folder-popup .folder-popup-actions button.cancel{background:#f2f4f7;color:#333}.open-folder-popup .folder-popup-actions button.cancel:hover{background:#e4e6ea}.open-folder-popup .folder-popup-actions button.primary{background:#4a90e2;color:#fff}.open-folder-popup .folder-popup-actions button.primary:hover{background:#357abd}.upload-widget{position:fixed;bottom:10px;left:24px;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000002e;padding:16px 20px;min-width:300px;max-width:660px;max-height:400px;overflow-y:auto;animation:ctx-appear .15s ease-out;box-shadow:0 4px 16px #000000b3}.upload-widget .upload-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.upload-widget .upload-widget-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:#1a1a1a}.upload-widget .upload-widget-title i{color:#4a90e2;font-size:15px}.upload-widget .upload-widget-close{background:none;border:none;cursor:pointer;color:#888;font-size:18px;padding:0 2px;line-height:1}.upload-widget .upload-widget-close:hover{color:#333}.upload-widget .upload-item{margin-bottom:12px}.upload-widget .upload-item:last-child{margin-bottom:0}.upload-widget .upload-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:10px}.upload-widget .upload-item-icon{flex-shrink:0;font-size:15px;line-height:1}.upload-widget .upload-item-name{font-size:12.5px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.upload-widget .upload-item-speed{font-size:11.5px;color:#888;flex-shrink:0;margin-left:8px}.upload-widget .upload-progress-bar{height:4px;background:#eee;border-radius:2px;overflow:hidden}.upload-widget .upload-progress-fill{height:100%;background:#4a90e2;border-radius:2px;transition:width .3s ease}.upload-widget .upload-progress-fill.indeterminate{width:35%;animation:indeterminate-slide 1.2s ease-in-out infinite}.upload-widget .upload-progress-fill.done{background:#27ae60}.upload-widget .upload-item-done{color:#27ae60;font-size:13px;flex-shrink:0;margin-left:6px}.upload-widget .upload-item-pct{text-align:right;font-size:11px;color:#888;margin-top:3px}@keyframes indeterminate-slide{0%{transform:translate(-100%)}to{transform:translate(380%)}}.drop-target{outline:4px solid #4a90e2!important;outline-offset:-2px;background-color:#4a90e214!important}.drop-target-row{background-color:#4a90e21a!important;outline:1px solid #4a90e2}@media screen and (max-width: 768px){#App{flex-direction:column-reverse}.header-container-wrapper{flex-basis:80%!important}.sidebar-wrapper{flex-basis:100%;width:100%}.sidebar{flex-direction:row;display:flex}}.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right{min-width:325px;pointer-events:all;position:absolute}.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:calc(50% - 175px);max-width:350px}.rnc__notification-container--center{height:100%;pointer-events:none;top:20px}.rnc__notification-container--bottom-full,.rnc__notification-container--top-full{min-width:100%;width:100%}.rnc__notification-container--bottom-full{bottom:0}.rnc__util--flex-center{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:325px;pointer-events:all}.rnc__notification-container--top-center{top:20px}.rnc__notification-container--bottom-center{bottom:20px}.rnc__notification-container--top-left{left:20px;top:20px}.rnc__notification-container--top-right{right:20px;top:20px}.rnc__notification-container--bottom-left{bottom:20px;left:20px}.rnc__notification-container--bottom-right{bottom:20px;right:20px}.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top{pointer-events:all;position:absolute}.rnc__notification-container--mobile-top{left:20px;right:20px;top:20px}.rnc__notification-container--mobile-bottom{bottom:20px;left:20px;margin-bottom:-15px;right:20px}.rnc__notification-item--default{background-color:#007bff;border-left:8px solid #0562c7}.rnc__notification-item--default .rnc__notification-timer{background-color:#007bff}.rnc__notification-item--default .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--default .rnc__notification-close-mark{background-color:#007bff}.rnc__notification-item--success{background-color:#28a745;border-left:8px solid #1f8838}.rnc__notification-item--success .rnc__notification-timer{background-color:#28a745}.rnc__notification-item--success .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--success .rnc__notification-close-mark{background-color:#28a745}.rnc__notification-item--danger{background-color:#dc3545;border-left:8px solid #bd1120}.rnc__notification-item--danger .rnc__notification-timer{background-color:#dc3545}.rnc__notification-item--danger .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--danger .rnc__notification-close-mark{background-color:#dc3545}.rnc__notification-item--info{background-color:#17a2b8;border-left:8px solid #138b9e}.rnc__notification-item--info .rnc__notification-timer{background-color:#17a2b8}.rnc__notification-item--info .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--info .rnc__notification-close-mark{background-color:#17a2b8}.rnc__notification-item--warning{background-color:#eab000;border-left:8px solid #ce9c09}.rnc__notification-item--warning .rnc__notification-timer{background-color:#eab000}.rnc__notification-item--warning .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--warning .rnc__notification-close-mark{background-color:#eab000}.rnc__notification-item--awesome{background-color:#685dc3;border-left:8px solid #4c3fb1}.rnc__notification-item--awesome .rnc__notification-timer{background-color:#685dc3}.rnc__notification-item--awesome .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--awesome .rnc__notification-close-mark{background-color:#685dc3}@keyframes timer{0%{width:100%}to{width:0}}.rnc__base{height:100%;pointer-events:none;position:fixed;width:100%;z-index:9000}.rnc__notification-item{border-radius:3px;box-shadow:1px 3px 4px #0003;cursor:pointer;display:flex;margin-bottom:15px;position:relative}.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item{border-radius:0;margin-bottom:0}.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification{width:100%!important}.rnc__notification-timer{margin-top:10px;width:100%}.rnc__notification-timer,.rnc__notification-timer-filler{border-radius:5px;height:3px}.rnc__notification-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:5px}.rnc__notification-message{word-wrap:break-word;color:#fff;font-size:14px;line-height:150%;margin-bottom:0;margin-top:0;max-width:calc(100% - 15px)}.rnc__notification-content{display:inline-block;padding:8px 15px;width:100%}.rnc__notification-close-mark{border-radius:50%;display:inline-block;height:18px;position:absolute;right:10px;top:10px;width:18px}.rnc__notification-close-mark:after{color:#fff;content:"×";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item{max-width:100%;width:100%}.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification{margin-left:auto}.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification{margin-right:auto}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification{margin-left:auto;margin-right:auto}.login{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#f4f6f8;color:#333;display:flex;justify-content:center;align-items:center;height:100vh}.login .container{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;width:300px}.login h1{margin-bottom:20px;font-size:24px}.login input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.login button{width:100%;padding:10px;background-color:#ff4b2b;color:#fff;border:none;cursor:pointer;border-radius:5px;transition:.3s}.login button:hover{background-color:#ff3a1b}.login .switch{margin-top:10px}.login .switch a{color:#ff4b2b;text-decoration:none;font-weight:700}.index{font-family:Roboto,sans-serif;margin:0;padding:0;color:#333;background:#222;height:100vh}.index header{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:#1b1b1b;color:#fff;box-shadow:0 4px 10px #0000001a}.index .logo{font-size:28px;font-weight:700}.index nav ul{list-style:none;padding:0;margin:0;display:flex}.index nav ul li{margin:0 15px}.index nav ul li a{color:#fff;text-decoration:none;font-weight:700}.index .hero{text-align:center;padding:80px 20px;background:url(https://source.unsplash.com/1600x900/?cloud) no-repeat center center/cover;color:#fff}.index .hero h1{font-size:42px}.index .hero p{font-size:20px;margin-bottom:20px}.index .hero button{padding:14px 28px;font-size:18px;background-color:#ff4b2b;color:#fff;border:none;cursor:pointer;border-radius:5px;transition:.3s}.index .hero button:hover{background-color:#ff3a1b}.index .dashboard{display:flex;flex-wrap:wrap;padding:50px;gap:20px;justify-content:center}.index .file-card{width:250px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center}.index .file-card img{width:100px;margin-bottom:10px}.index footer{text-align:center;padding:20px;background:#1b1b1b;color:#fff;margin-top:20px;position:absolute;bottom:0;left:0;right:0}