@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3a86ff;--primary-dark:#265ecf;--accent:#8338ec;--error:#ff006e;--light-bg:#f1f1f1;--white:#fff;--dark-text:#2d2d2d;--light-text:#777;--radius:10px;--shadow:0 4px 12px rgba(0,0,0,.07);--transition:all 0.3s ease}body{background:#f1f1f1;background:var(--light-bg);color:#2d2d2d;color:var(--dark-text);font-family:Poppins,sans-serif;font-size:16px;line-height:1.5;padding-bottom:50px}.details,.links,.mode-btn,.total-workouts-container,.total-workouts-count,.total-workouts-heading,.workout-details,body,form,header,input{transition:background-color .4s ease,color .4s ease,border-color .4s ease}.home,.pages{overflow-x:hidden}@media (max-width:500px){body{font-size:15px}}header{background:#fff;background:var(--white);box-shadow:0 4px 12px rgba(0,0,0,.07);box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:100}header .container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:space-between;margin:0 auto;max-width:1400px;padding:10px 50px}header .links{align-items:center;display:flex;justify-content:center}header a{color:#2d2d2d;color:var(--dark-text);text-decoration:none;transition:all .3s ease;transition:var(--transition)}header a:hover{color:#3a86ff;color:var(--primary)}.pages{margin:0 auto;max-width:1400px;padding:30px 20px}.main-heading{color:#3a86ff;color:var(--primary);font-size:30px}.main-heading:hover{color:#265ecf;color:var(--primary-dark)}@media (max-width:768px){.pages{padding:20px 15px}}.home{grid-gap:20px;display:grid;gap:20px}@media (max-width:900px){.home{display:flex;flex-direction:column;gap:25px}.home>form{order:-1}}.workout-details{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;margin:20px auto;padding:20px;transition:all .3s ease;transition:var(--transition)}@media (min-width:600px){.workout-details{align-items:end;flex-direction:row;justify-content:space-between}}.workouts{display:flex;flex-direction:column;gap:10px}.workout-details h4{color:#3a86ff;color:var(--primary);font-size:1.4rem}.workout-details p{color:#777;color:var(--light-text);font-size:.95rem}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}form{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,.07);box-shadow:var(--shadow);margin:0 auto;max-width:560px;padding:25px;width:100%}label{color:#2d2d2d;color:var(--dark-text);display:block;font-weight:500;margin-bottom:6px}input{border:1px solid #ccc;border-radius:10px;border-radius:var(--radius);font-size:1rem;margin:8px 0 20px;padding:12px 14px;transition:all .3s ease;transition:var(--transition);width:100%}input:focus{border-color:#3a86ff;border-color:var(--primary);box-shadow:0 0 0 2px rgba(58,134,255,.2);outline:none}form button{background:#3a86ff;background:var(--primary);border:0;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:14px;transition:all .3s ease;transition:var(--transition);width:100%}form button:hover{background:#265ecf;background:var(--primary-dark)}div.error{background:#ffe8f0;border:1px solid #ff006e;border:1px solid var(--error);border-radius:10px;border-radius:var(--radius);color:#ff006e;color:var(--error);font-size:.95rem;margin:20px 0;padding:12px}button.loading{color:transparent!important;position:relative}button.loading:after{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid #fff;border-radius:50%;border-top:3px solid var(--primary-dark);content:"";height:18px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18px}@-webkit-keyframes spin{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.delete-btn,.edit-btn{border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:5px;padding:10px 16px;transition:all .3s ease;transition:var(--transition)}.dates{align-items:center;display:flex;gap:10px;justify-content:space-between}.edit-btn{background-color:#8338ec;background-color:var(--accent)}.edit-btn:hover{background-color:#5f21b9}.delete-btn{background-color:#ff006e;background-color:var(--error)}.delete-btn:hover{background-color:#cc0059}.menu-toggle{background:none;border:none;cursor:pointer;display:none}.links{display:flex}@media (min-width:769px){.links{gap:30px}}@media (max-width:768px){header .container{padding:10px 20px}.main-heading{font-size:24px}.menu-toggle{display:block;z-index:200}.links{align-items:flex-start;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.07);box-shadow:var(--shadow);display:none;flex-direction:column;font-size:12px;gap:10px;opacity:0;padding:10px;position:absolute;right:0;top:52px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:opacity .3s ease,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease;transition:transform .3s ease-in-out,opacity .3s ease,-webkit-transform .3s ease-in-out;width:150px;z-index:150}.links.open{display:flex;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}body.dark-mode .links{background-color:#1e1e1e}}.menu-toggle svg{height:24px;width:24px}@media (max-width:500px){.menu-toggle svg{height:18px;width:18px}}body.dark-mode{background:#121212;color:#e0e0e0}body.dark-mode header{background:#1e1e1e}body.dark-mode .main-heading{color:#fde047}body.dark-mode .main-heading:hover{color:#ffed80}body.dark-mode .workout-details{background:#1f1f1f;color:#e0e0e0}body.dark-mode .workout-details h4{color:#fde047}body.dark-mode .about-page,body.dark-mode .links a{color:#e0e0e0}body.dark-mode .links a:hover{color:#fde047}body.dark-mode form{background:#1e1e1e}body.dark-mode input{background:#2c2c2c;border:1px solid #444;color:#fff}body.dark-mode input:focus{box-shadow:0 0 0 2px rgba(144,202,249,.3)}body.dark-mode form button{background-color:#fde047;color:#2d2d2d;color:var(--dark-text)}body.dark-mode .edit-btn{background-color:#9c27b0}body.dark-mode .delete-btn{background-color:#d32f2f}body.dark-mode .error{background:#3c1a2b;border-color:#ff4081;color:#ff80ab}body.dark-mode .mode-btn{border:1px solid #fde047}body.dark-mode .menu-toggle svg,body.dark-mode label{color:#e0e0e0}.mode-btn{all:unset;border:1px solid #3a86ff;cursor:pointer;font-size:18px;font-weight:600;outline:none;padding:5px 15px}nav .active{color:#3a86ff;color:var(--primary);font-weight:700}body.dark-mode nav .active{color:#fde047;font-weight:700}.blink-wrapper{display:inline-block;position:relative}.blink-me{-webkit-animation:pulseColor 2s infinite;animation:pulseColor 2s infinite;background:#3b82f6;border-radius:50%;display:inline-block;height:8px;position:absolute;right:-12px;top:12px;width:8px}@-webkit-keyframes pulseColor{0%{background:#3b82f6;opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{background:#2563eb;opacity:.7;-webkit-transform:scale(1.5);transform:scale(1.5)}to{background:#3b82f6;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseColor{0%{background:#3b82f6;opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{background:#2563eb;opacity:.7;-webkit-transform:scale(1.5);transform:scale(1.5)}to{background:#3b82f6;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}body.dark-mode .blink-me{-webkit-animation:pulseYellow 2s infinite;animation:pulseYellow 2s infinite;background:#fde047;border-radius:50%;display:inline-block;height:8px;position:absolute;right:-12px;top:12px;width:8px}@-webkit-keyframes pulseYellow{0%{background:#fde047;opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{background:#fff3a3;opacity:.7;-webkit-transform:scale(1.5);transform:scale(1.5)}to{background:#fde047;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseYellow{0%{background:#fde047;opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{background:#fff3a3;opacity:.7;-webkit-transform:scale(1.5);transform:scale(1.5)}to{background:#fde047;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:768px){.mode-btn{font-size:12px}.blink-me,body.dark-mode .blink-me{top:7px}}.date-label{color:#777;color:var(--light-text);font-size:.9rem;font-style:italic}.details{display:flex;flex-direction:column;gap:10px;justify-content:center}.total-workouts-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1400px;padding:1rem}.total-workouts-heading{color:#1f2937;font-size:1.5rem;font-weight:600}.total-workouts-count{color:#60a5fa;margin-left:.5rem}.no-workouts{align-items:center;color:#2d2d2d;color:var(--dark-text);display:flex;font-size:2.2rem;grid-column:1/-1;height:200px;justify-content:center;text-align:center}body.dark-mode .no-workouts{color:#e5e5e5}body.dark-mode .total-workouts-container{background-color:#2a2a2a;border-color:#3f3f3f}body.dark-mode .total-workouts-heading{color:#e5e5e5}body.dark-mode .total-workouts-count{color:#fde047}.total-workouts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin:0 auto;max-width:1400px}@media (min-width:768px){.total-workouts{grid-template-columns:1fr 1fr}}.workout-details{margin:0 auto;width:100%}select{background:#fff;border:1px solid #ccc;border-radius:10px;border-radius:var(--radius);color:#2d2d2d;color:var(--dark-text);font-size:1rem;margin:8px 0 20px;padding:12px 14px;transition:background-color .3s ease,color .3s ease,all .3s ease;transition:background-color .3s ease,color .3s ease,var(--transition);width:100%}select:focus{border-color:#3a86ff;border-color:var(--primary);box-shadow:0 0 0 2px rgba(58,134,255,.2);outline:none}body.dark-mode select{background:#2c2c2c;border:1px solid #444;color:#fff}.details p strong{color:#2d2d2d;color:var(--dark-text);display:inline-block;width:140px}body.dark-mode .details p strong{color:#e0e0e0}input,select{background-color:#f9f9f9}body.dark-mode input,body.dark-mode select{background-color:#1e1e1e}.inline-inputs{display:flex;gap:15px}.inline-inputs input{flex:1 1;margin:8px 0 20px}body,html{max-width:100%;overflow-x:hidden}
/*# sourceMappingURL=main.2b37e909.css.map*/