@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";:root{--bg:#111d2c;--surface:#182333;--surface-solid:#1e2d3e;--surface-alt:#243344;--surface-hover:#2a3c52;--border:#2c4058;--border-strong:#3d5570;--text:#d8e6f0;--text-muted:#6d90b0;--text-dim:#3d5870;--primary:#68b82e;--primary-hover:#79d435;--primary-soft:#68b82e21;--primary-glow:0 0 18px #68b82e47;--hyrox:#68b82e;--hyrox-soft:#68b82e21;--kraft:#4a9fe8;--kraft-soft:#4a9fe821;--ausdauer:#e87c3e;--ausdauer-soft:#e87c3e21;--mobility:#a47de0;--mobility-soft:#a47de021;--simulation:#e8c040;--simulation-soft:#e8c04021;--success:#68b82e;--success-soft:#68b82e21;--error:#e05252;--error-soft:#e0525221;--warning:#e8a832;--warning-soft:#e8a83221;--radius:12px;--radius-sm:8px;--radius-xs:5px;--shadow:0 4px 20px #00000080;--shadow-lg:0 8px 36px #000000a6;--font:"Roboto", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-size:15px;line-height:1.55}#root{max-width:1100px;min-height:100vh;margin:0 auto;padding:20px}.card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-hover{cursor:pointer;transition:border-color .2s,background .2s}.card-hover:hover{border-color:var(--primary);background:var(--surface-alt)}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .18s,border-color .18s,opacity .18s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 12px}.btn-ghost:not(:disabled):hover{color:var(--text);background:var(--surface-alt)}.btn-danger{background:var(--error-soft);color:var(--error);border:1px solid #e0525233}.btn-danger:not(:disabled):hover{background:var(--error);color:#fff}.btn-sm{padding:6px 13px;font-size:12px}.btn-lg{padding:13px 28px;font-size:16px;font-weight:700}.btn-full{width:100%}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-dim)}select.input{cursor:pointer}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.form-group{margin-bottom:18px}.type-badge{text-transform:uppercase;letter-spacing:.07em;border-radius:4px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.type-hyrox{background:var(--hyrox-soft);color:var(--hyrox)}.type-kraft{background:var(--kraft-soft);color:var(--kraft)}.type-ausdauer{background:var(--ausdauer-soft);color:var(--ausdauer)}.type-mobility{background:var(--mobility-soft);color:var(--mobility)}.type-simulation{background:var(--simulation-soft);color:var(--simulation)}.progress-bar{background:var(--surface-alt);border-radius:999px;height:5px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .5s}.check-item{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:9px 13px;transition:border-color .15s,background .15s;display:flex}.check-item:hover{border-color:var(--border-strong)}.check-item.checked{border-color:var(--primary);background:var(--primary-soft)}.check-item input[type=checkbox]{display:none}.checkmark{border:1.5px solid var(--border-strong);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;transition:all .15s;display:flex}.check-item.checked .checkmark{background:var(--primary);border-color:var(--primary);color:#fff}.app-header{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;height:56px;margin-bottom:24px;padding:0 20px;display:flex}.app-header .logo{letter-spacing:.03em;cursor:pointer;text-transform:uppercase;flex-shrink:0;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.app-header .logo span{color:var(--primary)}.header-nav{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,background .15s}.nav-btn:hover{color:var(--text);background:var(--surface-alt)}.nav-btn.active{color:var(--primary);background:var(--primary-soft);font-weight:700}.week-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.week-nav h2{margin:0;font-size:17px;font-weight:700}.week-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:6px;min-height:105px;padding:10px 8px;transition:border-color .18s,background .18s;display:flex;position:relative}.day-card:hover:not(.rest-day){border-color:var(--primary);background:var(--surface-alt)}.day-card.rest-day{opacity:.35;cursor:default}.day-card.completed{border-color:var(--success);background:var(--success-soft)}.day-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.day-title{font-size:12px;font-weight:700;line-height:1.3}.day-duration{color:var(--text-muted);font-size:11px}.workout-section{margin-bottom:16px}.workout-section-header{cursor:pointer;background:var(--surface-alt);border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;transition:border-color .15s;display:flex}.workout-section-header:hover{border-color:var(--border-strong)}.workout-section-title{letter-spacing:.01em;flex:1;font-size:14px;font-weight:700}.workout-section-body{margin-top:6px}.exercise-table{border-collapse:collapse;width:100%}.exercise-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--surface);padding:9px 13px;font-size:10px;font-weight:700}.exercise-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:11px 13px;font-size:13px}.exercise-table tr:last-child td{border-bottom:none}.exercise-table tr:hover td{background:var(--surface-alt)}.week-ov-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius);overflow-x:auto}.week-ov-grid{grid-template-columns:repeat(7,minmax(190px,1fr));gap:8px;min-width:1340px;display:grid}.week-ov-col{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;min-width:0;min-height:160px;padding:10px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.week-ov-col:hover{border-color:var(--primary);background:var(--surface-alt)}.week-ov-col.week-ov-rest{opacity:.35;cursor:default}.week-ov-col.week-ov-rest:hover{border-color:var(--border);background:var(--surface-solid)}.week-ov-col.week-ov-done{border-color:var(--success);background:var(--success-soft)}.week-ov-day-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.week-ov-day-name{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.week-ov-type-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.week-ov-rest-body{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.week-ov-table{border-collapse:collapse;width:100%;margin-top:4px;font-size:11px}.week-ov-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:3px 4px 4px;font-size:9px;font-weight:700}.week-ov-table td{color:var(--text);vertical-align:top;border-bottom:1px solid #ffffff0a;padding:4px;font-size:11px;line-height:1.35;overflow:hidden}.week-ov-table tr:last-child td{border-bottom:none}.week-ov-table td:first-child{text-overflow:ellipsis;white-space:nowrap;width:50%;max-width:0;font-weight:600;overflow:hidden}.week-ov-table td:not(:first-child){color:var(--text-muted);white-space:nowrap;width:17%}.coaching-tip{background:var(--primary-soft);border:1px solid #68b82e33;border-left:3px solid var(--primary);border-radius:var(--radius-sm);color:var(--text);margin-top:14px;padding:14px 16px;font-size:13px;line-height:1.65}.coaching-tip-label{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:700}.pr-row{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;margin-bottom:7px;padding:12px 16px;display:flex}.pr-exercise{flex:1;font-size:14px;font-weight:500}.pr-value{color:var(--primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.pr-unit{color:var(--text-muted);font-size:12px}.pr-date{color:var(--text-dim);font-size:11px}.spinner{border:2px solid var(--surface-alt);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:13px;display:flex}.alert{border-radius:var(--radius-sm);margin-bottom:14px;padding:11px 15px;font-size:13px;font-weight:500}.alert-error{background:var(--error-soft);color:var(--error);border:1px solid #e0525233}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid #68b82e33}.alert-info{background:var(--primary-soft);color:var(--primary);border:1px solid #68b82e33}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:16px 14px}.stat-value{color:var(--primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:700}.page-title{letter-spacing:-.3px;margin:0 0 5px;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:13px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{letter-spacing:.01em;margin:0;font-size:15px;font-weight:700}.tag{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.divider{background:var(--border);height:1px;margin:18px 0}.empty-state{text-align:center;color:var(--text-muted);padding:56px 20px}.empty-state-icon{margin-bottom:12px;font-size:44px}.empty-state h3{color:var(--text);margin:0 0 7px;font-size:17px;font-weight:700}.empty-state p{margin:0;font-size:13px}.header-nav,.desktop-only{display:none}.hamburger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}.hamburger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:background .15s;display:block}.hamburger:hover span{background:var(--primary)}.mobile-menu{z-index:200;background:#0009;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.mobile-menu-panel{background:var(--surface-solid);border-left:1px solid var(--border);flex-direction:column;gap:4px;width:240px;height:100%;padding:24px 16px;display:flex}.mobile-nav-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:15px;font-weight:500;transition:background .15s}.mobile-nav-btn:hover{background:var(--surface-alt)}.mobile-nav-btn.active{color:var(--primary);background:var(--primary-soft);font-weight:700}@media (width<=768px){#root{padding:10px}.app-header{padding:0 14px}.week-grid{grid-template-columns:repeat(3,1fr)}.card{padding:16px}.page-title{font-size:20px}.btn-lg{padding:12px 22px;font-size:15px}}@media (width<=480px){.week-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}}.aw-overlay{background:var(--bg);z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.aw-topbar{background:var(--surface-solid);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.aw-timer-total{font-variant-numeric:tabular-nums;color:var(--primary);letter-spacing:.04em;font-size:22px;font-weight:900;line-height:1.1}.aw-phase-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:700}.aw-body{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;width:100%;max-width:640px;margin:0 auto;padding:16px 16px 32px;display:flex;overflow-y:auto}.aw-exercise-card{background:var(--surface-solid);border:2px solid var(--primary);border-radius:var(--radius);box-shadow:var(--primary-glow);padding:24px 20px 20px}.aw-exercise-name{letter-spacing:-.3px;margin-bottom:6px;font-size:26px;font-weight:900;line-height:1.2}.aw-exercise-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.aw-exercise-timer{font-variant-numeric:tabular-nums;color:var(--text);text-align:center;letter-spacing:.02em;margin:16px 0;font-size:52px;font-weight:900;line-height:1}.aw-action-btn{width:100%;border-radius:var(--radius)!important;height:72px!important;font-size:18px!important;font-weight:900!important}.aw-rest-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:28px 20px}.aw-rest-countdown{font-variant-numeric:tabular-nums;color:var(--warning);margin:8px 0;font-size:72px;font-weight:900;line-height:1}.aw-upcoming-panel{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.aw-upcoming-toggle{width:100%;color:var(--text-muted);font-family:var(--font);cursor:pointer;text-align:left;letter-spacing:.02em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.aw-upcoming-toggle:hover{background:var(--surface-alt)}.aw-dialog-backdrop{z-index:10000;background:#000000b8;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.aw-dialog{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:28px 24px 36px}@media (width>=540px){.aw-dialog-backdrop{align-items:center;padding:20px}.aw-dialog{border-radius:var(--radius);padding:28px 24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}