:root{--primary: #3498db;--secondary: #2c3e50;--success: #2ecc71;--warning: #f39c12;--danger: #e74c3c;--text: #333;--background: #f0d4d4}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text);background-color:var(--background);justify-content:center}.app{max-width:900px;margin:0 auto;padding:20px;border-radius:10px;box-shadow:#50231e;overflow:hidden}h1,h2,h3{color:var(--secondary);font-weight:600;padding:25px;border-top-right-radius:10px}h1{font-size:2rem;text-align:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #eee}h2{font-size:1.5rem;margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid #eee}.dashboard{display:grid;gap:25px}.forms-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.goal-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:transform .2s}.goal-card:hover{transform:translateY(-3px)}.progress-container{height:20px;background:#ecf0f1;border-radius:10px;margin:15px 0;position:relative;overflow:hidden}.progress-bar{height:100%;border-radius:10px;background:var(--primary);transition:width .5s ease}.progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.3)}.status{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status.completed{background:var(--success);color:#fff}.status.warning{background:var(--warning);color:#fff}.status.overdue{background:var(--danger);color:#fff}.form-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--secondary)}input,select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit}button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s}button:hover{opacity:.9;transform:translateY(-1px)}.primary-btn{background:var(--primary);color:#fff}.success-btn{background:var(--success);color:#fff}.danger-btn{background:var(--danger);color:#fff}.secondary-btn{background:#ecf0f1;color:var(--text)}.overview{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.overview-stats{display:flex;justify-content:space-around;text-align:center;margin-top:15px;flex-wrap:wrap}.stat{padding:0 15px;min-width:100px}.stat-value{font-size:1.8rem;font-weight:600;color:var(--primary);margin-bottom:5px}.stat-label{color:var(--secondary);font-size:.9rem;opacity:.9}@media (max-width: 768px){.forms-section{grid-template-columns:1fr}.overview-stats{flex-direction:column;gap:20px}}: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}}