.storage-card{padding:24px;border:1px solid #d5e3ef;background:linear-gradient(115deg,#f8fcff,#eef5fc);border-radius:12px;margin:0 0 24px}.storage-head{display:flex;gap:16px;align-items:center}.storage-head>div{flex:1}.storage-head h3{margin:10px 0 14px;font-size:15px;font-weight:400;color:#47698b}.storage-head h3 strong{font:700 32px Arial;color:#174571;margin-left:9px}.storage-badge{padding:7px 10px;border-radius:20px;background:#e2f3eb;color:#24765a;font-size:11px;white-space:nowrap}.storage-card meter{display:block;width:100%;height:14px;margin:8px 0 20px}.storage-card meter::-webkit-meter-bar{background:#dce7f1;border:0;border-radius:8px}.storage-card meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#3987c8,#38aaa3);border-radius:8px}.storage-card[data-level=warning] meter::-webkit-meter-optimum-value{background:#e5a03a}.storage-card[data-level=critical] meter::-webkit-meter-optimum-value{background:#db6269}.storage-card[data-level=warning] .storage-badge{background:#fff0cf;color:#9a6d11}.storage-card[data-level=critical] .storage-badge{background:#ffe4e5;color:#b13a43}.storage-card[data-level=critical] #storageMessage,.storage-card[data-level=warning] #storageMessage{color:#a75829}.storage-numbers{display:flex;gap:34px;flex-wrap:wrap}.storage-numbers span{font-size:11px;color:#708aa2}.storage-numbers b{display:block;margin-top:7px;font:600 20px Arial;color:#365f85}.storage-card p{font-size:12px;color:#5e7a93;line-height:1.8;margin:20px 0 12px}.storage-groups{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #dbe6ef}.storage-groups span{font-size:11px;color:#728aa1}.storage-groups b{color:#3b668b;margin-left:10px;font-weight:500}.storage-card>small,.storage-foot>small{font-size:11px;color:#839bb0;line-height:1.8}.storage-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:12px}.storage-foot details{font-size:11px;color:#6282a0}.storage-foot summary{cursor:pointer}.storage-foot form{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:flex-end}.storage-foot form label{font-size:11px;display:flex;flex-direction:column;gap:7px}.storage-foot form input{width:230px}.storage-foot form small{flex-basis:100%;color:#90a1b2;line-height:1.6}
@media(max-width:650px){.storage-card{padding:18px}.storage-head{flex-wrap:wrap;gap:10px}.storage-head>div{flex-basis:100%}.storage-head h3 strong{font-size:28px}.storage-head .secondary-btn{font-size:11px}.storage-numbers{gap:22px}.storage-numbers b{font-size:16px}.storage-foot form input{width:195px}}