.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.navbar-logo h1{color:var(--primary-color);font-size:24px;margin:0}.navbar-links{display:flex;list-style:none}.navbar-links li{margin-left:20px}.navbar-links a{text-decoration:none;color:var(--text-color);font-weight:500;padding:5px 10px;border-radius:4px;transition:all .3s}.navbar-links a:hover{color:var(--primary-color)}.navbar-links a.active{color:var(--primary-color);background-color:#4caf501a}@media (max-width: 768px){.navbar-container{flex-direction:column}.navbar-links{margin-top:15px;width:100%;justify-content:space-between}.navbar-links li{margin:0}}.notification{background-color:var(--primary-color);color:#fff;text-align:center;padding:10px;position:fixed;top:0;left:0;right:0;z-index:1000}.footer{background-color:#fff;box-shadow:0 -2px 4px #0000000d;padding:20px 0;margin-top:auto}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer p{margin:0;color:var(--dark-gray)}.footer-links{display:flex}.footer-links a{color:var(--dark-gray);text-decoration:none;margin-left:20px;font-size:14px;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center}.footer-links{margin-top:10px}.footer-links a{margin:0 10px}}.step-counter{text-align:center}.step-display{margin:20px 0}.step-count{font-size:48px;font-weight:700;color:var(--primary-color)}.step-goal{font-size:16px;color:var(--dark-gray);margin-top:5px}.progress-bar-container{height:10px;background-color:var(--light-gray);border-radius:5px;margin:15px 0;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:5px;transition:width .5s ease-in-out}.progress-text{font-size:14px;color:var(--dark-gray);margin-bottom:20px}.add-steps-form{max-width:300px;margin:0 auto}.goal-setting{padding:20px}.goal-form{max-width:300px;margin:0 auto 20px}.goal-presets{margin-top:20px;text-align:center}.goal-presets p{margin-bottom:10px;color:var(--dark-gray)}.preset-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.preset-btn{background-color:var(--light-gray);border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .3s}.preset-btn:hover{background-color:var(--primary-color);color:#fff}.step-chart{margin-top:20px}.chart-container{height:300px;position:relative}.chart-legend{display:flex;justify-content:center;margin-top:15px}.legend-item{display:flex;align-items:center;margin:0 10px}.legend-color{display:inline-block;width:16px;height:16px;margin-right:5px;border-radius:3px}.goal-met{background-color:#4caf50b3}.goal-not-met{background-color:#2196f3b3}.dashboard h1{margin-bottom:20px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:20px}.quick-tips{padding:20px}.tips-list{margin-top:15px;padding-left:20px}.tips-list li{margin-bottom:10px;color:var(--dark-gray)}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.history h1{margin-bottom:20px}.filter-controls{display:flex;align-items:center;margin-bottom:20px}.filter-controls label{margin-right:10px;font-weight:500}.filter-controls select{width:200px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding:15px;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.history-item.goal-met{border-left:4px solid var(--success-color)}.history-item.goal-missed{border-left:4px solid var(--error-color)}.history-date{font-weight:500}.history-steps{font-size:18px;font-weight:700}.history-goal{color:var(--dark-gray)}.history-status{font-size:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.goal-met .history-status{color:var(--success-color);background-color:#4caf501a}.goal-missed .history-status{color:var(--error-color);background-color:#f443361a}.no-data{text-align:center;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.history-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.history-status{grid-column:2;grid-row:1;justify-self:end}.history-goal{grid-column:1 / -1;grid-row:2}}.stats-card{display:flex;align-items:center;padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;height:100%}.stats-icon{font-size:24px;margin-right:15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#4caf501a;color:var(--primary-color);border-radius:50%}.stats-content{flex:1}.stats-content h3{margin:0 0 5px;font-size:14px;color:var(--dark-gray)}.stats-value{font-size:24px;font-weight:700;margin-bottom:5px}.stats-trend{font-size:14px;display:flex;align-items:center}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.achievement-card{display:flex;align-items:center;padding:15px;border-radius:8px;margin-bottom:15px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .3s}.achievement-card:hover{transform:translateY(-3px)}.achievement-card.achieved{border-left:4px solid var(--success-color)}.achievement-card.locked{border-left:4px solid var(--dark-gray);opacity:.7}.achievement-icon{font-size:24px;margin-right:15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--light-gray);border-radius:50%}.achievement-content{flex:1}.achievement-content h3{margin:0 0 5px;font-size:16px}.achievement-content p{margin:0;font-size:14px;color:var(--dark-gray)}.achievement-status{font-size:20px;margin-left:10px}.achieved .achievement-status{color:var(--success-color)}.locked .achievement-status{color:var(--dark-gray)}.statistics h1,.statistics h2{margin-bottom:20px}.statistics h2{margin-top:30px}.timeframe-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.timeframe-btn{padding:8px 16px;background-color:#fff;border:1px solid var(--light-gray);border-radius:4px;cursor:pointer;transition:all .3s}.timeframe-btn:hover{background-color:var(--light-gray)}.timeframe-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.achievements-list{display:flex;flex-direction:column;gap:15px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.settings h1{margin-bottom:20px}.settings-section{margin-bottom:20px;padding:20px}.settings-section h2{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--light-gray)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--light-gray)}.setting-item:last-child{border-bottom:none}.setting-info h3{margin:0 0 5px;font-size:16px}.setting-info p{margin:0;color:var(--dark-gray);font-size:14px}.setting-control{min-width:120px}.toggle{position:relative;display:inline-block;width:60px;height:34px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--light-gray);transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(26px)}.export-controls{display:flex;gap:10px}.btn-danger{background-color:var(--error-color)}.btn-danger:hover{background-color:#d32f2f}.about-info{padding:10px 0}.about-info p{margin-bottom:10px}@media (max-width: 768px){.setting-item{flex-direction:column;align-items:flex-start}.setting-control{margin-top:10px;width:100%}.export-controls{flex-direction:column}}:root{--primary-color: #4CAF50;--secondary-color: #2196F3;--accent-color: #FF9800;--background-color: #f5f5f5;--text-color: #333;--light-gray: #e0e0e0;--dark-gray: #757575;--success-color: #4CAF50;--warning-color: #FF9800;--error-color: #F44336}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#3e8e41}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#0b7dda}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:10px;border:1px solid var(--light-gray);border-radius:4px;font-size:16px}.alert{padding:10px 15px;border-radius:4px;margin-bottom:15px}.alert-success{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6}.alert-warning{background-color:#fcf8e3;color:#8a6d3b;border:1px solid #faebcc}.alert-error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1}