:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.app-header{text-align:center;color:#fff;margin-bottom:30px}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-header p{font-size:1.1rem;opacity:.9}.container{display:flex;max-width:1400px;margin:0 auto;gap:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.left-panel,.right-panel{flex:1;padding:25px;overflow-y:auto;max-height:calc(100vh - 200px)}.divider{width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);flex-shrink:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:10px;margin-top:15px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-edit{background:#28a745;color:#fff;padding:6px 12px;font-size:.875rem}.btn-edit:hover{background:#218838}.btn-delete{background:#dc3545;color:#fff;padding:6px 12px;font-size:.875rem}.btn-delete:hover{background:#c82333}.btn-success{background:#17a2b8;color:#fff;padding:6px 12px;font-size:.875rem}.btn-success:hover{background:#138496}.workout-section,.goal-section{height:100%}.workout-section h2,.goal-section h2{margin-bottom:20px;color:#333;border-bottom:3px solid #667eea;padding-bottom:10px}.workout-form,.goal-form{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.workout-form h3,.goal-form h3{margin-top:0;margin-bottom:15px;color:#555}.filter-section{margin-bottom:20px;display:flex;align-items:center;gap:10px}.filter-section label{font-weight:600;color:#333}.filter-input,.filter-select{flex:1;padding:8px;border:2px solid #ddd;border-radius:6px;font-size:.95rem}.workout-list,.goal-list{display:flex;flex-direction:column;gap:15px}.workout-card,.goal-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s}.workout-card:hover,.goal-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.goal-card.completed{background:#d4edda;border-color:#28a745}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-header h4{margin:0;color:#333;font-size:1.2rem}.badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:600}.badge-success{background:#28a745}.card-notes,.card-info{color:#666;margin:10px 0;font-style:italic}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:10px;border-top:1px solid #dee2e6}.card-footer small{color:#6c757d}.card-actions{display:flex;gap:8px}.empty{text-align:center;color:#6c757d;padding:40px;font-style:italic}@media(max-width:768px){.container{flex-direction:column}.divider{width:100%;height:3px}.left-panel,.right-panel{max-height:none}}