.cloud-layout{color:#f8fafc;background:#0f172a;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.cloud-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}@media (min-width:768px){.cloud-main{padding:2rem}}.cloud-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#1e293bcc;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}@media (min-width:768px){.cloud-header{padding:1rem 2rem}}.cloud-header__logo{color:#f8fafc;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.cloud-header__logo svg{color:#3b82f6}.cloud-header__storage{background:#0f172a80;border-radius:8px;flex:1;justify-content:center;max-width:350px;margin:0 .5rem;padding:.5rem 1rem;display:flex}@media (min-width:768px){.cloud-header__storage{max-width:400px;margin:0 1rem}}@media (max-width:480px){.cloud-header__storage{display:none}}.cloud-header__nav{align-items:center;gap:1rem;display:flex}.cloud-header__user{align-items:center;gap:.75rem;display:flex}.cloud-header__avatar{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.cloud-header__avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cloud-header__username{color:#94a3b8;font-size:.875rem;display:none}@media (min-width:640px){.cloud-header__username{display:block}}.cloud-footer{text-align:center;background:#1e293b;border-top:1px solid #334155;padding:1rem 1.5rem}@media (min-width:768px){.cloud-footer{padding:1rem 2rem}}.cloud-footer__text{color:#94a3b8;font-size:.875rem}.cloud-footer__text a{color:#60a5fa;text-decoration:none}.cloud-footer__text a:hover{text-decoration:underline}.cloud-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.cloud-btn--primary{color:#fff;background:#3b82f6}.cloud-btn--primary:hover{background:#2563eb}.cloud-btn--secondary{color:#f8fafc;background:#1e293b;border:1px solid #334155}.cloud-btn--secondary:hover{background:#334155}.cloud-btn--danger{color:#fff;background:#ef4444}.cloud-btn--danger:hover{background:#dc2626}.cloud-btn--ghost{color:#94a3b8;background:0 0}.cloud-btn--ghost:hover{color:#f8fafc;background:#1e293b}.cloud-btn:disabled{opacity:.5;cursor:not-allowed}.cloud-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;transition:all .2s}.cloud-card:hover{border-color:#3b82f6}.cloud-card__title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.cloud-card__text{color:#94a3b8;font-size:.875rem}.cloud-input{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.cloud-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.cloud-input::placeholder{color:#94a3b8}.cloud-auth-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cloud-auth-modal__content{background:#1e293b;border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:2rem;overflow-y:auto}.cloud-auth-modal__title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.cloud-auth-modal__tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.cloud-auth-modal__tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s}.cloud-auth-modal__tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.cloud-auth-modal__tab:hover:not(.cloud-auth-modal__tab--active){color:#f8fafc}.cloud-auth-modal__form{flex-direction:column;gap:1rem;display:flex}.cloud-auth-modal__field{flex-direction:column;gap:.5rem;display:flex}.cloud-auth-modal__field label{color:#94a3b8;font-size:.875rem;font-weight:500}.cloud-auth-modal__divider{color:#94a3b8;align-items:center;gap:1rem;margin:1rem 0;font-size:.75rem;display:flex}.cloud-auth-modal__divider:before,.cloud-auth-modal__divider:after{content:"";background:#334155;flex:1;height:1px}.cloud-auth-modal__google{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.cloud-auth-modal__google:hover{background:#f5f5f5}.cloud-auth-modal__google svg{width:20px;height:20px}.cloud-auth-modal__error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:.75rem;font-size:.875rem}.cloud-auth-modal__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem;position:absolute;top:1rem;right:1rem}.cloud-auth-modal__close:hover{color:#f8fafc}.cloud-quota{align-items:center;gap:.5rem;width:100%;display:flex}.cloud-quota__icon{color:#94a3b8;flex-shrink:0}.cloud-quota__bar{background:#0f172a;border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}@media (min-width:768px){.cloud-quota__bar{border-radius:4px;min-width:100px;height:8px}}.cloud-quota__fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s}@media (min-width:768px){.cloud-quota__fill{border-radius:4px}}.cloud-quota__fill--warning{background:#f59e0b}.cloud-quota__fill--danger{background:#ef4444}.cloud-quota__text{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.7rem}@media (min-width:768px){.cloud-quota__text{font-size:.75rem}}.cloud-content{gap:1.5rem;min-height:calc(100vh - 200px);display:flex}@media (max-width:768px){.cloud-content{flex-direction:column}}.cloud-sidebar{background:#1e293b;border:1px solid #334155;border-radius:12px;flex-shrink:0;width:250px;height:fit-content;padding:1rem;position:sticky;top:80px}@media (max-width:768px){.cloud-sidebar{width:100%;position:static}}.cloud-sidebar__title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:0 .5rem;font-size:.75rem;font-weight:600}.cloud-tree{margin:0;padding:0;list-style:none}.cloud-tree__item{margin-bottom:2px}.cloud-tree__button{color:#f8fafc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem;font-size:.875rem;transition:all .15s;display:flex}.cloud-tree__button:hover{background:#334155}.cloud-tree__button--active{color:#3b82f6;background:#3b82f626}.cloud-tree__button svg{color:#94a3b8;flex-shrink:0}.cloud-tree__button--active svg{color:#3b82f6}.cloud-tree__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cloud-tree__count{color:#94a3b8;background:#0f172a;border-radius:10px;padding:.125rem .5rem;font-size:.75rem}.cloud-tree__children{margin:0;padding:0 0 0 1.25rem;list-style:none}.cloud-main-content{flex:1;min-width:0}.cloud-folder{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative}.cloud-folder:hover{border-color:#3b82f6;transform:translateY(-2px)}.cloud-folder__icon{color:#3b82f6;background:#3b82f626;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cloud-folder__info{flex:1;min-width:0}.cloud-folder__name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.cloud-folder__meta{color:#94a3b8;font-size:.75rem}.cloud-breadcrumb{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.cloud-breadcrumb__item{color:#94a3b8;align-items:center;gap:.5rem;display:flex}.cloud-breadcrumb__item:last-child{color:#f8fafc;font-weight:500}.cloud-breadcrumb__link{color:#60a5fa;cursor:pointer;text-decoration:none}.cloud-breadcrumb__link:hover{text-decoration:underline}.cloud-breadcrumb__separator{color:#94a3b8}.cloud-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.cloud-empty__icon{opacity:.5;margin-bottom:1.5rem;font-size:4rem}.cloud-empty__title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.cloud-empty__text{color:#94a3b8;max-width:400px;margin-bottom:1.5rem;font-size:.875rem}.cloud-files{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:1rem;min-width:0;display:grid}@media (min-width:640px){.cloud-files{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.cloud-file{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:12px;transition:all .2s;position:relative}.cloud-file:hover{border-color:#3b82f6;transform:translateY(-2px)}.cloud-file__thumbnail{aspect-ratio:16/9;background:#0f172a;border-radius:12px 12px 0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cloud-file__thumbnail img,.cloud-file__thumbnail video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cloud-file__thumbnail--icon{color:#94a3b8;font-size:2.5rem}.cloud-file__info{padding:.75rem}.cloud-file__name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.875rem;font-weight:500;overflow:hidden}.cloud-file__meta{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.cloud-file__duration{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;display:inline-flex;position:absolute;bottom:.5rem;right:.5rem}.cloud-dropdown{z-index:50;background:#1e293b;border:1px solid #334155;border-radius:8px;min-width:140px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.cloud-dropdown__item{color:#f8fafc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:background .15s;display:flex}.cloud-dropdown__item:hover{background:#334155}.cloud-dropdown__item--danger{color:#ef4444}.cloud-dropdown__item--danger:hover{background:#ef44441a}.cloud-spinner{border:2px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:639px){.cloud-hide-mobile{display:none!important}}@media (min-width:640px){.cloud-hide-desktop{display:none!important}}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;max-width:calc(100vw - 3rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@media (max-width:480px){.toast-container{max-width:none;bottom:1rem;left:1rem;right:1rem}}.toast{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:.75rem;min-width:280px;max-width:400px;padding:.875rem 1rem;animation:.3s slideIn;display:flex;box-shadow:0 8px 24px #0006}@media (max-width:480px){.toast{width:100%;min-width:auto;max-width:none}}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__message{color:#f8fafc;flex:1;font-size:.875rem;line-height:1.4}.toast__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.toast__close:hover{color:#f8fafc;background:#334155}.toast--success{border-color:#22c55e}.toast--success .toast__icon{color:#22c55e}.toast--error{border-color:#ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-color:#f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-color:#3b82f6}.toast--info .toast__icon{color:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:480px){.cloud-header{padding:.75rem 1rem}.cloud-header__logo{gap:.5rem;font-size:1rem}.cloud-header__logo svg{width:20px;height:20px}.cloud-header__nav{gap:.5rem}.cloud-btn{padding:.5rem .75rem;font-size:.8125rem}.cloud-btn--ghost{padding:.5rem}.cloud-main{padding:1rem}.cloud-sidebar{border-radius:10px;margin-bottom:.5rem;padding:.75rem}.cloud-tree__button{padding:.625rem .5rem}.cloud-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cloud-file{border-radius:10px}.cloud-file__thumbnail{border-radius:10px 10px 0 0}.cloud-file__info{padding:.5rem}.cloud-file__name{font-size:.8125rem}.cloud-folder{border-radius:10px;padding:.75rem}.cloud-folder__icon{width:36px;height:36px}.cloud-empty{padding:2rem 1rem}.cloud-empty__icon{font-size:3rem}.cloud-empty__title{font-size:1.125rem}.cloud-auth-modal__content{border-radius:12px;padding:1.5rem}}