.zone-card{background:var(--white);border-radius:15px;padding:20px;margin-bottom:15px;border-left:5px solid;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:all .3s;cursor:pointer}.zone-card:hover{transform:translateX(5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.zone-card.zone-1{border-left-color:var(--zone1)}.zone-card.zone-2{border-left-color:var(--zone2)}.zone-card.zone-3{border-left-color:var(--zone3)}.zone-card.zone-4{border-left-color:var(--zone4)}.zone-card.zone-5{border-left-color:var(--zone5)}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zone-name{font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.zone-percentage{background:rgba(0,0,0,.05);padding:5px 10px;border-radius:20px;font-size:14px;font-weight:600}.zone-range{font-size:18px;color:var(--primary);font-weight:600;margin-bottom:10px}.zone-description{color:#7f8c8d;line-height:1.5;margin-bottom:15px}.zone-benefits{display:flex;flex-wrap:wrap;gap:8px}.benefit-tag{background:rgba(0,0,0,.05);padding:5px 12px;border-radius:15px;font-size:13px}.zone-segment{display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:14px;transition:all .3s;cursor:pointer}.zone-segment:hover{filter:brightness(1.1);transform:scaleY(1.1)}.zone-segment.zone-1{background:var(--zone1)}.zone-segment.zone-2{background:var(--zone2)}.zone-segment.zone-3{background:var(--zone3)}.zone-segment.zone-4{background:var(--zone4)}.zone-segment.zone-5{background:var(--zone5)}.target-card{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:20px;border-radius:10px;text-align:center;transition:all .3s}.target-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.target-activity{font-weight:600;margin-bottom:10px;color:var(--dark)}.target-hr{font-size:24px;font-weight:700;color:var(--primary)}.workout-card{border:2px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s}.workout-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.workout-zone{display:inline-block;padding:5px 10px;border-radius:15px;color:var(--white);font-size:12px;font-weight:600;margin-bottom:10px}.workout-title{font-size:18px;font-weight:600;margin-bottom:10px}.workout-details{color:#7f8c8d;font-size:14px;line-height:1.5}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0;transition:background .3s}.history-item:hover{background:rgba(0,0,0,.02)}.history-date{font-weight:600;color:var(--dark)}.history-details{display:flex;gap:20px;align-items:center}.history-hr{font-size:18px;font-weight:700;color:var(--primary)}.history-zone{padding:5px 10px;border-radius:15px;color:var(--white);font-size:12px;font-weight:600}@media (max-width:768px){.zone-segment{font-size:12px}}.notification.show{transform:translateX(0)}.notification.success{border-left:4px solid var(--secondary)}.notification.error{border-left:4px solid var(--primary)}.notification.info{border-left:4px solid var(--accent)}