.storage-page{width:100%;max-width:900px;margin:0 auto;padding:var(--spacing-sm);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--background)}.storage-page__header{display:flex;flex-direction:column;gap:var(--spacing-md)}.storage-page__header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.storage-page__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0;word-wrap:break-word;overflow-wrap:break-word}.storage-page__subtitle{color:var(--textSecondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.storage-page__header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.storage-page__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;font-size:var(--font-size-sm);font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.storage-page__action-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.storage-page__action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.storage-page__loading{color:var(--textSecondary)}.storage-page__error,.storage-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);font-size:var(--font-size-sm)}.storage-page__error{color:var(--error);text-align:center;padding:var(--spacing-xl)}.storage-page__retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;background:var(--primary);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast)}.storage-page__retry-btn:hover{background:var(--primary-dark)}.storage-page__retry-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.storage-page__empty{align-items:center;justify-content:center;min-height:200px;text-align:center;padding:var(--spacing-xl);color:var(--textSecondary);font-size:var(--font-size-sm)}.storage-overview,.storage-page__empty{display:flex;flex-direction:column;gap:var(--spacing-md)}.storage-overview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:box-shadow var(--transition-normal)}.storage-overview:hover{box-shadow:var(--shadow-md)}.storage-overview__header{justify-content:space-between;flex-wrap:wrap}.storage-overview__header,.storage-overview__title{display:flex;align-items:center;gap:var(--spacing-sm)}.storage-overview__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin:0}.storage-overview__title .icon,.storage-overview__title svg{width:1.25rem;height:1.25rem;flex-shrink:0}.storage-overview__status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:9999px;white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.storage-overview__status.storage-bar--ok{background:var(--success-transparent);color:var(--success);border:1px solid var(--success-light)}.storage-overview__status.storage-bar--warning{background:var(--warning-transparent);color:var(--warning);border:1px solid var(--warning-light)}.storage-overview__status.storage-bar--critical{background:var(--error-transparent);color:var(--error);border:1px solid var(--error-light)}.storage-overview__status.storage-bar--exceeded{background:var(--error-transparent);color:#991B1B;border:1px solid var(--error)}.dark .storage-overview__status.storage-bar--exceeded{color:#FCA5A5}.storage-overview__bar-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.storage-overview__bar{width:100%;height:12px;background:var(--background);border-radius:9999px;overflow:hidden;border:1px solid var(--border)}.storage-overview__bar-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:0}.storage-overview__bar-fill.storage-bar--ok{background:var(--success)}.storage-overview__bar-fill.storage-bar--warning{background:var(--warning)}.storage-overview__bar-fill.storage-bar--critical{background:var(--error)}.storage-overview__bar-fill.storage-bar--exceeded{background:#991B1B}.dark .storage-overview__bar-fill.storage-bar--exceeded{background:#DC2626}.storage-overview__bar-text{font-size:var(--font-size-sm);color:var(--textSecondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storage-overview__details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.storage-overview__detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1 1 120px}.storage-overview__detail-label{font-size:var(--font-size-xs);color:var(--textSecondary);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.storage-overview__detail-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storage-overview__alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;line-height:1.5}.storage-overview__alert .icon,.storage-overview__alert svg{width:1.25rem;height:1.25rem;flex-shrink:0}.storage-overview__alert--warning{background:var(--warning-transparent);border:1px solid var(--warning-light);color:var(--warning)}.storage-overview__alert--critical{background:var(--error-transparent);border:1px solid var(--error-light);color:var(--error)}.storage-overview__alert--exceeded{background:var(--error-transparent);border:1px solid var(--error);color:#991B1B}.dark .storage-overview__alert--exceeded{color:#FCA5A5}.storage-breakdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);transition:box-shadow var(--transition-normal)}.storage-breakdown:hover{box-shadow:var(--shadow-md)}.storage-breakdown__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin:0}.storage-breakdown__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.storage-breakdown__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.storage-breakdown__item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.storage-breakdown__item-label{font-size:var(--font-size-sm);color:var(--text);font-weight:500}.storage-breakdown__item-value{font-size:var(--font-size-sm);color:var(--textSecondary);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.storage-breakdown__item-bar{width:100%;height:8px;background:var(--background);border-radius:9999px;overflow:hidden;border:1px solid var(--border)}.storage-breakdown__item-bar-fill{height:100%;border-radius:9999px;background:var(--primary);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:0}.storage-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);transition:box-shadow var(--transition-normal)}.storage-chart:hover{box-shadow:var(--shadow-md)}.storage-chart__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin:0}.storage-chart__container{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.storage-chart__svg{width:100%;aspect-ratio:3/1;display:block}.storage-chart__limit-line{stroke:var(--error);stroke-width:1.5;stroke-dasharray:6 4;fill:none}.storage-chart__area{fill:var(--primary-transparent)}.storage-chart__line{stroke:var(--primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.storage-chart__point{fill:var(--primary);stroke:var(--surface);stroke-width:2;r:4;transition:r var(--transition-fast)}.storage-chart__point:hover{r:6}.storage-chart__x-labels{justify-content:space-between;padding:0 var(--spacing-xs);font-size:var(--font-size-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.storage-chart__empty,.storage-chart__x-labels{display:flex;align-items:center;color:var(--textSecondary)}.storage-chart__empty{justify-content:center;min-height:120px;font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}.dark .storage-overview{background:var(--surface);border-color:var(--border)}.dark .storage-overview__bar{background:var(--background);border-color:var(--border)}.dark .storage-breakdown{background:var(--surface);border-color:var(--border)}.dark .storage-breakdown__item-bar{background:var(--background);border-color:var(--border)}.dark .storage-chart{background:var(--surface);border-color:var(--border)}.dark .storage-chart__point{stroke:var(--surface)}.dark .storage-page__action-btn{background:var(--surface);border-color:var(--border);color:var(--text)}@media (prefers-reduced-motion:reduce){.storage-breakdown,.storage-chart,.storage-overview,.storage-page__action-btn,.storage-page__retry-btn{transition:none}.storage-breakdown:hover,.storage-chart:hover,.storage-overview:hover{box-shadow:var(--shadow-sm)}.storage-breakdown__item-bar-fill,.storage-chart__point,.storage-overview__bar-fill{transition:none}}@media (min-width:768px){.storage-page{padding:var(--spacing-md)}.storage-page__header{flex-direction:row;align-items:center;justify-content:space-between}.storage-page__title{font-size:var(--font-size-2xl)}.storage-overview{padding:var(--spacing-lg)}.storage-overview__details{gap:var(--spacing-lg)}.storage-breakdown,.storage-chart{padding:var(--spacing-lg)}}@media (max-width:480px){.storage-page{padding:var(--spacing-xs);gap:var(--spacing-md)}.storage-page__title{font-size:var(--font-size-lg)}.storage-page__subtitle{font-size:var(--font-size-xs)}.storage-page__header-actions{flex-direction:column}.storage-page__action-btn{width:100%}.storage-overview{padding:var(--spacing-sm);gap:var(--spacing-sm)}.storage-overview__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.storage-overview__details{flex-direction:column;gap:var(--spacing-sm)}.storage-overview__detail-item{flex:1 1 auto;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border)}.storage-overview__detail-item:last-child{border-bottom:none}.storage-overview__alert{font-size:var(--font-size-xs);padding:var(--spacing-sm)}.storage-breakdown{padding:var(--spacing-sm);gap:var(--spacing-sm)}.storage-breakdown__item-label,.storage-breakdown__item-value{font-size:var(--font-size-xs)}.storage-chart{padding:var(--spacing-sm);gap:var(--spacing-sm)}.storage-chart__svg{aspect-ratio:2/1}.storage-chart__x-labels{font-size:calc(var(--font-size-xs) * .9)}.storage-chart__empty{min-height:80px;font-size:var(--font-size-xs)}}