.storage-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,220px) minmax(160px,180px) 44px;gap:10px;margin-bottom:12px;align-items:center;width:100%;max-width:100%}
.storage-tools input,.storage-tools select{height:40px;min-height:40px;min-width:0;width:100%;font-size:14px;line-height:20px;padding-top:0;padding-bottom:0;background:var(--panel);border-color:var(--line);border-radius:5px}
.storage-tools select{cursor:pointer}
@media(max-width:760px){
.storage-tools{grid-template-columns:1fr 1fr 44px}
}
@media(max-width:760px){
.storage-tools input{grid-column:1/-1}
}
body[data-page="storage"] .storage-tools{max-width:1167px}
@media(max-width:1240px){
body[data-page="storage"] .storage-tools{max-width:100%}
}
@media(max-width:980px){
body[data-page="storage"] .storage-tools{grid-template-columns:1fr 1fr 44px}
}
@media(max-width:980px){
body[data-page="storage"] .storage-tools input{grid-column:1/-1}
}
.sort-dir{height:40px;min-height:40px;width:44px;min-width:44px;padding:0;border-radius:5px;font-size:20px;font-weight:900;line-height:1;background:var(--panel);border-color:var(--line);color:var(--text)}
.sort-dir:hover{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));color:#fff;background:color-mix(in srgb,var(--blue) 38%,var(--panel))}
.sort-dir.asc{color:var(--blue)}
body[data-page="storage"] .storage-tools{max-width:none;width:100%}
body[data-page="storage"] .storage-tools{max-width:1167px;width:100%}
.storage-topline{align-items:center}
.storage-meta{display:flex;flex-direction:column;gap:2px}
.storage-add-btn{height:32px;min-height:32px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:650;line-height:1}
.storage-add-btn{height:32px;min-height:32px;padding:0 14px;border:1px solid #79a951;border-radius:8px;background:linear-gradient(180deg,#78aa4d 0%,#5e8d3f 52%,#4f7735 100%);color:#f4ffe9;font-size:14px;font-weight:650;line-height:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.22),0 2px 4px rgba(0,0,0,.18);text-shadow:0 1px 0 rgba(0,0,0,.22)}
.storage-add-btn:hover{filter:brightness(1.06);border-color:#88bd5b;background:linear-gradient(180deg,#83b85a 0%,#679a47 52%,#567f3b 100%)}
body[data-page="storage"] .storage-tools input,body[data-page="storage"] .storage-tools select,body[data-page="storage"] .storage-tools button{height:36px;min-height:36px;padding-top:0;padding-bottom:0}
body[data-page="storage"] .storage-tools{align-items:center}
.storage-topline{align-items:flex-end}
.storage-meta{padding-bottom:1px}
.storage-meta{padding-bottom:0}
body[data-page="storage"] .storage-tools{grid-template-columns:minmax(260px,1fr) 165px 156px 142px 36px;gap:10px;align-items:center}
.storage-topline{align-items:flex-end}
.storage-meta{height:32px;display:flex;align-items:flex-end;padding-bottom:3px}
.storage-meta #storageCount{line-height:1;display:block}
.storage-meta{justify-content:flex-end!important;padding-bottom:0!important}
body[data-page="storage"] .storage-tools{grid-template-columns:minmax(260px,1fr) 165px 222px 142px 36px;gap:10px;align-items:center}
.storage-status-control{height:36px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 7px 0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--muted);white-space:nowrap}
.storage-status-control span{font-size:14px;line-height:1;margin-right:2px}
.storage-status-control button{width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:6px;background:#4b4d58;color:#f1f3f7;font-size:15px;font-weight:800;line-height:22px;display:grid;place-items:center}
.storage-status-control button.active{background:#626571;color:#fff;box-shadow:none}
.storage-status-control button:hover{filter:brightness(1.08);border:0}
.storage-status-control button[data-storage-status="listed"].active{color:#e9ffdc}
.storage-status-control button[data-storage-status="stored"].active{color:#ffdede}
.storage-status-control button{width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;line-height:22px!important}
body[data-page="storage"] .storage-tools{grid-template-columns:minmax(260px,1fr) 165px 142px 36px 158px!important;gap:10px;align-items:center}
.storage-status-control{height:36px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--muted)!important;white-space:nowrap}
.storage-status-control span{font-size:14px!important;line-height:1!important;margin:0!important}
.storage-status-toggle{height:26px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:6px;background:#50525d;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.storage-status-toggle button{width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#f2f3f7!important;font-size:13px!important;font-weight:850!important;line-height:18px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.storage-status-toggle button.active{background:#3d3f49!important;color:#fff!important;box-shadow:none!important}
.storage-status-toggle button:hover{filter:brightness(1.08)!important}
body[data-page="storage"] .storage-tools{grid-template-columns:minmax(260px,1fr) 190px 146px 36px 40px!important;gap:10px;align-items:center}
.storage-filter-wrap{position:relative;width:40px;height:36px}
.storage-filter-btn{width:40px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;place-items:center!important;color:#c9ced8}
.storage-filter-btn span,.storage-filter-btn span:before,.storage-filter-btn span:after{display:block;width:22px;height:2px;border-radius:2px;background:#c9ced8;content:"";position:relative}
.storage-filter-btn span:before{position:absolute;top:-7px;left:0;width:18px}
.storage-filter-btn span:after{position:absolute;top:7px;left:0;width:12px}
.storage-filter-btn:hover{filter:brightness(1.12)!important}
.storage-filter-popover{display:none;position:absolute;right:0;top:42px;z-index:20;padding:8px 10px;border-radius:8px;background:#2f3037;border:1px solid #454752;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.storage-filter-wrap.open .storage-filter-popover{display:block}
.storage-filter-popover .storage-status-control{height:26px!important;width:max-content!important;display:flex!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important}
.storage-filter-popover .storage-status-control span{font-size:14px!important;color:#c8cbd3!important}
.storage-status-toggle{height:26px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:6px;background:#50525d}
.storage-status-toggle button{width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#f2f3f7!important;font-size:13px!important;font-weight:850!important;line-height:18px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.storage-status-toggle button.active{background:#3d3f49!important;color:#fff!important;box-shadow:none!important}
body[data-page="storage"] #storageDirBtn.sort-dir{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}
html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn{background-color:transparent!important;box-shadow:none!important}
html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn span,html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn span:before,html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn span:after{background:#c9ced8!important}
html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn:after{content:none!important}
html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn{background:transparent!important;box-shadow:none!important}
html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn span,html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn span:before,html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn span:after{background:#c9ced8!important}
html body[data-page="storage"] .storage-filter-wrap:not(.is-filtered) #storageFilterBtn.storage-filter-btn:after{content:none!important}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn{background:#23384a!important;box-shadow:inset 0 0 0 1px #4d7897!important;border-radius:8px!important;position:relative!important;transition:none!important;appearance:none!important;-webkit-appearance:none!important}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn span,html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn span:before,html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn span:after{background:#9fd7ff!important}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn:after{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#62b6f4;box-shadow:none}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn:after{content:"";position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#ff4f5f;box-shadow:0 0 0 2px #23384a,0 1px 3px rgba(0,0,0,.35)}
html body[data-page="storage"] #storageFilterBtn.storage-filter-btn.active-filter:after{content:"";position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#ff4f5f;box-shadow:0 0 0 2px #23384a,0 1px 3px rgba(0,0,0,.35)}
.storage-add-btn{background:#5f8f43!important;border-color:#6ea24d!important;box-shadow:none!important;text-shadow:none!important;color:#f4ffe9!important}
.storage-add-btn:hover{background:#679a49!important;border-color:#78ad56!important;filter:none!important;box-shadow:none!important}
.storage-add-btn{font-weight:650!important}
.storage-add-btn{background:#8bc34a!important;border-color:#8bc34a!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
.storage-add-btn:hover{background:#7fb83f!important;border-color:#7fb83f!important;color:#fff!important;filter:none!important;box-shadow:none!important}
.storage-withdraw-all-btn{margin-left:8px;background:#5f7fa0!important;border-color:#7191b2!important;color:#fff!important;height:32px!important;min-height:32px!important;padding:6px 12px!important;border-radius:8px!important;font-weight:800!important;box-shadow:none!important}
.storage-topline{gap:8px}
.storage-topline .storage-meta{margin-right:auto}
@media(max-width:700px){
body[data-page="storage"] .storage-topline{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;width:100%}
}
@media(max-width:700px){
body[data-page="storage"] .storage-meta{min-width:0}
}
@media(max-width:700px){
body[data-page="storage"] .storage-add-btn,body[data-page="storage"] .storage-withdraw-all-btn{height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap;margin-left:0!important}
}
@media(max-width:700px){
body[data-page="storage"] .storage-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 32px!important;gap:8px!important;width:100%;max-width:100%;overflow:visible}
}
@media(max-width:700px){
body[data-page="storage"] .storage-tools .search-wrap{grid-column:1/-1;min-width:0}
}
@media(max-width:700px){
body[data-page="storage"] .storage-tools select{min-width:0;padding-left:10px;padding-right:26px}
}
@media(max-width:700px){
body[data-page="storage"] .storage-dir-btn{width:40px!important;min-width:40px!important;padding:0!important}
}
@media(max-width:700px){
body[data-page="storage"] .storage-filter-wrap{width:32px!important;height:36px!important;min-width:32px!important}
}
@media(max-width:700px){
body[data-page="storage"] .storage-filter-btn{width:32px!important;height:36px!important;min-width:32px!important}
}
@media(max-width:700px){
body[data-page="storage"] .storage-filter-btn span,body[data-page="storage"] .storage-filter-btn span:before,body[data-page="storage"] .storage-filter-btn span:after{width:20px}
}
@media(max-width:700px){
body[data-page="storage"] .storage-filter-btn span:before{width:16px}
}
@media(max-width:700px){
body[data-page="storage"] .storage-filter-btn span:after{width:11px}
}
@media(max-width:430px){
body[data-page="storage"] .storage-withdraw-all-btn{padding:0 9px!important;font-size:12px!important}
}
@media(max-width:430px){
body[data-page="storage"] .storage-add-btn{padding:0 10px!important;font-size:12px!important}
}
.storage-add-btn,.storage-withdraw-all-btn{font-weight:700!important}
.storage-add-btn,.storage-withdraw-all-btn,.storage-dir-btn,.storage-filter-btn{font-weight:700!important}
.storage-withdraw-all-btn,.storage-add-btn{font-weight:650!important}
.storage-withdraw-all-btn{font-weight:600!important}
.storage-add-btn{font-weight:650!important}
html body[data-page="storage"] .storage-add-btn,html body[data-page="storage"] .storage-withdraw-all-btn{font-weight:500!important;text-shadow:none!important;box-shadow:none!important}
html body[data-page="storage"] .storage-add-btn{background:#8bc34a!important;border-color:#8bc34a!important;color:#fff!important}
html body[data-page="storage"] .storage-add-btn:hover{background:#7fb83f!important;border-color:#7fb83f!important;color:#fff!important;filter:none!important}
html body[data-page="storage"] .storage-withdraw-all-btn{background:#6f91b3!important;border-color:#6f91b3!important;color:#fff!important}
html body[data-page="storage"] .storage-withdraw-all-btn:hover{background:#6387aa!important;border-color:#6387aa!important;color:#fff!important;filter:none!important}
html body .storage-add-btn,html body .storage-withdraw-all-btn,html body .storage-dir-btn,html body .storage-filter-btn{font-weight:400!important;}
html body[data-page="storage"] button.storage-add-btn,html body[data-page="storage"] button.storage-withdraw-all-btn,html body[data-page="storage"] button.storage-dir-btn,html body[data-page="storage"] button.storage-filter-btn{font-weight:400!important;}
html body[data-page="storage"] .page-head button.storage-add-btn,html body[data-page="storage"] .page-head button.storage-withdraw-all-btn,html body[data-page="storage"] button.storage-add-btn.storage-add-btn,html body[data-page="storage"] button.storage-withdraw-all-btn.storage-withdraw-all-btn{font-weight:400!important;}
html body .storage-add-btn,html body .storage-add-btn *,html body .storage-withdraw-all-btn,html body .storage-withdraw-all-btn *,html body .storage-dir-btn,html body .storage-dir-btn *,html body .storage-filter-btn,html body .storage-filter-btn *{font-family:"Open Sans",Arial,sans-serif!important;
  font-weight:400!important;}
html body .storage-add-btn,html body .storage-add-btn *,html body .storage-withdraw-all-btn,html body .storage-withdraw-all-btn *,html body .storage-dir-btn,html body .storage-dir-btn *,html body .storage-filter-btn,html body .storage-filter-btn *{font-family:"Open Sans",tahoma,arial,sans-serif!important;
  font-weight:600!important;
  font-size:13px!important;
  line-height:normal!important;}
html body[data-page="storage"] .storage-add-btn.storage-add-btn,html body[data-page="storage"] .storage-add-btn.storage-add-btn *,html body[data-page="storage"] .storage-withdraw-all-btn.storage-withdraw-all-btn,html body[data-page="storage"] .storage-withdraw-all-btn.storage-withdraw-all-btn *,html body[data-page="storage"] #storageWithdrawAllBtn.storage-withdraw-all-btn,html body[data-page="storage"] #storageWithdrawAllBtn.storage-withdraw-all-btn *,html body[data-page="storage"] #storageDirBtn.storage-dir-btn,html body[data-page="storage"] #storageDirBtn.storage-dir-btn *,html body[data-page="storage"] #storageFilterBtn.storage-filter-btn,html body[data-page="storage"] #storageFilterBtn.storage-filter-btn *{font-family:"Open Sans",tahoma,arial,sans-serif!important;
  font-weight:600!important;
  font-size:13px!important;
  line-height:normal!important;}
html body[data-page="storage"] button.storage-add-btn.storage-add-btn.storage-add-btn{font-family:"Open Sans",tahoma,arial,sans-serif!important;font-weight:600!important;font-size:13px!important;line-height:normal!important;}
html body[data-page="storage"] button.storage-withdraw-all-btn.storage-withdraw-all-btn.storage-withdraw-all-btn{font-family:"Open Sans",tahoma,arial,sans-serif!important;font-weight:600!important;font-size:13px!important;line-height:normal!important;}
html body[data-page="storage"] button#storageWithdrawAllBtn.storage-withdraw-all-btn.storage-withdraw-all-btn{font-family:"Open Sans",tahoma,arial,sans-serif!important;font-weight:600!important;font-size:13px!important;line-height:normal!important;}
html body[data-page="storage"] button#storageDirBtn.storage-dir-btn.storage-dir-btn{font-family:"Open Sans",tahoma,arial,sans-serif!important;font-weight:600!important;font-size:13px!important;line-height:normal!important;}
html body[data-page="storage"] button#storageFilterBtn.storage-filter-btn.storage-filter-btn{font-family:"Open Sans",tahoma,arial,sans-serif!important;font-weight:600!important;font-size:13px!important;line-height:normal!important;}
html body[data-page="storage"] .storage-topline{gap:6px!important;}
html body[data-page="storage"] .storage-withdraw-all-btn{margin-left:0!important;}
:root{
  --m1-storage-toolbar-gap:10px;
  --m1-storage-control-height:var(--ui-control-height);
  --m1-storage-control-radius:var(--ui-control-radius);
  --m1-storage-type-width:190px;
  --m1-storage-sort-width:146px;
  --m1-storage-dir-width:36px;
  --m1-storage-filter-width:40px;
}
body[data-page="storage"] .storage-topline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  margin-bottom:10px!important;
}
body[data-page="storage"] .storage-meta{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
body[data-page="storage"] .storage-add-btn,
body[data-page="storage"] .storage-withdraw-all-btn{
  height:30px!important;
  min-height:30px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
body[data-page="storage"] .storage-tools{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) var(--m1-storage-type-width) var(--m1-storage-sort-width) var(--m1-storage-dir-width) var(--m1-storage-filter-width)!important;
  gap:var(--m1-storage-toolbar-gap)!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  margin-bottom:12px!important;
}
body[data-page="storage"] .storage-tools input,
body[data-page="storage"] .storage-tools select,
body[data-page="storage"] .storage-tools button{
  height:var(--m1-storage-control-height)!important;
  min-height:var(--m1-storage-control-height)!important;
  min-width:0!important;
  border-radius:var(--ui-control-radius)!important;
  font-size:var(--ui-control-font-size)!important;
  line-height:var(--ui-control-line-height)!important;
}
body[data-page="storage"] .storage-tools input,
body[data-page="storage"] .storage-tools select{
  width:100%!important;
  padding-top:0!important;
  padding-bottom:0!important;
  background-color:var(--ui-control-bg)!important;
  border-color:var(--ui-control-border)!important;
  color:var(--ui-control-text)!important;
}
body[data-page="storage"] .storage-tools select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-left:var(--ui-control-padding-x)!important;
  padding-right:var(--ui-control-select-padding-right)!important;
  background-image:var(--ui-control-arrow)!important;
  background-repeat:no-repeat!important;
  background-position:var(--ui-control-arrow-position)!important;
  background-size:var(--ui-control-arrow-size)!important;
}
body[data-page="storage"] #storageType.active-filter{
  background:color-mix(in srgb,var(--blue) 20%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--blue) 58%,var(--line))!important;
  color:#d9f0ff!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 28%,transparent),0 0 16px color-mix(in srgb,var(--blue) 22%,transparent)!important;
}
html[data-theme="light"] body[data-page="storage"] #storageType.active-filter{
  background:#e4f2ff!important;
  border-color:#78aef7!important;
  color:#1d4f9f!important;
  box-shadow:0 0 0 1px rgba(47,102,200,.18),0 0 14px rgba(47,102,200,.16)!important;
}
body[data-page="storage"] #storageDirBtn.storage-dir-btn{
  width:var(--m1-storage-dir-width)!important;
  min-width:var(--m1-storage-dir-width)!important;
  padding:0!important;
}
body[data-page="storage"] .storage-filter-wrap{
  position:relative!important;
  width:var(--m1-storage-filter-width)!important;
  height:var(--m1-storage-control-height)!important;
  min-width:var(--m1-storage-filter-width)!important;
}
body[data-page="storage"] #storageFilterBtn.storage-filter-btn{
  width:var(--m1-storage-filter-width)!important;
  min-width:var(--m1-storage-filter-width)!important;
  height:var(--m1-storage-control-height)!important;
  min-height:var(--m1-storage-control-height)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
}
body[data-page="storage"] .storage-filter-btn span,
body[data-page="storage"] .storage-filter-btn span:before,
body[data-page="storage"] .storage-filter-btn span:after{
  display:block!important;
  height:2px!important;
  border-radius:2px!important;
  background:#c9ced8!important;
  content:""!important;
  position:relative!important;
}
body[data-page="storage"] .storage-filter-btn span{width:22px!important}
body[data-page="storage"] .storage-filter-btn span:before{position:absolute!important;top:-7px!important;left:0!important;width:18px!important}
body[data-page="storage"] .storage-filter-btn span:after{position:absolute!important;top:7px!important;left:0!important;width:12px!important}
body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn span,
body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn span:before,
body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn span:after{
  background:#9fd7ff!important;
}
body[data-page="storage"] .storage-filter-popover{
  display:none!important;
  position:absolute!important;
  right:0!important;
  top:42px!important;
  z-index:20!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  background:#2f3037!important;
  border:1px solid #454752!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
body[data-page="storage"] .storage-filter-wrap.open .storage-filter-popover{display:block!important}
body[data-page="storage"] .storage-filter-popover .storage-status-control{
  height:26px!important;
  width:max-content!important;
  display:flex!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
@media(max-width:980px){
  body[data-page="storage"] .storage-tools{
    grid-template-columns:1fr 1fr var(--m1-storage-dir-width) var(--m1-storage-filter-width)!important;
  }
  body[data-page="storage"] .storage-tools .search-wrap{
    grid-column:1/-1!important;
  }
}
@media(max-width:700px){
  body[data-page="storage"] .storage-topline{
    grid-template-columns:1fr auto auto!important;
    gap:8px!important;
  }
  body[data-page="storage"] .storage-add-btn,
  body[data-page="storage"] .storage-withdraw-all-btn{
    height:30px!important;
    min-height:30px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }
  body[data-page="storage"] .storage-filter-wrap,
  body[data-page="storage"] #storageFilterBtn.storage-filter-btn{
    width:32px!important;
    min-width:32px!important;
  }
  body[data-page="storage"] .storage-filter-btn span,
  body[data-page="storage"] .storage-filter-btn span:before,
  body[data-page="storage"] .storage-filter-btn span:after{
    width:20px!important;
  }
}

body[data-page="storage"] #storageSortLabel{
  display:none!important;
}
body[data-page="storage"] .storage-filter-popover{
  top:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control{
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0 0 0 10px!important;
  border:0!important;
  border-radius:4px!important;
  background:#343741!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  color:#c8ced9!important;
  overflow:hidden!important;
}
body[data-page="storage"] .storage-status-control>span{
  padding-right:10px!important;
  color:#c8ced9!important;
  font-size:14px!important;
  line-height:28px!important;
  white-space:nowrap!important;
}
body[data-page="storage"] .storage-status-toggle{
  display:flex!important;
  height:28px!important;
  gap:1px!important;
}
body[data-page="storage"] .storage-status-toggle button{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#474b57!important;
  color:#eef3fa!important;
  font-size:16px!important;
  line-height:28px!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-status-toggle button.active{
  background:#242833!important;
  color:#fff!important;
}
body[data-page="storage"] .storage-status-toggle button:hover{
  filter:brightness(1.08)!important;
}
body[data-page="storage"] #storageFilterBtn.storage-filter-btn.active-filter{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover{
  top:42px!important;
  right:0!important;
  padding:8px 10px!important;
  border:1px solid #454752!important;
  border-radius:8px!important;
  background:#2f3037!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control{
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  padding:0 7px 0 10px!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  background:var(--panel2)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control>span{
  margin:0 2px 0 0!important;
  padding:0!important;
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle{
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:#4b4d58!important;
  color:#f1f3f7!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:22px!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button.active{
  background:#626571!important;
  color:#fff!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button[data-storage-status="listed"].active{
  color:#e9ffdc!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button[data-storage-status="stored"].active{
  color:#ffdede!important;
}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover{
  top:40px!important;
  padding:5px!important;
  border:1px solid #454752!important;
  border-radius:7px!important;
  background:#2f3037!important;
  box-shadow:0 8px 18px rgba(0,0,0,.25)!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control{
  height:32px!important;
  gap:5px!important;
  padding:0 6px 0 8px!important;
  border:0!important;
  border-radius:5px!important;
  background:#343741!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control>span{
  font-size:13px!important;
  line-height:32px!important;
  margin:0!important;
  padding:0!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle{
  height:22px!important;
  gap:3px!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  border-radius:4px!important;
  font-size:14px!important;
  line-height:20px!important;
}
body[data-page="storage"] .storage-filter-popover{
  top:40px!important;
  padding:3px!important;
  border-radius:6px!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control{
  height:30px!important;
  gap:5px!important;
  padding:0 5px 0 8px!important;
  border-radius:5px!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-control>span{
  font-size:13px!important;
  line-height:30px!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle{
  height:20px!important;
  gap:3px!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button{
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  border-radius:4px!important;
  font-size:13px!important;
  line-height:18px!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle{
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:2px!important;
  border-radius:6px!important;
  background:#50525d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button{
  width:20px!important;
  min-width:20px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#f2f3f7!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:18px!important;
  box-shadow:none!important;
}
body[data-page="storage"] .storage-filter-popover .storage-status-toggle button.active{
  background:#3d3f49!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter{
  background:color-mix(in srgb,var(--blue) 20%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--blue) 58%,var(--line))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 28%,transparent),0 0 16px color-mix(in srgb,var(--blue) 22%,transparent)!important;
}
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter span,
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter span:before,
html body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter span:after{
  background:#b9e4ff!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter{
  background:#e4f2ff!important;
  border-color:#78aef7!important;
  box-shadow:0 0 0 1px rgba(47,102,200,.18),0 0 14px rgba(47,102,200,.16)!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter span,
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter span:before,
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap.is-filtered #storageFilterBtn.storage-filter-btn.active-filter span:after{
  background:#2f66c8!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-popover{
  background:#fff!important;
  border-color:#d7dfeb!important;
  box-shadow:0 12px 28px rgba(22,34,52,.14)!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-popover .storage-status-control{
  background:#f3f6fb!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-popover .storage-status-toggle{
  background:#d8e2ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-popover .storage-status-toggle button{
  color:#465264!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-popover .storage-status-toggle button.active{
  background:#fff!important;
  color:#172033!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap:not(.open):not(.is-filtered) #storageFilterBtn.storage-filter-btn,
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap:not(.open):not(.is-filtered) #storageFilterBtn.storage-filter-btn:focus,
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap:not(.open):not(.is-filtered) #storageFilterBtn.storage-filter-btn:active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap:not(.open):not(.is-filtered) #storageFilterBtn.storage-filter-btn span,
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap:not(.open):not(.is-filtered) #storageFilterBtn.storage-filter-btn span:before,
html[data-theme="light"] body[data-page="storage"] .storage-filter-wrap:not(.open):not(.is-filtered) #storageFilterBtn.storage-filter-btn span:after{
  background:#5f6c7d!important;
}

body[data-page="storage"] #storageType.active-filter option,
body[data-page="storage"] #storageType.active-filter option:checked{
  background:var(--panel)!important;
  background-color:var(--panel)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--text)!important;
}
html[data-theme="light"] body[data-page="storage"] #storageType.active-filter option,
html[data-theme="light"] body[data-page="storage"] #storageType.active-filter option:checked{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#1f2937!important;
}

html body[data-page="storage"] button#storageDirBtn.storage-dir-btn.storage-dir-btn{
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:20px!important;
  color:var(--ui-control-text)!important;
  background-color:var(--ui-control-bg)!important;
  border-color:var(--ui-control-border)!important;
  border-radius:var(--ui-control-radius)!important;
}
html body[data-page="storage"] button#storageDirBtn.storage-dir-btn.storage-dir-btn.asc{
  color:var(--blue)!important;
}