.training-table-container[data-v-747d1cfd]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.filter-controls[data-v-747d1cfd]{background:#f9fafb;border-radius:6px;padding:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.filter-row[data-v-747d1cfd]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-item[data-v-747d1cfd]{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.filter-label[data-v-747d1cfd]{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;min-width:40px}.filter-select[data-v-747d1cfd]{width:110px}@media (max-width: 768px){.filter-controls[data-v-747d1cfd]{gap:8px}.filter-row[data-v-747d1cfd]{flex-direction:column;gap:8px;align-items:stretch;flex-wrap:nowrap}.filter-item[data-v-747d1cfd]{flex:1;min-width:0;white-space:nowrap}.filter-label[data-v-747d1cfd]{min-width:50px}.filter-select[data-v-747d1cfd]{width:100%;min-width:80px}}.table-wrapper[data-v-747d1cfd]{width:100%;overflow-x:hidden;overflow-y:visible}.training-table[data-v-747d1cfd]{width:100%;table-layout:fixed}.training-cell[data-v-747d1cfd]{padding:4px 0}.training-name[data-v-747d1cfd]{font-weight:500;font-size:14px;line-height:1.3;margin-bottom:2px;white-space:normal;word-break:break-word}.training-meta[data-v-747d1cfd]{font-size:12px;color:#6b7280;line-height:1.2;display:flex;flex-direction:column;gap:2px}.training-type-tag[data-v-747d1cfd]{display:inline-block;background-color:#e0f2fe;color:#0369a1;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500;margin-top:2px;width:-moz-fit-content;width:fit-content}[data-v-747d1cfd] .n-data-table{overflow:hidden!important;table-layout:fixed!important}[data-v-747d1cfd] .n-data-table-wrapper{overflow-x:hidden!important;overflow-y:visible!important}[data-v-747d1cfd] .n-data-table-base-table{overflow:hidden!important;table-layout:fixed!important}[data-v-747d1cfd] .n-data-table-base-table-body{overflow:hidden!important}.selected-date-details[data-v-70cad8db]{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.training-list[data-v-70cad8db]{display:flex;flex-direction:column;gap:12px}.training-detail-card[data-v-70cad8db]{background-color:#f9fafb;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.training-indicators[data-v-70cad8db]{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;overflow-x:hidden;width:100%;max-width:100vw}@media (max-width: 768px){@supports (-webkit-appearance: none){body{position:relative;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}html{overflow:hidden;height:100%}#app{height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overscroll-behavior:contain}}}.container{max-width:1200px;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-6{gap:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.p-4{padding:16px}.min-h-screen{min-height:100vh}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.h-full{height:100%}.h-80{height:20rem}.h-64{height:16rem}.w-24{width:6rem}.w-28{width:7rem}.w-48{width:12rem}.w-full{width:100%}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.summary-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.dashboard-header{text-align:center;margin-bottom:32px}.controls-section{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:24px}.dashboard-container{min-height:100vh;background-color:#f8f9fa;padding:16px;overflow-x:hidden;width:100%;max-width:100vw}.dashboard-content{max-width:1400px;margin:0 auto;overflow-x:hidden;width:100%}.summary-cards-grid,.charts-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin-bottom:32px}@media (min-width: 1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;width:100%;min-width:0;overflow:hidden}@media (max-width: 768px){.chart-container{padding:16px}.chart-container .text-lg{font-size:1rem}}.chart-container canvas{max-width:100%!important;height:auto!important}.chart-section{display:flex;justify-content:center;margin-bottom:32px}.chart-section .chart-container{max-width:600px;width:100%}@media (min-width: 768px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.summary-cards-grid{grid-template-columns:repeat(4,1fr)}.charts-grid{grid-template-columns:repeat(2,1fr)}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%;max-width:100%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav-btn{padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background-color .2s}.calendar-nav-btn:hover{background:#e5e7eb}.calendar-nav-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-title{font-size:18px;font-weight:600;color:#374151}.day-header{background-color:#f9fafb;padding:12px 4px;text-align:center;font-weight:600;color:#6b7280;font-size:16px}.day-cell{background-color:#fff;min-height:100px;padding:6px;position:relative;cursor:pointer;transition:background-color .2s;overflow:hidden}.day-cell:hover{background-color:#f3f4f6}.day-cell.other-month{background-color:#f9fafb;color:#9ca3af}.day-cell.today{background-color:#dbeafe}.day-cell.has-training{background-color:#fef3c7}.day-cell.has-training.today{background-color:#bfdbfe}.day-number{font-size:16px;font-weight:600;margin-bottom:4px}.training-dot{width:8px;height:8px;background-color:#059669;border-radius:50%;margin:2px;display:inline-block}.main-training-dot{background-color:#dc2626}.training-summary{font-size:12px;color:#6b7280;line-height:1.3;margin-top:4px}@media (max-width: 768px){.day-cell{min-height:60px;padding:2px}.day-number{font-size:12px}.training-summary{font-size:9px}.training-dot{width:4px;height:4px}.calendar-title{font-size:16px}.calendar-nav-btn{padding:6px 10px;font-size:14px}}@media (max-width: 768px){.dashboard-container{overflow-x:hidden;width:100%;max-width:100vw;padding:12px}.dashboard-content{overflow-x:hidden;width:100%;max-width:100%}.chart-container,.training-table-container{width:100%!important;max-width:100%!important;overflow:visible!important;margin-left:0!important;margin-right:0!important}*{overflow-x:visible!important}.text-3xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1rem;line-height:1.5rem}.mobile-only{display:block;width:100%;max-width:100%}.desktop-only{display:none}.training-table{width:100%!important;table-layout:fixed!important}.training-table :deep(.n-data-table-th),.training-table :deep(.n-data-table-td){padding:8px 4px!important;word-wrap:break-word!important;white-space:normal!important}}@media (min-width: 769px){.mobile-only{display:none}.desktop-only{display:block}}.responsive-content{margin-top:32px}