﻿html,body{background-color:#f4f4f4;font-family:Verdana,Helvetica,Arial;font-size:14px}a{color:#de2b6c}a img{border:none}a.label{background-color:#009cff;border-radius:20px;color:#fff;display:inline-block;height:auto;line-height:10px;padding:7px 11px 6px;vertical-align:top;text-decoration:none}.summary{margin-top:1em;background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}h1,h2,h3{color:#1e1462}.clear{clear:both;height:0;overflow:hidden}#container{width:80%;margin:0 auto;background-color:#fff;padding:20px 40px;margin-top:20px;box-shadow:0 3px 5px 0 rgba(0,1,1,.1)}table{display:block;overflow-x:auto;white-space:nowrap}th{padding:5px}#flash_notice{color:#00b205}#flash_alert{color:#d00}.error_messages,#error_explanation{width:400px;border:2px solid #cf0000;padding:0px;padding-bottom:12px;margin-bottom:20px;background-color:#f0f0f0;font-size:12px}.error_messages h2,#error_explanation h2{text-align:left;font-weight:bold;padding:5px 10px;font-size:12px;margin:0;background-color:#c00;color:#fff}.error_messages p,#error_explanation p{margin:8px 10px}.error_messages ul,#error_explanation ul{margin-bottom:0}.field_with_errors{display:inline}form .field,form .actions{margin:12px 0}.red{color:#e44b27}.green{color:#1d9c5a}.dot{padding-left:3px}.achivments a{text-decoration:none;font-size:150%}.steps-container{max-width:800px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}.header .title{color:#211563;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header .subtitle{color:rgba(33,21,99,.7);font-size:1.2rem}.goal-card{background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 10px 30px rgba(91,212,197,.1);text-align:center}.goal-card .goal-value{margin:2rem 0 3rem}.goal-card .goal-value .goal-number{color:#1a7eed;font-size:6rem;font-weight:700;display:block;line-height:1;margin-bottom:1rem}.goal-card .goal-value .goal-unit{color:#5bd4c5;font-size:1.25rem;text-transform:uppercase;letter-spacing:3px;background:rgba(91,212,197,.1);padding:.5rem 1.5rem;border-radius:30px;display:inline-block}.form-wrapper{max-width:400px;margin:2rem auto;background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.form-wrapper .form-group{margin-bottom:2rem}.form-wrapper .form-group label{color:#211563;font-weight:600;margin-bottom:1rem;display:block;font-size:1.2rem;text-align:center}.form-wrapper .form-group input{width:180px;padding:1.2rem;border:2px solid rgba(91,212,197,.3);border-radius:12px;font-size:2rem;transition:all .3s ease;background:#f8fafc;text-align:center;font-weight:600;color:#1a7eed;display:block;margin:0 auto}.form-wrapper .form-group input:focus{border-color:#1a7eed;box-shadow:0 0 0 4px rgba(26,126,237,.1);outline:none;background:#fff}.form-wrapper .form-group input::placeholder{color:#a0aec0}.form-wrapper .buttons-wrapper{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;transition:all .3s ease;cursor:pointer;text-decoration:none;border:none;width:100%}.btn.btn-primary{background:linear-gradient(135deg, #1a7eed, #1e88e5);color:#fff;box-shadow:0 4px 12px rgba(26,126,237,.2)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(26,126,237,.3)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{background:#fff;color:#211563;border:2px solid #e2e8f0}.btn.btn-secondary:hover{border-color:#1a7eed;color:#1a7eed;background:rgba(26,126,237,.05)}.btn.btn-secondary:active{transform:translateY(0)}.edit-button{background:linear-gradient(135deg, #5bd4c5, #4dc0b5);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;box-shadow:0 4px 12px rgba(91,212,197,.2);width:100%;max-width:200px;margin:0 auto}.edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(91,212,197,.3)}.edit-button:active{transform:translateY(0)}.edit-button i{font-size:1.1rem}.back-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:12px;color:#64748b;text-decoration:none;transition:all .3s ease;font-weight:500;width:auto;min-width:120px}.back-button:hover{color:#1a7eed;background:rgba(26,126,237,.05)}.back-button::before{content:"←";margin-right:.5rem}.empty-state{text-align:center;padding:3rem}.empty-state .empty-message{color:#211563;font-size:1.2rem;margin-bottom:2rem}.deadline-info{color:#e1266b;font-size:1.1rem;margin-top:1.5rem;padding:1rem;background:rgba(225,38,107,.05);border-radius:12px;text-align:center}.deadline-warning{color:#e1266b;font-size:1.2rem;font-weight:600;padding:1rem;background:rgba(225,38,107,.05);border-radius:12px;margin-top:1.5rem;text-align:center}.logout-form{display:inline}.logout-link{background:none;border:none;color:#00e;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline}.logout-link:hover{color:#551a8b}
