.dashboard-container{background-color:#f7fafc;min-height:100vh;padding:24px}.dashboard-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.dashboard-title{color:#1a202c;margin-bottom:8px;font-size:28px;font-weight:700}.dashboard-subtitle{color:#718096;font-size:14px}.widget-card{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;height:100%;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.widget-card:hover{border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a}.widget-card--active{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.widget-card--error{border-color:#e53e3e}.widget-card--loading{opacity:.6;pointer-events:none}.widget-header{background-color:#f7fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:60px;padding:16px 20px;display:flex}.widget-header__title{color:#2d3748;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.widget-header__icon{color:#4a5568;width:20px;height:20px}.widget-header__actions{align-items:center;gap:8px;display:flex}.widget-header__action-button{color:#4a5568;cursor:pointer;background-color:#fff;border:1px solid #cbd5e0;border-radius:4px;padding:6px 8px;font-size:12px;transition:all .15s}.widget-header__action-button:hover{background-color:#edf2f7;border-color:#a0aec0}.widget-header__drag-handle{cursor:move;color:#a0aec0}.widget-header__drag-handle:hover{color:#718096}.widget-content{flex:1;padding:20px;overflow-y:auto}.widget-content--compact{padding:12px 16px}.widget-content--comfortable{padding:24px}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:#f7fafc}.widget-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.widget-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.widget-footer{color:#718096;background-color:#f7fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:44px;padding:12px 20px;font-size:12px;display:flex}.widget-footer__timestamp{align-items:center;gap:6px;display:flex}.widget-footer__refresh{cursor:pointer;align-items:center;gap:6px;transition:color .15s;display:flex}.widget-footer__refresh:hover{color:#4a5568}.kpi-widget{text-align:center;padding:24px 16px}.kpi-widget__value{color:#1a202c;margin-bottom:8px;font-size:36px;font-weight:700;line-height:1}.kpi-widget__label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:500}.kpi-widget__trend{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.kpi-widget__trend--positive{color:#22543d;background-color:#c6f6d5}.kpi-widget__trend--negative{color:#742a2a;background-color:#fed7d7}.kpi-widget__trend--neutral{color:#2d3748;background-color:#e2e8f0}.chart-widget{padding:16px}.chart-widget__container{width:100%;height:100%;min-height:200px}.chart-widget__legend{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px 0;display:flex}.chart-widget__legend-item{color:#4a5568;align-items:center;gap:6px;font-size:12px;display:flex}.chart-widget__legend-color{border-radius:2px;width:12px;height:12px}.table-widget{padding:0}.table-widget table{border-collapse:collapse;width:100%}.table-widget thead{background-color:#f7fafc;border-bottom:2px solid #e2e8f0}.table-widget th{text-align:left;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.table-widget td{color:#4a5568;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:14px}.table-widget tbody tr:hover{background-color:#f7fafc}.table-widget tbody tr:last-child td{border-bottom:none}.widget-card--editable{border-style:dashed;border-color:#4299e1}.widget-card--editable:hover{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.widget-card--dragging{opacity:.5;border-color:#3182ce;box-shadow:0 10px 20px #0003}.widget-card--resizing{border-color:#3182ce}.widget-loading{color:#a0aec0;justify-content:center;align-items:center;min-height:200px;display:flex}.widget-loading__spinner{border:3px solid #e2e8f0;border-top-color:#3182ce;border-radius:50%;width:40px;height:40px;animation:.6s linear infinite widget-spinner}@keyframes widget-spinner{to{transform:rotate(360deg)}}.widget-empty{text-align:center;color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px;display:flex}.widget-empty__icon{color:#cbd5e0;width:48px;height:48px;margin-bottom:16px}.widget-empty__title{color:#718096;margin-bottom:8px;font-size:16px;font-weight:600}.widget-empty__description{color:#a0aec0;font-size:14px}@media (max-width:768px){.dashboard-container{padding:16px}.widget-header{min-height:52px;padding:12px 16px}.widget-content{padding:16px}.widget-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}.kpi-widget__value{font-size:28px}}@media print{.dashboard-container{background-color:#fff}.widget-card{page-break-inside:avoid;box-shadow:none;border:1px solid #000}.widget-header__actions{display:none}}
