:root{--color-background:#000000;--color-foreground:#ededed;--color-card-bg:rgba(30,30,30,0.8);--color-card-bg-hover:rgba(40,40,40,0.8);--color-primary:#9d4edd;--color-primary-dark:#7b2cbf;--color-primary-light:#b980ff;--color-text-primary:#ffffff;--color-text-secondary:rgba(255,255,255,0.7);--color-text-tertiary:rgba(255,255,255,0.5);--color-pillar-technical:#3a86ff;--color-pillar-physical:#38b000;--color-pillar-lifestyle:#e6d500;--color-pillar-mentality:#ff9e00;--color-pillar-tactical:#ff5252;--color-soccer-green:#38b000;--color-field-green:#2d5a2d;--color-soccer-yellow:#e6d500;--color-referee-black:#1a1a1a;--color-soccer-white:#ffffff;--color-success:var(--color-soccer-green);--color-warning:var(--color-soccer-yellow);--color-error:#ff5252;--color-info:#3a86ff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-xxl:20px;--font-size-xxxl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.3;--line-height-relaxed:1.5;--letter-spacing-tight:-0.02em;--letter-spacing-normal:-0.01em;--letter-spacing-wide:0.01em;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:13px;--radius-xl:13px;--radius-button:13px;--radius-input:10px;--radius-pill:999px;--radius-circle:50%;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-primary:0 0 8px rgba(157,78,221,0.3);--shadow-card:0 4px 12px rgba(0,0,0,0.1);--transition-fast:0.2s cubic-bezier(0.25,0.46,0.45,0.94);--transition-medium:0.3s cubic-bezier(0.25,0.46,0.45,0.94);--transition-slow:0.4s cubic-bezier(0.25,0.46,0.45,0.94);--ios-spring:cubic-bezier(0.25,0.46,0.45,0.94);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--backdrop-blur:saturate(180%) blur(20px);--touch-target-min:44px;--touch-target-comfortable:48px;--card-padding:16px;--button-height-sm:32px;--button-height-md:44px;--button-height-lg:50px;--input-height:44px}.dark-theme{--shadow-primary:0 0 10px rgba(157,78,221,0.7)}.drills-table{width:100%;border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-card-bg);margin-bottom:var(--spacing-lg)}.drills-table-header{display:grid;grid-template-columns:40px 1fr 120px 100px;background-color:rgba(40,40,40,.9);border-bottom:1px solid rgba(255,255,255,.1);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;font-size:var(--font-size-sm);height:48px}.drills-table-header>div{display:flex;align-items:center;padding:0 var(--spacing-lg)}.checkbox-header{justify-content:center}.title-header{justify-content:flex-start}.actions-header,.pillar-header{justify-content:center}.drills-table-row{display:grid;grid-template-columns:40px 1fr 120px 100px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;height:56px;cursor:pointer;transition:background-color var(--transition-fast)}.drills-table-row:hover{background-color:var(--color-card-bg-hover)}.drills-table-row>div{display:flex;align-items:center;height:100%;padding:0 var(--spacing-lg)}.checkbox-cell{justify-content:center}.title-cell{justify-content:flex-start}.action-cell,.pillar-cell{justify-content:center}.drill-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.pillar-badge{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap;height:24px;width:80px}.difficulty-rating,.pillar-badge{justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.difficulty-rating{display:flex;gap:3px;background-color:rgba(0,0,0,.2);min-width:70px}.difficulty-star{color:rgba(255,255,255,.2);font-size:var(--font-size-lg);line-height:1}.difficulty-star.filled{color:var(--color-warning);text-shadow:0 0 2px rgba(255,196,9,.5)}.drill-stats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-md);color:var(--color-text-secondary);background-color:rgba(0,0,0,.2);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);min-width:30px}.drill-stats ion-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-xxs);color:var(--color-primary)}.drill-actions{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center}.action-button{--padding-start:var(--spacing-xs);--padding-end:var(--spacing-xs);--padding-top:var(--spacing-xs);--padding-bottom:var(--spacing-xs);--border-radius:var(--radius-sm);height:32px;width:32px;margin:0;--box-shadow:none}.edit-button{--background:transparent;--color:var(--color-primary);--border-style:none}.edit-button:hover{--background:rgba(157,78,221,0.1)}.delete-button{--background:transparent;--color:var(--color-error);--border-style:none}.delete-button:hover{--background:rgba(235,68,90,0.1)}.select-checkbox{--border-radius:var(--radius-sm);--border-color:rgba(255,255,255,0.3);--border-color-checked:var(--color-primary);--background-checked:var(--color-primary);--checkmark-color:var(--color-text-primary);--size:20px;margin:0}.table-controls{justify-content:space-between;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg)}.table-actions,.table-controls{display:flex;align-items:center}.table-actions{gap:var(--spacing-md)}.bulk-action-button{--background:var(--color-error);--color:var(--color-text-primary);--border-radius:var(--radius-md);--padding-start:var(--spacing-md);--padding-end:var(--spacing-md);height:32px;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);margin:0}.bulk-action-button:hover{--background:#cf3c4f}.page-size-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.page-size-selector,.page-size-selector select{color:var(--color-text-primary);font-size:var(--font-size-lg)}.page-size-selector select{background-color:rgba(40,40,40,.8);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-xl);gap:var(--spacing-sm)}.pagination-button{--background:rgba(40,40,40,0.8);--color:var(--color-text-primary);--border-radius:var(--radius-sm);--padding-start:var(--spacing-md);--padding-end:var(--spacing-md);height:36px;margin:0;font-size:var(--font-size-lg)}.pagination-button.active{--background:var(--color-primary);--color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 var(--spacing-lg)}@media (max-width:768px){.drills-table-header,.drills-table-row{grid-template-columns:40px 1fr 100px 100px}.drills-table-header{font-size:var(--font-size-sm)}.drill-title{font-size:var(--font-size-lg)}.pillar-badge{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.table-controls{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:576px){.drills-table-header,.drills-table-row{grid-template-columns:40px 1fr 80px 100px}.drills-table-header>div,.drills-table-row>div{padding:0 var(--spacing-sm)}.drill-title{font-size:var(--font-size-md)}.pillar-badge{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs);width:70px}.action-button{height:30px;width:30px}.bulk-action-button{height:30px}.bulk-action-button,.pagination-button{font-size:var(--font-size-sm);--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm)}.pagination-button{height:32px}}