.cloud2-shell { display:grid; gap:16px; }
.cloud2-hero {
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,390px);
  align-items:center; gap:28px; min-height:285px; padding:clamp(28px,5vw,58px);
  border:1px solid rgba(0,234,212,.27); border-radius:24px;
  background:
    radial-gradient(circle at 88% 18%,rgba(0,234,212,.15),transparent 23rem),
    linear-gradient(125deg,rgba(8,31,42,.98),rgba(3,11,17,.99));
  box-shadow:0 25px 70px rgba(0,0,0,.30);
}
.cloud2-hero::after {
  content:""; position:absolute; width:310px; height:310px; right:-95px; top:-115px;
  border:1px solid rgba(0,234,212,.10); border-radius:50%;
  box-shadow:0 0 0 50px rgba(0,234,212,.025),0 0 0 100px rgba(0,234,212,.015);
}
.cloud2-hero>div,.cloud2-storage { position:relative; z-index:1; }
.cloud2-kicker,.cloud2-section-heading span,.cloud2-side-card header span,.cloud2-modal-panel header span {
  color:#00ead4; font-size:10px; font-weight:950; letter-spacing:.17em;
}
.cloud2-hero h1 { margin:8px 0 14px; font-size:clamp(36px,5vw,68px); line-height:.98; letter-spacing:-.055em; }
.cloud2-hero p { max-width:720px; color:#91afbb; line-height:1.7; }
.cloud2-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.cloud2-storage { padding:20px; border:1px solid rgba(0,234,212,.22); border-radius:17px; background:rgba(2,13,19,.78); backdrop-filter:blur(12px); }
.cloud2-storage-head { display:flex; justify-content:space-between; color:#abc4ce; }
.cloud2-storage-head strong { color:#fff; }
.cloud2-storage-meter { height:8px; margin:14px 0; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.065); }
.cloud2-storage-meter span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#00bda9,#6ff7ea); box-shadow:0 0 20px rgba(0,234,212,.30); }
.cloud2-storage p { margin:0 0 5px; }
.cloud2-storage small { color:#708f9c; }
.cloud2-notice,.cloud2-share-result {
  display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px;
  border:1px solid rgba(0,234,212,.25); border-radius:13px; background:rgba(0,234,212,.06);
}
.cloud2-notice button { border:0!important; padding:0!important; min-height:0!important; color:#fff!important; background:transparent!important; font-size:20px; }
.cloud2-share-result { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(280px,1.5fr) auto; }
.cloud2-share-result p { margin:3px 0 0; color:#86a5b2; }
.cloud2-share-result input { width:100%; }
.cloud2-toolbar {
  display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 16px;
  border:1px solid rgba(78,159,177,.18); border-radius:15px; background:rgba(5,20,29,.87);
}
.cloud2-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; min-width:0; }
.cloud2-breadcrumbs a { color:#cfe7ed!important; text-decoration:none!important; }
.cloud2-breadcrumbs a:last-child { color:#00ead4!important; }
.cloud2-breadcrumbs span { color:#53737f; }
.cloud2-toolbar-actions { display:flex; align-items:center; gap:8px; }
.cloud2-search { display:flex; align-items:center; gap:7px; min-width:min(330px,35vw); padding:0 11px; border:1px solid rgba(78,159,177,.20); border-radius:10px; background:#05131b; }
.cloud2-search input { border:0!important; box-shadow:none!important; background:transparent!important; }
.cloud2-search span { color:#00ead4; }
.cloud2-view-button { min-height:38px!important; padding:8px 11px!important; }
.cloud2-view-button.is-active { color:#00130f!important; background:#00d7c1!important; }
.cloud2-layout { display:grid; grid-template-columns:minmax(0,1fr) 325px; gap:16px; }
.cloud2-section,.cloud2-side-card {
  padding:20px; border:1px solid rgba(78,159,177,.18); border-radius:17px;
  background:linear-gradient(145deg,rgba(7,24,34,.92),rgba(3,12,18,.98)); box-shadow:0 16px 45px rgba(0,0,0,.14);
}
.cloud2-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:15px; }
.cloud2-section-heading h2 { margin:5px 0 0; }
.cloud2-section-heading small { color:#73919d; }
.cloud2-back-card {
  display:flex; align-items:center; gap:10px; margin-bottom:10px; padding:12px; border:1px dashed rgba(0,234,212,.22);
  border-radius:11px; color:#8cf8ed!important; text-decoration:none!important; background:rgba(0,234,212,.025);
}
.cloud2-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:11px; }
.cloud2-grid.is-list { grid-template-columns:1fr; }
.cloud2-grid.is-list .cloud2-item { min-height:76px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; }
.cloud2-item {
  position:relative; min-width:0; min-height:150px; padding:15px;
  border:1px solid rgba(78,159,177,.18); border-radius:14px; background:rgba(255,255,255,.015);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.cloud2-item:hover { transform:translateY(-2px); border-color:rgba(0,234,212,.36); background:rgba(0,234,212,.035); }
.cloud2-item-main { display:flex; gap:12px; align-items:center; min-width:0; color:inherit!important; text-decoration:none!important; }
.cloud2-item-main>div { min-width:0; }
.cloud2-item-main strong,.cloud2-item-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cloud2-item-main small { margin-top:4px; color:#74939f; font-size:10px; }
.cloud2-file-icon {
  flex:0 0 auto; display:grid; place-items:center; width:49px; height:49px; border:1px solid rgba(0,234,212,.22);
  border-radius:14px; background:rgba(0,234,212,.055); font-size:23px;
}
.cloud2-file-badges { display:flex; flex-wrap:wrap; gap:5px; margin-top:14px; }
.cloud2-file-badges span { padding:4px 7px; border-radius:999px; color:#84e9df; background:rgba(0,234,212,.07); font-size:9px; }
.cloud2-file-actions { display:flex; gap:7px; margin-top:12px; }
.cloud2-file-actions .btn { min-height:34px!important; padding:7px 9px!important; font-size:10px; }
.cloud2-more {
  position:absolute; right:9px; top:9px; min-width:34px!important; min-height:32px!important; padding:4px 8px!important;
  color:#7795a1!important; background:rgba(3,12,18,.82)!important;
}
.cloud2-menu {
  position:absolute; z-index:20; right:10px; top:46px; display:none; min-width:160px; padding:6px;
  border:1px solid rgba(0,234,212,.22); border-radius:11px; background:#06141c; box-shadow:0 18px 45px rgba(0,0,0,.4);
}
.cloud2-item.menu-open .cloud2-menu { display:grid; }
.cloud2-menu button { width:100%; min-height:34px!important; padding:7px 9px!important; border:0!important; color:#b9d1da!important; background:transparent!important; text-align:left; }
.cloud2-menu button:hover { color:#fff!important; background:rgba(0,234,212,.07)!important; }
.cloud2-menu .danger { color:#ff8799!important; }
.cloud2-empty,.cloud2-no-results { padding:55px 20px; text-align:center; color:#809da9; }
.cloud2-empty>span { display:block; color:#00ead4; font-size:48px; }
.cloud2-empty h3 { margin:12px 0 5px; }
.cloud2-sidebar { display:grid; align-content:start; gap:13px; }
.cloud2-side-card header h3 { margin:5px 0 15px; }
.cloud2-activity,.cloud2-shares { display:grid; gap:8px; }
.cloud2-activity>p,.cloud2-shares>p { color:#76939f; }
.cloud2-activity article { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; padding:10px; border:1px solid rgba(78,159,177,.13); border-radius:10px; }
.cloud2-activity i { width:8px; height:8px; border-radius:50%; background:#00ead4; box-shadow:0 0 12px #00ead4; }
.cloud2-activity strong,.cloud2-activity small,.cloud2-shares strong,.cloud2-shares small { display:block; }
.cloud2-activity strong { font-size:10px; text-transform:capitalize; }
.cloud2-activity small,.cloud2-shares small { margin-top:3px; color:#688793; font-size:9px; }
.cloud2-shares article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px; border:1px solid rgba(78,159,177,.13); border-radius:10px; }
.cloud2-shares article>div { min-width:0; }
.cloud2-shares strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cloud2-shares button { min-width:30px!important; min-height:30px!important; padding:3px!important; color:#ff8799!important; }
.cloud2-modal { position:fixed; z-index:200; inset:0; display:grid; place-items:center; padding:18px; }
.cloud2-modal[hidden] { display:none; }
.cloud2-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.70); backdrop-filter:blur(7px); }
.cloud2-modal-panel {
  position:relative; z-index:1; width:min(720px,100%); max-height:90vh; overflow:auto; padding:20px;
  border:1px solid rgba(0,234,212,.32); border-radius:18px; background:#06141c; box-shadow:0 35px 100px rgba(0,0,0,.55);
}
.cloud2-modal-small { width:min(520px,100%); }
.cloud2-modal-panel>header { display:flex; justify-content:space-between; gap:14px; margin-bottom:17px; }
.cloud2-modal-panel>header h2 { margin:5px 0 0; }
.cloud2-modal-panel>header>button { min-width:36px!important; min-height:36px!important; padding:4px!important; }
.cloud2-modal-panel form { display:grid; gap:14px; }
.cloud2-modal-panel footer { display:flex; justify-content:flex-end; gap:8px; margin-top:5px; }
.cloud2-dropzone {
  display:grid; place-items:center; min-height:210px; padding:25px; border:1px dashed rgba(0,234,212,.42);
  border-radius:15px; background:rgba(0,234,212,.035); cursor:pointer; text-align:center;
}
.cloud2-dropzone.is-dragging { border-color:#00ead4; background:rgba(0,234,212,.09); }
.cloud2-dropzone input { position:absolute; opacity:0; pointer-events:none; }
.cloud2-dropzone>span { color:#00ead4; font-size:42px; }
.cloud2-dropzone strong { margin-top:8px; }
.cloud2-dropzone small { margin-top:5px; color:#7896a2; }
.cloud2-selected-files { display:grid; gap:5px; }
.cloud2-selected-files span { padding:8px 10px; border-radius:8px; color:#9db8c3; background:rgba(255,255,255,.025); font-size:10px; }
.cloud2-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
@media(max-width:1100px){.cloud2-layout{grid-template-columns:1fr}.cloud2-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.cloud2-hero{grid-template-columns:1fr}.cloud2-toolbar{align-items:stretch;flex-direction:column}.cloud2-toolbar-actions{flex-wrap:wrap}.cloud2-search{flex:1;min-width:220px}.cloud2-share-result{grid-template-columns:1fr}}
@media(max-width:650px){.cloud2-grid{grid-template-columns:1fr}.cloud2-sidebar{grid-template-columns:1fr}.cloud2-form-grid{grid-template-columns:1fr}.cloud2-grid.is-list .cloud2-item{grid-template-columns:1fr}.cloud2-view-button{display:none}.cloud2-modal-panel footer{flex-direction:column-reverse}.cloud2-modal-panel footer .btn{width:100%}}