.cache-monitor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cache-monitor{background:linear-gradient(145deg,#2c2c2c,#3a3a3a);border-radius:12px;padding:24px;width:90%;max-width:450px;box-shadow:0 10px 30px #00000080;color:#fff;font-family:Arial,sans-serif}.cache-monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #4a4a4a;padding-bottom:12px}.cache-monitor-header h3{margin:0;color:#60a5fa;font-size:1.2em;font-weight:600}.close-button{background:none;border:none;color:#ff6b6b;font-size:1.5em;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:#ff6b6b33}.cache-stats{margin-bottom:20px}.cache-stats h4,.usage-stats h4{margin:0 0 12px;color:#60a5fa;font-size:1em;font-weight:600;border-bottom:1px solid #4a4a4a;padding-bottom:6px}.usage-stats{margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #4a4a4a}.stat-row:last-child{border-bottom:none}.stat-label{color:#ccc;font-weight:500}.stat-value{font-weight:700;padding:4px 8px;border-radius:6px;background-color:#ffffff1a}.stat-value.success{background-color:#22c55e33;color:#22c55e}.stat-value.warning{background-color:#f59e0b33;color:#f59e0b}.cache-actions{margin-bottom:16px;display:flex;justify-content:center}.clear-cache-button{background:linear-gradient(145deg,#dc2626,#ef4444);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s;box-shadow:0 2px 8px #dc26264d}.clear-cache-button:hover{background:linear-gradient(145deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.clear-cache-button:active{transform:translateY(0)}.cache-info{background-color:#60a5fa1a;border-left:4px solid #60a5fa;padding:12px;border-radius:6px}.info-text{margin:0;color:#ccc;font-size:.85em;line-height:1.4}@media (max-width: 768px){.cache-monitor{width:95%;padding:20px;margin:20px}.cache-monitor-header h3{font-size:1.1em}.stat-row{padding:6px 0}.stat-label,.stat-value{font-size:.9em}}