.usage-analytics{padding:20px;max-width:1400px;margin:0 auto}.usage-analytics__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.usage-analytics__title-block{display:flex;flex-direction:column;gap:2px}.usage-analytics__title{font-size:20px;font-weight:600;color:#2c2c2c;margin:0;letter-spacing:-.01em}.usage-analytics__subtitle{font-size:12px;color:#a09890;margin:0;letter-spacing:.04em;text-transform:uppercase}.usage-analytics__filters{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.usage-analytics__filters-row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end}.usage-analytics__filter-group{display:flex;flex-direction:column;gap:6px}.usage-analytics__filter-group label{font-size:13px;font-weight:500;color:#6b6b6b}.usage-analytics__filter-group input[type=date],.usage-analytics__filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;color:#3d3d3d;min-width:140px}.usage-analytics__filter-group input[type=date]:focus,.usage-analytics__filter-group select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 2px rgba(139,115,85,.1)}.usage-analytics__granularity{display:flex;gap:4px;background:#f1f3f5;border-radius:8px;padding:4px}.usage-analytics__granularity button{padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:#6b6b6b;transition:all .2s;white-space:nowrap}.usage-analytics__granularity button:hover{background:hsla(0,0%,100%,.5)}.usage-analytics__granularity button.active{background:#fff;color:#8b7355;box-shadow:0 1px 3px rgba(0,0,0,.1)}.usage-analytics__actions{display:flex;gap:8px;align-items:flex-end}@media(max-width:768px){.usage-analytics__actions{width:100%;justify-content:flex-start}}.usage-analytics__btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.usage-analytics__btn--primary{background:#8b7355;color:#fff}.usage-analytics__btn--primary:hover{opacity:.9}.usage-analytics__btn--primary:disabled{opacity:.5;cursor:not-allowed}.usage-analytics__btn--export{background:#28a745;color:#fff}.usage-analytics__btn--export:hover{background:#218838}.usage-analytics__btn--outline{background:#fff;color:#3d3d3d;border:1px solid #ddd}.usage-analytics__btn--outline:hover{background:#f8f9fa}.usage-analytics__charts{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}.usage-analytics__chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.usage-analytics__chart-card h3{font-size:16px;font-weight:600;color:#3d3d3d;margin-bottom:16px;display:flex;align-items:center;gap:8px}.usage-analytics__chart-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.usage-analytics__chart-row{grid-template-columns:1fr}}.usage-analytics__summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.usage-analytics__summary-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid transparent}.usage-analytics__summary-card--occupied{border-left-color:#28a745}.usage-analytics__summary-card--low_usage{border-left-color:#ffc107}.usage-analytics__summary-card--vacant{border-left-color:#dc3545}.usage-analytics__summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-analytics__summary-card-room{font-size:18px;font-weight:600;color:#3d3d3d}.usage-analytics__summary-card-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.usage-analytics__summary-card-status--occupied{background:#d4edda;color:#155724}.usage-analytics__summary-card-status--low_usage{background:#fff3cd;color:#856404}.usage-analytics__summary-card-status--vacant{background:#f8d7da;color:#721c24}.usage-analytics__summary-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.usage-analytics__summary-card-stat{display:flex;flex-direction:column;gap:2px}.usage-analytics__summary-card-stat-label{font-size:11px;color:#6b6b6b}.usage-analytics__summary-card-stat-value{font-size:14px;font-weight:600;color:#3d3d3d}.usage-analytics__summary-card-trend{margin-top:8px;font-size:12px;display:flex;align-items:center;gap:4px}.usage-analytics__summary-card-trend--up{color:#dc3545}.usage-analytics__summary-card-trend--down{color:#28a745}.usage-analytics__summary-card-trend--stable{color:#6b6b6b}.usage-analytics__summary-card-active{margin-top:8px;font-size:12px;color:#6b6b6b}.usage-analytics__summary-card-active .progress-bar{width:100%;height:4px;background:#e9ecef;border-radius:2px;margin-top:4px;overflow:hidden}.usage-analytics__summary-card-active .progress-bar__fill{height:100%;border-radius:2px;background:#8b7355;transition:width .3s}.usage-analytics__table-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.usage-analytics__table-section h3{font-size:16px;font-weight:600;color:#3d3d3d;margin-bottom:16px}.usage-analytics__table{width:100%;border-collapse:collapse;font-size:13px}.usage-analytics__table th{text-align:left;padding:10px 12px;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;color:#6b6b6b;white-space:nowrap}.usage-analytics__table td{padding:8px 12px;border-bottom:1px solid #f1f3f5;color:#3d3d3d}.usage-analytics__table tbody tr:hover{background:#f8f9fa}.usage-analytics__table-wrapper{overflow-x:auto;max-height:400px;overflow-y:auto}.usage-analytics__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b6b6b}.usage-analytics__loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#8b7355;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.usage-analytics__empty{text-align:center;padding:60px 20px;color:#6b6b6b}.usage-analytics__empty-icon{font-size:48px;margin-bottom:12px}.usage-analytics__empty p{font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}