.performance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.performance-stats .stat{min-width:0;padding:18px;background:linear-gradient(145deg,#f8fffc,#edf7f2);border:1px solid #d4e7de;border-radius:16px}.performance-stats .stat strong{font-size:27px;color:#075b3f}.performance-stats .stat small{font-size:10px;line-height:1.6;display:block;margin-top:7px;color:#637b70}.performance-live{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#064d36;color:white;padding:16px;border-radius:14px;margin-top:20px}.performance-live small{margin-left:auto;opacity:.8}.performance-live span:not(.online-dot){font-size:11px}.online-dot{width:9px;height:9px;border-radius:50%;background:#79e8b6;box-shadow:0 0 0 5px #ffffff14}.performance-note{background:#f1f6f4;color:#536e62;font-size:11px;line-height:1.8;padding:14px;border-radius:12px}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-box{border:1px solid #dce8e2;border-radius:16px;padding:20px;margin:16px 0;background:#fff;min-width:0}.performance-grid .metric-box{margin:0}.metric-bars{display:grid;gap:14px}.metric-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px}.metric-bars i{grid-column:1/-1;height:7px;border-radius:4px;background:linear-gradient(to right,#159563 var(--bar),#edf5f0 var(--bar))}.performance-shops small{display:block;color:#728478;font-size:10px}.storage-groups{margin:16px 0;padding:14px;border:1px solid #dce8e2;border-radius:12px}.storage-groups summary{cursor:pointer;font-weight:700;font-size:12px}.storage-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.storage-shop{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;background:#f5faf7;color:#173f2d;border:1px solid #d6e6dc;padding:15px;border-radius:12px}.storage-shop.selected{border-color:#16895e;box-shadow:0 0 0 2px #16895e22}.storage-shop strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-shop small{grid-column:1/-1;color:#627d6d;font-size:10px}.storage-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.storage-file-compact{display:flex;gap:10px;align-items:center;border:1px solid #dce8e2;border-radius:12px;padding:12px;min-width:0}.storage-file-compact>div:nth-child(2){min-width:0;flex:1}.storage-file-compact strong,.storage-file-compact small,.storage-file-compact span{display:block}.storage-file-compact small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#7c8a82;margin:5px 0}.storage-file-compact span{font-size:10px;color:#536e62}.storage-file-icon{color:#15865a;background:#e4f4eb;border-radius:9px;padding:9px}.storage-file-icon svg{width:18px;height:18px}.period-shortcuts{grid-column:1/-1}.performance-tabs{margin-bottom:18px;overflow-x:auto;flex-wrap:nowrap}.performance-tabs button{white-space:nowrap}@media(max-width:1000px){.performance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.storage-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.performance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.performance-stats .stat{padding:13px}.performance-stats .stat strong{font-size:22px}.performance-grid,.storage-file-grid{grid-template-columns:1fr}.performance-live small{margin-left:0;width:100%}.storage-shop-grid{grid-template-columns:1fr 1fr}.storage-shop{padding:10px;font-size:10px;grid-template-columns:1fr}.storage-shop b{font-size:15px}.metric-box{padding:14px}.performance-tabs{gap:5px}.performance-tabs button{padding:10px;font-size:10px}}